/*!*****************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/bootstrap/dist/css/bootstrap.min.css ***!
  \*****************************************************************************************************/
@charset "UTF-8";/*!
 * Bootstrap  v5.3.8 (https://getbootstrap.com/)
 * Copyright 2011-2025 The Bootstrap Authors
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
 */:root,[data-bs-theme=light]{--bs-blue:#0d6efd;--bs-indigo:#6610f2;--bs-purple:#6f42c1;--bs-pink:#d63384;--bs-red:#dc3545;--bs-orange:#fd7e14;--bs-yellow:#ffc107;--bs-green:#198754;--bs-teal:#20c997;--bs-cyan:#0dcaf0;--bs-black:#000;--bs-white:#fff;--bs-gray:#6c757d;--bs-gray-dark:#343a40;--bs-gray-100:#f8f9fa;--bs-gray-200:#e9ecef;--bs-gray-300:#dee2e6;--bs-gray-400:#ced4da;--bs-gray-500:#adb5bd;--bs-gray-600:#6c757d;--bs-gray-700:#495057;--bs-gray-800:#343a40;--bs-gray-900:#212529;--bs-primary:#0d6efd;--bs-secondary:#6c757d;--bs-success:#198754;--bs-info:#0dcaf0;--bs-warning:#ffc107;--bs-danger:#dc3545;--bs-light:#f8f9fa;--bs-dark:#212529;--bs-primary-rgb:13,110,253;--bs-secondary-rgb:108,117,125;--bs-success-rgb:25,135,84;--bs-info-rgb:13,202,240;--bs-warning-rgb:255,193,7;--bs-danger-rgb:220,53,69;--bs-light-rgb:248,249,250;--bs-dark-rgb:33,37,41;--bs-primary-text-emphasis:#052c65;--bs-secondary-text-emphasis:#2b2f32;--bs-success-text-emphasis:#0a3622;--bs-info-text-emphasis:#055160;--bs-warning-text-emphasis:#664d03;--bs-danger-text-emphasis:#58151c;--bs-light-text-emphasis:#495057;--bs-dark-text-emphasis:#495057;--bs-primary-bg-subtle:#cfe2ff;--bs-secondary-bg-subtle:#e2e3e5;--bs-success-bg-subtle:#d1e7dd;--bs-info-bg-subtle:#cff4fc;--bs-warning-bg-subtle:#fff3cd;--bs-danger-bg-subtle:#f8d7da;--bs-light-bg-subtle:#fcfcfd;--bs-dark-bg-subtle:#ced4da;--bs-primary-border-subtle:#9ec5fe;--bs-secondary-border-subtle:#c4c8cb;--bs-success-border-subtle:#a3cfbb;--bs-info-border-subtle:#9eeaf9;--bs-warning-border-subtle:#ffe69c;--bs-danger-border-subtle:#f1aeb5;--bs-light-border-subtle:#e9ecef;--bs-dark-border-subtle:#adb5bd;--bs-white-rgb:255,255,255;--bs-black-rgb:0,0,0;--bs-font-sans-serif:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue","Noto Sans","Liberation Sans",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--bs-font-monospace:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--bs-gradient:linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));--bs-body-font-family:var(--bs-font-sans-serif);--bs-body-font-size:1rem;--bs-body-font-weight:400;--bs-body-line-height:1.5;--bs-body-color:#212529;--bs-body-color-rgb:33,37,41;--bs-body-bg:#fff;--bs-body-bg-rgb:255,255,255;--bs-emphasis-color:#000;--bs-emphasis-color-rgb:0,0,0;--bs-secondary-color:rgba(33, 37, 41, 0.75);--bs-secondary-color-rgb:33,37,41;--bs-secondary-bg:#e9ecef;--bs-secondary-bg-rgb:233,236,239;--bs-tertiary-color:rgba(33, 37, 41, 0.5);--bs-tertiary-color-rgb:33,37,41;--bs-tertiary-bg:#f8f9fa;--bs-tertiary-bg-rgb:248,249,250;--bs-heading-color:inherit;--bs-link-color:#0d6efd;--bs-link-color-rgb:13,110,253;--bs-link-decoration:underline;--bs-link-hover-color:#0a58ca;--bs-link-hover-color-rgb:10,88,202;--bs-code-color:#d63384;--bs-highlight-color:#212529;--bs-highlight-bg:#fff3cd;--bs-border-width:1px;--bs-border-style:solid;--bs-border-color:#dee2e6;--bs-border-color-translucent:rgba(0, 0, 0, 0.175);--bs-border-radius:0.375rem;--bs-border-radius-sm:0.25rem;--bs-border-radius-lg:0.5rem;--bs-border-radius-xl:1rem;--bs-border-radius-xxl:2rem;--bs-border-radius-2xl:var(--bs-border-radius-xxl);--bs-border-radius-pill:50rem;--bs-box-shadow:0 0.5rem 1rem rgba(0, 0, 0, 0.15);--bs-box-shadow-sm:0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);--bs-box-shadow-lg:0 1rem 3rem rgba(0, 0, 0, 0.175);--bs-box-shadow-inset:inset 0 1px 2px rgba(0, 0, 0, 0.075);--bs-focus-ring-width:0.25rem;--bs-focus-ring-opacity:0.25;--bs-focus-ring-color:rgba(13, 110, 253, 0.25);--bs-form-valid-color:#198754;--bs-form-valid-border-color:#198754;--bs-form-invalid-color:#dc3545;--bs-form-invalid-border-color:#dc3545}[data-bs-theme=dark]{color-scheme:dark;--bs-body-color:#dee2e6;--bs-body-color-rgb:222,226,230;--bs-body-bg:#212529;--bs-body-bg-rgb:33,37,41;--bs-emphasis-color:#fff;--bs-emphasis-color-rgb:255,255,255;--bs-secondary-color:rgba(222, 226, 230, 0.75);--bs-secondary-color-rgb:222,226,230;--bs-secondary-bg:#343a40;--bs-secondary-bg-rgb:52,58,64;--bs-tertiary-color:rgba(222, 226, 230, 0.5);--bs-tertiary-color-rgb:222,226,230;--bs-tertiary-bg:#2b3035;--bs-tertiary-bg-rgb:43,48,53;--bs-primary-text-emphasis:#6ea8fe;--bs-secondary-text-emphasis:#a7acb1;--bs-success-text-emphasis:#75b798;--bs-info-text-emphasis:#6edff6;--bs-warning-text-emphasis:#ffda6a;--bs-danger-text-emphasis:#ea868f;--bs-light-text-emphasis:#f8f9fa;--bs-dark-text-emphasis:#dee2e6;--bs-primary-bg-subtle:#031633;--bs-secondary-bg-subtle:#161719;--bs-success-bg-subtle:#051b11;--bs-info-bg-subtle:#032830;--bs-warning-bg-subtle:#332701;--bs-danger-bg-subtle:#2c0b0e;--bs-light-bg-subtle:#343a40;--bs-dark-bg-subtle:#1a1d20;--bs-primary-border-subtle:#084298;--bs-secondary-border-subtle:#41464b;--bs-success-border-subtle:#0f5132;--bs-info-border-subtle:#087990;--bs-warning-border-subtle:#997404;--bs-danger-border-subtle:#842029;--bs-light-border-subtle:#495057;--bs-dark-border-subtle:#343a40;--bs-heading-color:inherit;--bs-link-color:#6ea8fe;--bs-link-hover-color:#8bb9fe;--bs-link-color-rgb:110,168,254;--bs-link-hover-color-rgb:139,185,254;--bs-code-color:#e685b5;--bs-highlight-color:#dee2e6;--bs-highlight-bg:#664d03;--bs-border-color:#495057;--bs-border-color-translucent:rgba(255, 255, 255, 0.15);--bs-form-valid-color:#75b798;--bs-form-valid-border-color:#75b798;--bs-form-invalid-color:#ea868f;--bs-form-invalid-border-color:#ea868f}*,::after,::before{box-sizing:border-box}@media (prefers-reduced-motion:no-preference){:root{scroll-behavior:smooth}}body{margin:0;font-family:var(--bs-body-font-family);font-size:var(--bs-body-font-size);font-weight:var(--bs-body-font-weight);line-height:var(--bs-body-line-height);color:var(--bs-body-color);text-align:var(--bs-body-text-align);background-color:var(--bs-body-bg);-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}hr{margin:1rem 0;color:inherit;border:0;border-top:var(--bs-border-width) solid;opacity:.25}.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:.5rem;font-weight:500;line-height:1.2;color:var(--bs-heading-color)}.h1,h1{font-size:calc(1.375rem + 1.5vw)}@media (min-width:1200px){.h1,h1{font-size:2.5rem}}.h2,h2{font-size:calc(1.325rem + .9vw)}@media (min-width:1200px){.h2,h2{font-size:2rem}}.h3,h3{font-size:calc(1.3rem + .6vw)}@media (min-width:1200px){.h3,h3{font-size:1.75rem}}.h4,h4{font-size:calc(1.275rem + .3vw)}@media (min-width:1200px){.h4,h4{font-size:1.5rem}}.h5,h5{font-size:1.25rem}.h6,h6{font-size:1rem}p{margin-top:0;margin-bottom:1rem}abbr[title]{-webkit-text-decoration:underline dotted;text-decoration:underline dotted;cursor:help;-webkit-text-decoration-skip-ink:none;text-decoration-skip-ink:none}address{margin-bottom:1rem;font-style:normal;line-height:inherit}ol,ul{padding-left:2rem}dl,ol,ul{margin-top:0;margin-bottom:1rem}ol ol,ol ul,ul ol,ul ul{margin-bottom:0}dt{font-weight:700}dd{margin-bottom:.5rem;margin-left:0}blockquote{margin:0 0 1rem}b,strong{font-weight:bolder}.small,small{font-size:.875em}.mark,mark{padding:.1875em;color:var(--bs-highlight-color);background-color:var(--bs-highlight-bg)}sub,sup{position:relative;font-size:.75em;line-height:0;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}a{color:rgba(var(--bs-link-color-rgb),var(--bs-link-opacity,1));text-decoration:underline}a:hover{--bs-link-color-rgb:var(--bs-link-hover-color-rgb)}a:not([href]):not([class]),a:not([href]):not([class]):hover{color:inherit;text-decoration:none}code,kbd,pre,samp{font-family:var(--bs-font-monospace);font-size:1em}pre{display:block;margin-top:0;margin-bottom:1rem;overflow:auto;font-size:.875em}pre code{font-size:inherit;color:inherit;word-break:normal}code{font-size:.875em;color:var(--bs-code-color);word-wrap:break-word}a>code{color:inherit}kbd{padding:.1875rem .375rem;font-size:.875em;color:var(--bs-body-bg);background-color:var(--bs-body-color);border-radius:.25rem}kbd kbd{padding:0;font-size:1em}figure{margin:0 0 1rem}img,svg{vertical-align:middle}table{caption-side:bottom;border-collapse:collapse}caption{padding-top:.5rem;padding-bottom:.5rem;color:var(--bs-secondary-color);text-align:left}th{text-align:inherit;text-align:-webkit-match-parent}tbody,td,tfoot,th,thead,tr{border-color:inherit;border-style:solid;border-width:0}label{display:inline-block}button{border-radius:0}button:focus:not(:focus-visible){outline:0}button,input,optgroup,select,textarea{margin:0;font-family:inherit;font-size:inherit;line-height:inherit}button,select{text-transform:none}[role=button]{cursor:pointer}select{word-wrap:normal}select:disabled{opacity:1}[list]:not([type=date]):not([type=datetime-local]):not([type=month]):not([type=week]):not([type=time])::-webkit-calendar-picker-indicator{display:none!important}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]:not(:disabled),[type=reset]:not(:disabled),[type=submit]:not(:disabled),button:not(:disabled){cursor:pointer}::-moz-focus-inner{padding:0;border-style:none}textarea{resize:vertical}fieldset{min-width:0;padding:0;margin:0;border:0}legend{float:left;width:100%;padding:0;margin-bottom:.5rem;line-height:inherit;font-size:calc(1.275rem + .3vw)}@media (min-width:1200px){legend{font-size:1.5rem}}legend+*{clear:left}::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-fields-wrapper,::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-minute,::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-text,::-webkit-datetime-edit-year-field{padding:0}::-webkit-inner-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-cancel-button{cursor:pointer;filter:grayscale(1)}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-color-swatch-wrapper{padding:0}::-webkit-file-upload-button{font:inherit;-webkit-appearance:button}::file-selector-button{font:inherit;-webkit-appearance:button}output{display:inline-block}iframe{border:0}summary{display:list-item;cursor:pointer}progress{vertical-align:baseline}[hidden]{display:none!important}.lead{font-size:1.25rem;font-weight:300}.display-1{font-weight:300;line-height:1.2;font-size:calc(1.625rem + 4.5vw)}@media (min-width:1200px){.display-1{font-size:5rem}}.display-2{font-weight:300;line-height:1.2;font-size:calc(1.575rem + 3.9vw)}@media (min-width:1200px){.display-2{font-size:4.5rem}}.display-3{font-weight:300;line-height:1.2;font-size:calc(1.525rem + 3.3vw)}@media (min-width:1200px){.display-3{font-size:4rem}}.display-4{font-weight:300;line-height:1.2;font-size:calc(1.475rem + 2.7vw)}@media (min-width:1200px){.display-4{font-size:3.5rem}}.display-5{font-weight:300;line-height:1.2;font-size:calc(1.425rem + 2.1vw)}@media (min-width:1200px){.display-5{font-size:3rem}}.display-6{font-weight:300;line-height:1.2;font-size:calc(1.375rem + 1.5vw)}@media (min-width:1200px){.display-6{font-size:2.5rem}}.list-unstyled{padding-left:0;list-style:none}.list-inline{padding-left:0;list-style:none}.list-inline-item{display:inline-block}.list-inline-item:not(:last-child){margin-right:.5rem}.initialism{font-size:.875em;text-transform:uppercase}.blockquote{margin-bottom:1rem;font-size:1.25rem}.blockquote>:last-child{margin-bottom:0}.blockquote-footer{margin-top:-1rem;margin-bottom:1rem;font-size:.875em;color:#6c757d}.blockquote-footer::before{content:"— "}.img-fluid{max-width:100%;height:auto}.img-thumbnail{padding:.25rem;background-color:var(--bs-body-bg);border:var(--bs-border-width) solid var(--bs-border-color);border-radius:var(--bs-border-radius);max-width:100%;height:auto}.figure{display:inline-block}.figure-img{margin-bottom:.5rem;line-height:1}.figure-caption{font-size:.875em;color:var(--bs-secondary-color)}.container,.container-fluid,.container-lg,.container-md,.container-sm,.container-xl,.container-xxl{--bs-gutter-x:1.5rem;--bs-gutter-y:0;width:100%;padding-right:calc(var(--bs-gutter-x) * .5);padding-left:calc(var(--bs-gutter-x) * .5);margin-right:auto;margin-left:auto}@media (min-width:576px){.container,.container-sm{max-width:540px}}@media (min-width:768px){.container,.container-md,.container-sm{max-width:720px}}@media (min-width:992px){.container,.container-lg,.container-md,.container-sm{max-width:960px}}@media (min-width:1200px){.container,.container-lg,.container-md,.container-sm,.container-xl{max-width:1140px}}@media (min-width:1400px){.container,.container-lg,.container-md,.container-sm,.container-xl,.container-xxl{max-width:1320px}}:root{--bs-breakpoint-xs:0;--bs-breakpoint-sm:576px;--bs-breakpoint-md:768px;--bs-breakpoint-lg:992px;--bs-breakpoint-xl:1200px;--bs-breakpoint-xxl:1400px}.row{--bs-gutter-x:1.5rem;--bs-gutter-y:0;display:flex;flex-wrap:wrap;margin-top:calc(-1 * var(--bs-gutter-y));margin-right:calc(-.5 * var(--bs-gutter-x));margin-left:calc(-.5 * var(--bs-gutter-x))}.row>*{flex-shrink:0;width:100%;max-width:100%;padding-right:calc(var(--bs-gutter-x) * .5);padding-left:calc(var(--bs-gutter-x) * .5);margin-top:var(--bs-gutter-y)}.col{flex:1 0 0}.row-cols-auto>*{flex:0 0 auto;width:auto}.row-cols-1>*{flex:0 0 auto;width:100%}.row-cols-2>*{flex:0 0 auto;width:50%}.row-cols-3>*{flex:0 0 auto;width:33.33333333%}.row-cols-4>*{flex:0 0 auto;width:25%}.row-cols-5>*{flex:0 0 auto;width:20%}.row-cols-6>*{flex:0 0 auto;width:16.66666667%}.col-auto{flex:0 0 auto;width:auto}.col-1{flex:0 0 auto;width:8.33333333%}.col-2{flex:0 0 auto;width:16.66666667%}.col-3{flex:0 0 auto;width:25%}.col-4{flex:0 0 auto;width:33.33333333%}.col-5{flex:0 0 auto;width:41.66666667%}.col-6{flex:0 0 auto;width:50%}.col-7{flex:0 0 auto;width:58.33333333%}.col-8{flex:0 0 auto;width:66.66666667%}.col-9{flex:0 0 auto;width:75%}.col-10{flex:0 0 auto;width:83.33333333%}.col-11{flex:0 0 auto;width:91.66666667%}.col-12{flex:0 0 auto;width:100%}.offset-1{margin-left:8.33333333%}.offset-2{margin-left:16.66666667%}.offset-3{margin-left:25%}.offset-4{margin-left:33.33333333%}.offset-5{margin-left:41.66666667%}.offset-6{margin-left:50%}.offset-7{margin-left:58.33333333%}.offset-8{margin-left:66.66666667%}.offset-9{margin-left:75%}.offset-10{margin-left:83.33333333%}.offset-11{margin-left:91.66666667%}.g-0,.gx-0{--bs-gutter-x:0}.g-0,.gy-0{--bs-gutter-y:0}.g-1,.gx-1{--bs-gutter-x:0.25rem}.g-1,.gy-1{--bs-gutter-y:0.25rem}.g-2,.gx-2{--bs-gutter-x:0.5rem}.g-2,.gy-2{--bs-gutter-y:0.5rem}.g-3,.gx-3{--bs-gutter-x:1rem}.g-3,.gy-3{--bs-gutter-y:1rem}.g-4,.gx-4{--bs-gutter-x:1.5rem}.g-4,.gy-4{--bs-gutter-y:1.5rem}.g-5,.gx-5{--bs-gutter-x:3rem}.g-5,.gy-5{--bs-gutter-y:3rem}@media (min-width:576px){.col-sm{flex:1 0 0}.row-cols-sm-auto>*{flex:0 0 auto;width:auto}.row-cols-sm-1>*{flex:0 0 auto;width:100%}.row-cols-sm-2>*{flex:0 0 auto;width:50%}.row-cols-sm-3>*{flex:0 0 auto;width:33.33333333%}.row-cols-sm-4>*{flex:0 0 auto;width:25%}.row-cols-sm-5>*{flex:0 0 auto;width:20%}.row-cols-sm-6>*{flex:0 0 auto;width:16.66666667%}.col-sm-auto{flex:0 0 auto;width:auto}.col-sm-1{flex:0 0 auto;width:8.33333333%}.col-sm-2{flex:0 0 auto;width:16.66666667%}.col-sm-3{flex:0 0 auto;width:25%}.col-sm-4{flex:0 0 auto;width:33.33333333%}.col-sm-5{flex:0 0 auto;width:41.66666667%}.col-sm-6{flex:0 0 auto;width:50%}.col-sm-7{flex:0 0 auto;width:58.33333333%}.col-sm-8{flex:0 0 auto;width:66.66666667%}.col-sm-9{flex:0 0 auto;width:75%}.col-sm-10{flex:0 0 auto;width:83.33333333%}.col-sm-11{flex:0 0 auto;width:91.66666667%}.col-sm-12{flex:0 0 auto;width:100%}.offset-sm-0{margin-left:0}.offset-sm-1{margin-left:8.33333333%}.offset-sm-2{margin-left:16.66666667%}.offset-sm-3{margin-left:25%}.offset-sm-4{margin-left:33.33333333%}.offset-sm-5{margin-left:41.66666667%}.offset-sm-6{margin-left:50%}.offset-sm-7{margin-left:58.33333333%}.offset-sm-8{margin-left:66.66666667%}.offset-sm-9{margin-left:75%}.offset-sm-10{margin-left:83.33333333%}.offset-sm-11{margin-left:91.66666667%}.g-sm-0,.gx-sm-0{--bs-gutter-x:0}.g-sm-0,.gy-sm-0{--bs-gutter-y:0}.g-sm-1,.gx-sm-1{--bs-gutter-x:0.25rem}.g-sm-1,.gy-sm-1{--bs-gutter-y:0.25rem}.g-sm-2,.gx-sm-2{--bs-gutter-x:0.5rem}.g-sm-2,.gy-sm-2{--bs-gutter-y:0.5rem}.g-sm-3,.gx-sm-3{--bs-gutter-x:1rem}.g-sm-3,.gy-sm-3{--bs-gutter-y:1rem}.g-sm-4,.gx-sm-4{--bs-gutter-x:1.5rem}.g-sm-4,.gy-sm-4{--bs-gutter-y:1.5rem}.g-sm-5,.gx-sm-5{--bs-gutter-x:3rem}.g-sm-5,.gy-sm-5{--bs-gutter-y:3rem}}@media (min-width:768px){.col-md{flex:1 0 0}.row-cols-md-auto>*{flex:0 0 auto;width:auto}.row-cols-md-1>*{flex:0 0 auto;width:100%}.row-cols-md-2>*{flex:0 0 auto;width:50%}.row-cols-md-3>*{flex:0 0 auto;width:33.33333333%}.row-cols-md-4>*{flex:0 0 auto;width:25%}.row-cols-md-5>*{flex:0 0 auto;width:20%}.row-cols-md-6>*{flex:0 0 auto;width:16.66666667%}.col-md-auto{flex:0 0 auto;width:auto}.col-md-1{flex:0 0 auto;width:8.33333333%}.col-md-2{flex:0 0 auto;width:16.66666667%}.col-md-3{flex:0 0 auto;width:25%}.col-md-4{flex:0 0 auto;width:33.33333333%}.col-md-5{flex:0 0 auto;width:41.66666667%}.col-md-6{flex:0 0 auto;width:50%}.col-md-7{flex:0 0 auto;width:58.33333333%}.col-md-8{flex:0 0 auto;width:66.66666667%}.col-md-9{flex:0 0 auto;width:75%}.col-md-10{flex:0 0 auto;width:83.33333333%}.col-md-11{flex:0 0 auto;width:91.66666667%}.col-md-12{flex:0 0 auto;width:100%}.offset-md-0{margin-left:0}.offset-md-1{margin-left:8.33333333%}.offset-md-2{margin-left:16.66666667%}.offset-md-3{margin-left:25%}.offset-md-4{margin-left:33.33333333%}.offset-md-5{margin-left:41.66666667%}.offset-md-6{margin-left:50%}.offset-md-7{margin-left:58.33333333%}.offset-md-8{margin-left:66.66666667%}.offset-md-9{margin-left:75%}.offset-md-10{margin-left:83.33333333%}.offset-md-11{margin-left:91.66666667%}.g-md-0,.gx-md-0{--bs-gutter-x:0}.g-md-0,.gy-md-0{--bs-gutter-y:0}.g-md-1,.gx-md-1{--bs-gutter-x:0.25rem}.g-md-1,.gy-md-1{--bs-gutter-y:0.25rem}.g-md-2,.gx-md-2{--bs-gutter-x:0.5rem}.g-md-2,.gy-md-2{--bs-gutter-y:0.5rem}.g-md-3,.gx-md-3{--bs-gutter-x:1rem}.g-md-3,.gy-md-3{--bs-gutter-y:1rem}.g-md-4,.gx-md-4{--bs-gutter-x:1.5rem}.g-md-4,.gy-md-4{--bs-gutter-y:1.5rem}.g-md-5,.gx-md-5{--bs-gutter-x:3rem}.g-md-5,.gy-md-5{--bs-gutter-y:3rem}}@media (min-width:992px){.col-lg{flex:1 0 0}.row-cols-lg-auto>*{flex:0 0 auto;width:auto}.row-cols-lg-1>*{flex:0 0 auto;width:100%}.row-cols-lg-2>*{flex:0 0 auto;width:50%}.row-cols-lg-3>*{flex:0 0 auto;width:33.33333333%}.row-cols-lg-4>*{flex:0 0 auto;width:25%}.row-cols-lg-5>*{flex:0 0 auto;width:20%}.row-cols-lg-6>*{flex:0 0 auto;width:16.66666667%}.col-lg-auto{flex:0 0 auto;width:auto}.col-lg-1{flex:0 0 auto;width:8.33333333%}.col-lg-2{flex:0 0 auto;width:16.66666667%}.col-lg-3{flex:0 0 auto;width:25%}.col-lg-4{flex:0 0 auto;width:33.33333333%}.col-lg-5{flex:0 0 auto;width:41.66666667%}.col-lg-6{flex:0 0 auto;width:50%}.col-lg-7{flex:0 0 auto;width:58.33333333%}.col-lg-8{flex:0 0 auto;width:66.66666667%}.col-lg-9{flex:0 0 auto;width:75%}.col-lg-10{flex:0 0 auto;width:83.33333333%}.col-lg-11{flex:0 0 auto;width:91.66666667%}.col-lg-12{flex:0 0 auto;width:100%}.offset-lg-0{margin-left:0}.offset-lg-1{margin-left:8.33333333%}.offset-lg-2{margin-left:16.66666667%}.offset-lg-3{margin-left:25%}.offset-lg-4{margin-left:33.33333333%}.offset-lg-5{margin-left:41.66666667%}.offset-lg-6{margin-left:50%}.offset-lg-7{margin-left:58.33333333%}.offset-lg-8{margin-left:66.66666667%}.offset-lg-9{margin-left:75%}.offset-lg-10{margin-left:83.33333333%}.offset-lg-11{margin-left:91.66666667%}.g-lg-0,.gx-lg-0{--bs-gutter-x:0}.g-lg-0,.gy-lg-0{--bs-gutter-y:0}.g-lg-1,.gx-lg-1{--bs-gutter-x:0.25rem}.g-lg-1,.gy-lg-1{--bs-gutter-y:0.25rem}.g-lg-2,.gx-lg-2{--bs-gutter-x:0.5rem}.g-lg-2,.gy-lg-2{--bs-gutter-y:0.5rem}.g-lg-3,.gx-lg-3{--bs-gutter-x:1rem}.g-lg-3,.gy-lg-3{--bs-gutter-y:1rem}.g-lg-4,.gx-lg-4{--bs-gutter-x:1.5rem}.g-lg-4,.gy-lg-4{--bs-gutter-y:1.5rem}.g-lg-5,.gx-lg-5{--bs-gutter-x:3rem}.g-lg-5,.gy-lg-5{--bs-gutter-y:3rem}}@media (min-width:1200px){.col-xl{flex:1 0 0}.row-cols-xl-auto>*{flex:0 0 auto;width:auto}.row-cols-xl-1>*{flex:0 0 auto;width:100%}.row-cols-xl-2>*{flex:0 0 auto;width:50%}.row-cols-xl-3>*{flex:0 0 auto;width:33.33333333%}.row-cols-xl-4>*{flex:0 0 auto;width:25%}.row-cols-xl-5>*{flex:0 0 auto;width:20%}.row-cols-xl-6>*{flex:0 0 auto;width:16.66666667%}.col-xl-auto{flex:0 0 auto;width:auto}.col-xl-1{flex:0 0 auto;width:8.33333333%}.col-xl-2{flex:0 0 auto;width:16.66666667%}.col-xl-3{flex:0 0 auto;width:25%}.col-xl-4{flex:0 0 auto;width:33.33333333%}.col-xl-5{flex:0 0 auto;width:41.66666667%}.col-xl-6{flex:0 0 auto;width:50%}.col-xl-7{flex:0 0 auto;width:58.33333333%}.col-xl-8{flex:0 0 auto;width:66.66666667%}.col-xl-9{flex:0 0 auto;width:75%}.col-xl-10{flex:0 0 auto;width:83.33333333%}.col-xl-11{flex:0 0 auto;width:91.66666667%}.col-xl-12{flex:0 0 auto;width:100%}.offset-xl-0{margin-left:0}.offset-xl-1{margin-left:8.33333333%}.offset-xl-2{margin-left:16.66666667%}.offset-xl-3{margin-left:25%}.offset-xl-4{margin-left:33.33333333%}.offset-xl-5{margin-left:41.66666667%}.offset-xl-6{margin-left:50%}.offset-xl-7{margin-left:58.33333333%}.offset-xl-8{margin-left:66.66666667%}.offset-xl-9{margin-left:75%}.offset-xl-10{margin-left:83.33333333%}.offset-xl-11{margin-left:91.66666667%}.g-xl-0,.gx-xl-0{--bs-gutter-x:0}.g-xl-0,.gy-xl-0{--bs-gutter-y:0}.g-xl-1,.gx-xl-1{--bs-gutter-x:0.25rem}.g-xl-1,.gy-xl-1{--bs-gutter-y:0.25rem}.g-xl-2,.gx-xl-2{--bs-gutter-x:0.5rem}.g-xl-2,.gy-xl-2{--bs-gutter-y:0.5rem}.g-xl-3,.gx-xl-3{--bs-gutter-x:1rem}.g-xl-3,.gy-xl-3{--bs-gutter-y:1rem}.g-xl-4,.gx-xl-4{--bs-gutter-x:1.5rem}.g-xl-4,.gy-xl-4{--bs-gutter-y:1.5rem}.g-xl-5,.gx-xl-5{--bs-gutter-x:3rem}.g-xl-5,.gy-xl-5{--bs-gutter-y:3rem}}@media (min-width:1400px){.col-xxl{flex:1 0 0}.row-cols-xxl-auto>*{flex:0 0 auto;width:auto}.row-cols-xxl-1>*{flex:0 0 auto;width:100%}.row-cols-xxl-2>*{flex:0 0 auto;width:50%}.row-cols-xxl-3>*{flex:0 0 auto;width:33.33333333%}.row-cols-xxl-4>*{flex:0 0 auto;width:25%}.row-cols-xxl-5>*{flex:0 0 auto;width:20%}.row-cols-xxl-6>*{flex:0 0 auto;width:16.66666667%}.col-xxl-auto{flex:0 0 auto;width:auto}.col-xxl-1{flex:0 0 auto;width:8.33333333%}.col-xxl-2{flex:0 0 auto;width:16.66666667%}.col-xxl-3{flex:0 0 auto;width:25%}.col-xxl-4{flex:0 0 auto;width:33.33333333%}.col-xxl-5{flex:0 0 auto;width:41.66666667%}.col-xxl-6{flex:0 0 auto;width:50%}.col-xxl-7{flex:0 0 auto;width:58.33333333%}.col-xxl-8{flex:0 0 auto;width:66.66666667%}.col-xxl-9{flex:0 0 auto;width:75%}.col-xxl-10{flex:0 0 auto;width:83.33333333%}.col-xxl-11{flex:0 0 auto;width:91.66666667%}.col-xxl-12{flex:0 0 auto;width:100%}.offset-xxl-0{margin-left:0}.offset-xxl-1{margin-left:8.33333333%}.offset-xxl-2{margin-left:16.66666667%}.offset-xxl-3{margin-left:25%}.offset-xxl-4{margin-left:33.33333333%}.offset-xxl-5{margin-left:41.66666667%}.offset-xxl-6{margin-left:50%}.offset-xxl-7{margin-left:58.33333333%}.offset-xxl-8{margin-left:66.66666667%}.offset-xxl-9{margin-left:75%}.offset-xxl-10{margin-left:83.33333333%}.offset-xxl-11{margin-left:91.66666667%}.g-xxl-0,.gx-xxl-0{--bs-gutter-x:0}.g-xxl-0,.gy-xxl-0{--bs-gutter-y:0}.g-xxl-1,.gx-xxl-1{--bs-gutter-x:0.25rem}.g-xxl-1,.gy-xxl-1{--bs-gutter-y:0.25rem}.g-xxl-2,.gx-xxl-2{--bs-gutter-x:0.5rem}.g-xxl-2,.gy-xxl-2{--bs-gutter-y:0.5rem}.g-xxl-3,.gx-xxl-3{--bs-gutter-x:1rem}.g-xxl-3,.gy-xxl-3{--bs-gutter-y:1rem}.g-xxl-4,.gx-xxl-4{--bs-gutter-x:1.5rem}.g-xxl-4,.gy-xxl-4{--bs-gutter-y:1.5rem}.g-xxl-5,.gx-xxl-5{--bs-gutter-x:3rem}.g-xxl-5,.gy-xxl-5{--bs-gutter-y:3rem}}.table{--bs-table-color-type:initial;--bs-table-bg-type:initial;--bs-table-color-state:initial;--bs-table-bg-state:initial;--bs-table-color:var(--bs-emphasis-color);--bs-table-bg:var(--bs-body-bg);--bs-table-border-color:var(--bs-border-color);--bs-table-accent-bg:transparent;--bs-table-striped-color:var(--bs-emphasis-color);--bs-table-striped-bg:rgba(var(--bs-emphasis-color-rgb), 0.05);--bs-table-active-color:var(--bs-emphasis-color);--bs-table-active-bg:rgba(var(--bs-emphasis-color-rgb), 0.1);--bs-table-hover-color:var(--bs-emphasis-color);--bs-table-hover-bg:rgba(var(--bs-emphasis-color-rgb), 0.075);width:100%;margin-bottom:1rem;vertical-align:top;border-color:var(--bs-table-border-color)}.table>:not(caption)>*>*{padding:.5rem .5rem;color:var(--bs-table-color-state,var(--bs-table-color-type,var(--bs-table-color)));background-color:var(--bs-table-bg);border-bottom-width:var(--bs-border-width);box-shadow:inset 0 0 0 9999px var(--bs-table-bg-state,var(--bs-table-bg-type,var(--bs-table-accent-bg)))}.table>tbody{vertical-align:inherit}.table>thead{vertical-align:bottom}.table-group-divider{border-top:calc(var(--bs-border-width) * 2) solid currentcolor}.caption-top{caption-side:top}.table-sm>:not(caption)>*>*{padding:.25rem .25rem}.table-bordered>:not(caption)>*{border-width:var(--bs-border-width) 0}.table-bordered>:not(caption)>*>*{border-width:0 var(--bs-border-width)}.table-borderless>:not(caption)>*>*{border-bottom-width:0}.table-borderless>:not(:first-child){border-top-width:0}.table-striped>tbody>tr:nth-of-type(odd)>*{--bs-table-color-type:var(--bs-table-striped-color);--bs-table-bg-type:var(--bs-table-striped-bg)}.table-striped-columns>:not(caption)>tr>:nth-child(2n){--bs-table-color-type:var(--bs-table-striped-color);--bs-table-bg-type:var(--bs-table-striped-bg)}.table-active{--bs-table-color-state:var(--bs-table-active-color);--bs-table-bg-state:var(--bs-table-active-bg)}.table-hover>tbody>tr:hover>*{--bs-table-color-state:var(--bs-table-hover-color);--bs-table-bg-state:var(--bs-table-hover-bg)}.table-primary{--bs-table-color:#000;--bs-table-bg:#cfe2ff;--bs-table-border-color:#a6b5cc;--bs-table-striped-bg:#c5d7f2;--bs-table-striped-color:#000;--bs-table-active-bg:#bacbe6;--bs-table-active-color:#000;--bs-table-hover-bg:#bfd1ec;--bs-table-hover-color:#000;color:var(--bs-table-color);border-color:var(--bs-table-border-color)}.table-secondary{--bs-table-color:#000;--bs-table-bg:#e2e3e5;--bs-table-border-color:#b5b6b7;--bs-table-striped-bg:#d7d8da;--bs-table-striped-color:#000;--bs-table-active-bg:#cbccce;--bs-table-active-color:#000;--bs-table-hover-bg:#d1d2d4;--bs-table-hover-color:#000;color:var(--bs-table-color);border-color:var(--bs-table-border-color)}.table-success{--bs-table-color:#000;--bs-table-bg:#d1e7dd;--bs-table-border-color:#a7b9b1;--bs-table-striped-bg:#c7dbd2;--bs-table-striped-color:#000;--bs-table-active-bg:#bcd0c7;--bs-table-active-color:#000;--bs-table-hover-bg:#c1d6cc;--bs-table-hover-color:#000;color:var(--bs-table-color);border-color:var(--bs-table-border-color)}.table-info{--bs-table-color:#000;--bs-table-bg:#cff4fc;--bs-table-border-color:#a6c3ca;--bs-table-striped-bg:#c5e8ef;--bs-table-striped-color:#000;--bs-table-active-bg:#badce3;--bs-table-active-color:#000;--bs-table-hover-bg:#bfe2e9;--bs-table-hover-color:#000;color:var(--bs-table-color);border-color:var(--bs-table-border-color)}.table-warning{--bs-table-color:#000;--bs-table-bg:#fff3cd;--bs-table-border-color:#ccc2a4;--bs-table-striped-bg:#f2e7c3;--bs-table-striped-color:#000;--bs-table-active-bg:#e6dbb9;--bs-table-active-color:#000;--bs-table-hover-bg:#ece1be;--bs-table-hover-color:#000;color:var(--bs-table-color);border-color:var(--bs-table-border-color)}.table-danger{--bs-table-color:#000;--bs-table-bg:#f8d7da;--bs-table-border-color:#c6acae;--bs-table-striped-bg:#eccccf;--bs-table-striped-color:#000;--bs-table-active-bg:#dfc2c4;--bs-table-active-color:#000;--bs-table-hover-bg:#e5c7ca;--bs-table-hover-color:#000;color:var(--bs-table-color);border-color:var(--bs-table-border-color)}.table-light{--bs-table-color:#000;--bs-table-bg:#f8f9fa;--bs-table-border-color:#c6c7c8;--bs-table-striped-bg:#ecedee;--bs-table-striped-color:#000;--bs-table-active-bg:#dfe0e1;--bs-table-active-color:#000;--bs-table-hover-bg:#e5e6e7;--bs-table-hover-color:#000;color:var(--bs-table-color);border-color:var(--bs-table-border-color)}.table-dark{--bs-table-color:#fff;--bs-table-bg:#212529;--bs-table-border-color:#4d5154;--bs-table-striped-bg:#2c3034;--bs-table-striped-color:#fff;--bs-table-active-bg:#373b3e;--bs-table-active-color:#fff;--bs-table-hover-bg:#323539;--bs-table-hover-color:#fff;color:var(--bs-table-color);border-color:var(--bs-table-border-color)}.table-responsive{overflow-x:auto;-webkit-overflow-scrolling:touch}@media (max-width:575.98px){.table-responsive-sm{overflow-x:auto;-webkit-overflow-scrolling:touch}}@media (max-width:767.98px){.table-responsive-md{overflow-x:auto;-webkit-overflow-scrolling:touch}}@media (max-width:991.98px){.table-responsive-lg{overflow-x:auto;-webkit-overflow-scrolling:touch}}@media (max-width:1199.98px){.table-responsive-xl{overflow-x:auto;-webkit-overflow-scrolling:touch}}@media (max-width:1399.98px){.table-responsive-xxl{overflow-x:auto;-webkit-overflow-scrolling:touch}}.form-label{margin-bottom:.5rem}.col-form-label{padding-top:calc(.375rem + var(--bs-border-width));padding-bottom:calc(.375rem + var(--bs-border-width));margin-bottom:0;font-size:inherit;line-height:1.5}.col-form-label-lg{padding-top:calc(.5rem + var(--bs-border-width));padding-bottom:calc(.5rem + var(--bs-border-width));font-size:1.25rem}.col-form-label-sm{padding-top:calc(.25rem + var(--bs-border-width));padding-bottom:calc(.25rem + var(--bs-border-width));font-size:.875rem}.form-text{margin-top:.25rem;font-size:.875em;color:var(--bs-secondary-color)}.form-control{display:block;width:100%;padding:.375rem .75rem;font-size:1rem;font-weight:400;line-height:1.5;color:var(--bs-body-color);-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:var(--bs-body-bg);background-clip:padding-box;border:var(--bs-border-width) solid var(--bs-border-color);border-radius:var(--bs-border-radius);transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}@media (prefers-reduced-motion:reduce){.form-control{transition:none}}.form-control[type=file]{overflow:hidden}.form-control[type=file]:not(:disabled):not([readonly]){cursor:pointer}.form-control:focus{color:var(--bs-body-color);background-color:var(--bs-body-bg);border-color:#86b7fe;outline:0;box-shadow:0 0 0 .25rem rgba(13,110,253,.25)}.form-control::-webkit-date-and-time-value{min-width:85px;height:1.5em;margin:0}.form-control::-webkit-datetime-edit{display:block;padding:0}.form-control::placeholder{color:var(--bs-secondary-color);opacity:1}.form-control:disabled{background-color:var(--bs-secondary-bg);opacity:1}.form-control::-webkit-file-upload-button{padding:.375rem .75rem;margin:-.375rem -.75rem;-webkit-margin-end:.75rem;margin-inline-end:.75rem;color:var(--bs-body-color);background-color:var(--bs-tertiary-bg);pointer-events:none;border-color:inherit;border-style:solid;border-width:0;border-inline-end-width:var(--bs-border-width);border-radius:0;-webkit-transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}.form-control::file-selector-button{padding:.375rem .75rem;margin:-.375rem -.75rem;-webkit-margin-end:.75rem;margin-inline-end:.75rem;color:var(--bs-body-color);background-color:var(--bs-tertiary-bg);pointer-events:none;border-color:inherit;border-style:solid;border-width:0;border-inline-end-width:var(--bs-border-width);border-radius:0;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}@media (prefers-reduced-motion:reduce){.form-control::-webkit-file-upload-button{-webkit-transition:none;transition:none}.form-control::file-selector-button{transition:none}}.form-control:hover:not(:disabled):not([readonly])::-webkit-file-upload-button{background-color:var(--bs-secondary-bg)}.form-control:hover:not(:disabled):not([readonly])::file-selector-button{background-color:var(--bs-secondary-bg)}.form-control-plaintext{display:block;width:100%;padding:.375rem 0;margin-bottom:0;line-height:1.5;color:var(--bs-body-color);background-color:transparent;border:solid transparent;border-width:var(--bs-border-width) 0}.form-control-plaintext:focus{outline:0}.form-control-plaintext.form-control-lg,.form-control-plaintext.form-control-sm{padding-right:0;padding-left:0}.form-control-sm{min-height:calc(1.5em + .5rem + calc(var(--bs-border-width) * 2));padding:.25rem .5rem;font-size:.875rem;border-radius:var(--bs-border-radius-sm)}.form-control-sm::-webkit-file-upload-button{padding:.25rem .5rem;margin:-.25rem -.5rem;-webkit-margin-end:.5rem;margin-inline-end:.5rem}.form-control-sm::file-selector-button{padding:.25rem .5rem;margin:-.25rem -.5rem;-webkit-margin-end:.5rem;margin-inline-end:.5rem}.form-control-lg{min-height:calc(1.5em + 1rem + calc(var(--bs-border-width) * 2));padding:.5rem 1rem;font-size:1.25rem;border-radius:var(--bs-border-radius-lg)}.form-control-lg::-webkit-file-upload-button{padding:.5rem 1rem;margin:-.5rem -1rem;-webkit-margin-end:1rem;margin-inline-end:1rem}.form-control-lg::file-selector-button{padding:.5rem 1rem;margin:-.5rem -1rem;-webkit-margin-end:1rem;margin-inline-end:1rem}textarea.form-control{min-height:calc(1.5em + .75rem + calc(var(--bs-border-width) * 2))}textarea.form-control-sm{min-height:calc(1.5em + .5rem + calc(var(--bs-border-width) * 2))}textarea.form-control-lg{min-height:calc(1.5em + 1rem + calc(var(--bs-border-width) * 2))}.form-control-color{width:3rem;height:calc(1.5em + .75rem + calc(var(--bs-border-width) * 2));padding:.375rem}.form-control-color:not(:disabled):not([readonly]){cursor:pointer}.form-control-color::-moz-color-swatch{border:0!important;border-radius:var(--bs-border-radius)}.form-control-color::-webkit-color-swatch{border:0!important;border-radius:var(--bs-border-radius)}.form-control-color.form-control-sm{height:calc(1.5em + .5rem + calc(var(--bs-border-width) * 2))}.form-control-color.form-control-lg{height:calc(1.5em + 1rem + calc(var(--bs-border-width) * 2))}.form-select{--bs-form-select-bg-img:url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 16 16%27%3e%3cpath fill=%27none%27 stroke=%27%23343a40%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27 stroke-width=%272%27 d=%27m2 5 6 6 6-6%27/%3e%3c/svg%3e");display:block;width:100%;padding:.375rem 2.25rem .375rem .75rem;font-size:1rem;font-weight:400;line-height:1.5;color:var(--bs-body-color);-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:var(--bs-body-bg);background-image:var(--bs-form-select-bg-img),var(--bs-form-select-bg-icon,none);background-repeat:no-repeat;background-position:right .75rem center;background-size:16px 12px;border:var(--bs-border-width) solid var(--bs-border-color);border-radius:var(--bs-border-radius);transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}@media (prefers-reduced-motion:reduce){.form-select{transition:none}}.form-select:focus{border-color:#86b7fe;outline:0;box-shadow:0 0 0 .25rem rgba(13,110,253,.25)}.form-select[multiple],.form-select[size]:not([size="1"]){padding-right:.75rem;background-image:none}.form-select:disabled{background-color:var(--bs-secondary-bg)}.form-select:-moz-focusring{color:transparent;text-shadow:0 0 0 var(--bs-body-color)}.form-select-sm{padding-top:.25rem;padding-bottom:.25rem;padding-left:.5rem;font-size:.875rem;border-radius:var(--bs-border-radius-sm)}.form-select-lg{padding-top:.5rem;padding-bottom:.5rem;padding-left:1rem;font-size:1.25rem;border-radius:var(--bs-border-radius-lg)}[data-bs-theme=dark] .form-select{--bs-form-select-bg-img:url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 16 16%27%3e%3cpath fill=%27none%27 stroke=%27%23dee2e6%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27 stroke-width=%272%27 d=%27m2 5 6 6 6-6%27/%3e%3c/svg%3e")}.form-check{display:block;min-height:1.5rem;padding-left:1.5em;margin-bottom:.125rem}.form-check .form-check-input{float:left;margin-left:-1.5em}.form-check-reverse{padding-right:1.5em;padding-left:0;text-align:right}.form-check-reverse .form-check-input{float:right;margin-right:-1.5em;margin-left:0}.form-check-input{--bs-form-check-bg:var(--bs-body-bg);flex-shrink:0;width:1em;height:1em;margin-top:.25em;vertical-align:top;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:var(--bs-form-check-bg);background-image:var(--bs-form-check-bg-image);background-repeat:no-repeat;background-position:center;background-size:contain;border:var(--bs-border-width) solid var(--bs-border-color);-webkit-print-color-adjust:exact;color-adjust:exact;print-color-adjust:exact}.form-check-input[type=checkbox]{border-radius:.25em}.form-check-input[type=radio]{border-radius:50%}.form-check-input:active{filter:brightness(90%)}.form-check-input:focus{border-color:#86b7fe;outline:0;box-shadow:0 0 0 .25rem rgba(13,110,253,.25)}.form-check-input:checked{background-color:#0d6efd;border-color:#0d6efd}.form-check-input:checked[type=checkbox]{--bs-form-check-bg-image:url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 20 20%27%3e%3cpath fill=%27none%27 stroke=%27%23fff%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27 stroke-width=%273%27 d=%27m6 10 3 3 6-6%27/%3e%3c/svg%3e")}.form-check-input:checked[type=radio]{--bs-form-check-bg-image:url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%27-4 -4 8 8%27%3e%3ccircle r=%272%27 fill=%27%23fff%27/%3e%3c/svg%3e")}.form-check-input[type=checkbox]:indeterminate{background-color:#0d6efd;border-color:#0d6efd;--bs-form-check-bg-image:url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 20 20%27%3e%3cpath fill=%27none%27 stroke=%27%23fff%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27 stroke-width=%273%27 d=%27M6 10h8%27/%3e%3c/svg%3e")}.form-check-input:disabled{pointer-events:none;filter:none;opacity:.5}.form-check-input:disabled~.form-check-label,.form-check-input[disabled]~.form-check-label{cursor:default;opacity:.5}.form-switch{padding-left:2.5em}.form-switch .form-check-input{--bs-form-switch-bg:url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%27-4 -4 8 8%27%3e%3ccircle r=%273%27 fill=%27rgba%280, 0, 0, 0.25%29%27/%3e%3c/svg%3e");width:2em;margin-left:-2.5em;background-image:var(--bs-form-switch-bg);background-position:left center;border-radius:2em;transition:background-position .15s ease-in-out}@media (prefers-reduced-motion:reduce){.form-switch .form-check-input{transition:none}}.form-switch .form-check-input:focus{--bs-form-switch-bg:url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%27-4 -4 8 8%27%3e%3ccircle r=%273%27 fill=%27%2386b7fe%27/%3e%3c/svg%3e")}.form-switch .form-check-input:checked{background-position:right center;--bs-form-switch-bg:url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%27-4 -4 8 8%27%3e%3ccircle r=%273%27 fill=%27%23fff%27/%3e%3c/svg%3e")}.form-switch.form-check-reverse{padding-right:2.5em;padding-left:0}.form-switch.form-check-reverse .form-check-input{margin-right:-2.5em;margin-left:0}.form-check-inline{display:inline-block;margin-right:1rem}.btn-check{position:absolute;clip:rect(0,0,0,0);pointer-events:none}.btn-check:disabled+.btn,.btn-check[disabled]+.btn{pointer-events:none;filter:none;opacity:.65}[data-bs-theme=dark] .form-switch .form-check-input:not(:checked):not(:focus){--bs-form-switch-bg:url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%27-4 -4 8 8%27%3e%3ccircle r=%273%27 fill=%27rgba%28255, 255, 255, 0.25%29%27/%3e%3c/svg%3e")}.form-range{width:100%;height:1.5rem;padding:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:transparent}.form-range:focus{outline:0}.form-range:focus::-webkit-slider-thumb{box-shadow:0 0 0 1px #fff,0 0 0 .25rem rgba(13,110,253,.25)}.form-range:focus::-moz-range-thumb{box-shadow:0 0 0 1px #fff,0 0 0 .25rem rgba(13,110,253,.25)}.form-range::-moz-focus-outer{border:0}.form-range::-webkit-slider-thumb{width:1rem;height:1rem;margin-top:-.25rem;-webkit-appearance:none;appearance:none;background-color:#0d6efd;border:0;border-radius:1rem;-webkit-transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}@media (prefers-reduced-motion:reduce){.form-range::-webkit-slider-thumb{-webkit-transition:none;transition:none}}.form-range::-webkit-slider-thumb:active{background-color:#b6d4fe}.form-range::-webkit-slider-runnable-track{width:100%;height:.5rem;color:transparent;cursor:pointer;background-color:var(--bs-secondary-bg);border-color:transparent;border-radius:1rem}.form-range::-moz-range-thumb{width:1rem;height:1rem;-moz-appearance:none;appearance:none;background-color:#0d6efd;border:0;border-radius:1rem;-moz-transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}@media (prefers-reduced-motion:reduce){.form-range::-moz-range-thumb{-moz-transition:none;transition:none}}.form-range::-moz-range-thumb:active{background-color:#b6d4fe}.form-range::-moz-range-track{width:100%;height:.5rem;color:transparent;cursor:pointer;background-color:var(--bs-secondary-bg);border-color:transparent;border-radius:1rem}.form-range:disabled{pointer-events:none}.form-range:disabled::-webkit-slider-thumb{background-color:var(--bs-secondary-color)}.form-range:disabled::-moz-range-thumb{background-color:var(--bs-secondary-color)}.form-floating{position:relative}.form-floating>.form-control,.form-floating>.form-control-plaintext,.form-floating>.form-select{height:calc(3.5rem + calc(var(--bs-border-width) * 2));min-height:calc(3.5rem + calc(var(--bs-border-width) * 2));line-height:1.25}.form-floating>label{position:absolute;top:0;left:0;z-index:2;max-width:100%;height:100%;padding:1rem .75rem;overflow:hidden;color:rgba(var(--bs-body-color-rgb),.65);text-align:start;text-overflow:ellipsis;white-space:nowrap;pointer-events:none;border:var(--bs-border-width) solid transparent;transform-origin:0 0;transition:opacity .1s ease-in-out,transform .1s ease-in-out}@media (prefers-reduced-motion:reduce){.form-floating>label{transition:none}}.form-floating>.form-control,.form-floating>.form-control-plaintext{padding:1rem .75rem}.form-floating>.form-control-plaintext::placeholder,.form-floating>.form-control::placeholder{color:transparent}.form-floating>.form-control-plaintext:focus,.form-floating>.form-control-plaintext:not(:placeholder-shown),.form-floating>.form-control:focus,.form-floating>.form-control:not(:placeholder-shown){padding-top:1.625rem;padding-bottom:.625rem}.form-floating>.form-control-plaintext:-webkit-autofill,.form-floating>.form-control:-webkit-autofill{padding-top:1.625rem;padding-bottom:.625rem}.form-floating>.form-select{padding-top:1.625rem;padding-bottom:.625rem;padding-left:.75rem}.form-floating>.form-control-plaintext~label,.form-floating>.form-control:focus~label,.form-floating>.form-control:not(:placeholder-shown)~label,.form-floating>.form-select~label{transform:scale(.85) translateY(-.5rem) translateX(.15rem)}.form-floating>.form-control:-webkit-autofill~label{transform:scale(.85) translateY(-.5rem) translateX(.15rem)}.form-floating>textarea:focus~label::after,.form-floating>textarea:not(:placeholder-shown)~label::after{position:absolute;inset:1rem 0.375rem;z-index:-1;height:1.5em;content:"";background-color:var(--bs-body-bg);border-radius:var(--bs-border-radius)}.form-floating>textarea:disabled~label::after{background-color:var(--bs-secondary-bg)}.form-floating>.form-control-plaintext~label{border-width:var(--bs-border-width) 0}.form-floating>.form-control:disabled~label,.form-floating>:disabled~label{color:#6c757d}.input-group{position:relative;display:flex;flex-wrap:wrap;align-items:stretch;width:100%}.input-group>.form-control,.input-group>.form-floating,.input-group>.form-select{position:relative;flex:1 1 auto;width:1%;min-width:0}.input-group>.form-control:focus,.input-group>.form-floating:focus-within,.input-group>.form-select:focus{z-index:5}.input-group .btn{position:relative;z-index:2}.input-group .btn:focus{z-index:5}.input-group-text{display:flex;align-items:center;padding:.375rem .75rem;font-size:1rem;font-weight:400;line-height:1.5;color:var(--bs-body-color);text-align:center;white-space:nowrap;background-color:var(--bs-tertiary-bg);border:var(--bs-border-width) solid var(--bs-border-color);border-radius:var(--bs-border-radius)}.input-group-lg>.btn,.input-group-lg>.form-control,.input-group-lg>.form-select,.input-group-lg>.input-group-text{padding:.5rem 1rem;font-size:1.25rem;border-radius:var(--bs-border-radius-lg)}.input-group-sm>.btn,.input-group-sm>.form-control,.input-group-sm>.form-select,.input-group-sm>.input-group-text{padding:.25rem .5rem;font-size:.875rem;border-radius:var(--bs-border-radius-sm)}.input-group-lg>.form-select,.input-group-sm>.form-select{padding-right:3rem}.input-group:not(.has-validation)>.dropdown-toggle:nth-last-child(n+3),.input-group:not(.has-validation)>.form-floating:not(:last-child)>.form-control,.input-group:not(.has-validation)>.form-floating:not(:last-child)>.form-select,.input-group:not(.has-validation)>:not(:last-child):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating){border-top-right-radius:0;border-bottom-right-radius:0}.input-group.has-validation>.dropdown-toggle:nth-last-child(n+4),.input-group.has-validation>.form-floating:nth-last-child(n+3)>.form-control,.input-group.has-validation>.form-floating:nth-last-child(n+3)>.form-select,.input-group.has-validation>:nth-last-child(n+3):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating){border-top-right-radius:0;border-bottom-right-radius:0}.input-group>:not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback){margin-left:calc(-1 * var(--bs-border-width));border-top-left-radius:0;border-bottom-left-radius:0}.input-group>.form-floating:not(:first-child)>.form-control,.input-group>.form-floating:not(:first-child)>.form-select{border-top-left-radius:0;border-bottom-left-radius:0}.valid-feedback{display:none;width:100%;margin-top:.25rem;font-size:.875em;color:var(--bs-form-valid-color)}.valid-tooltip{position:absolute;top:100%;z-index:5;display:none;max-width:100%;padding:.25rem .5rem;margin-top:.1rem;font-size:.875rem;color:#fff;background-color:var(--bs-success);border-radius:var(--bs-border-radius)}.is-valid~.valid-feedback,.is-valid~.valid-tooltip,.was-validated :valid~.valid-feedback,.was-validated :valid~.valid-tooltip{display:block}.form-control.is-valid,.was-validated .form-control:valid{border-color:var(--bs-form-valid-border-color);padding-right:calc(1.5em + .75rem);background-image:url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 8 8%27%3e%3cpath fill=%27%23198754%27 d=%27M2.3 6.73.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1%27/%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right calc(.375em + .1875rem) center;background-size:calc(.75em + .375rem) calc(.75em + .375rem)}.form-control.is-valid:focus,.was-validated .form-control:valid:focus{border-color:var(--bs-form-valid-border-color);box-shadow:0 0 0 .25rem rgba(var(--bs-success-rgb),.25)}.was-validated textarea.form-control:valid,textarea.form-control.is-valid{padding-right:calc(1.5em + .75rem);background-position:top calc(.375em + .1875rem) right calc(.375em + .1875rem)}.form-select.is-valid,.was-validated .form-select:valid{border-color:var(--bs-form-valid-border-color)}.form-select.is-valid:not([multiple]):not([size]),.form-select.is-valid:not([multiple])[size="1"],.was-validated .form-select:valid:not([multiple]):not([size]),.was-validated .form-select:valid:not([multiple])[size="1"]{--bs-form-select-bg-icon:url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 8 8%27%3e%3cpath fill=%27%23198754%27 d=%27M2.3 6.73.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1%27/%3e%3c/svg%3e");padding-right:4.125rem;background-position:right .75rem center,center right 2.25rem;background-size:16px 12px,calc(.75em + .375rem) calc(.75em + .375rem)}.form-select.is-valid:focus,.was-validated .form-select:valid:focus{border-color:var(--bs-form-valid-border-color);box-shadow:0 0 0 .25rem rgba(var(--bs-success-rgb),.25)}.form-control-color.is-valid,.was-validated .form-control-color:valid{width:calc(3rem + calc(1.5em + .75rem))}.form-check-input.is-valid,.was-validated .form-check-input:valid{border-color:var(--bs-form-valid-border-color)}.form-check-input.is-valid:checked,.was-validated .form-check-input:valid:checked{background-color:var(--bs-form-valid-color)}.form-check-input.is-valid:focus,.was-validated .form-check-input:valid:focus{box-shadow:0 0 0 .25rem rgba(var(--bs-success-rgb),.25)}.form-check-input.is-valid~.form-check-label,.was-validated .form-check-input:valid~.form-check-label{color:var(--bs-form-valid-color)}.form-check-inline .form-check-input~.valid-feedback{margin-left:.5em}.input-group>.form-control:not(:focus).is-valid,.input-group>.form-floating:not(:focus-within).is-valid,.input-group>.form-select:not(:focus).is-valid,.was-validated .input-group>.form-control:not(:focus):valid,.was-validated .input-group>.form-floating:not(:focus-within):valid,.was-validated .input-group>.form-select:not(:focus):valid{z-index:3}.invalid-feedback{display:none;width:100%;margin-top:.25rem;font-size:.875em;color:var(--bs-form-invalid-color)}.invalid-tooltip{position:absolute;top:100%;z-index:5;display:none;max-width:100%;padding:.25rem .5rem;margin-top:.1rem;font-size:.875rem;color:#fff;background-color:var(--bs-danger);border-radius:var(--bs-border-radius)}.is-invalid~.invalid-feedback,.is-invalid~.invalid-tooltip,.was-validated :invalid~.invalid-feedback,.was-validated :invalid~.invalid-tooltip{display:block}.form-control.is-invalid,.was-validated .form-control:invalid{border-color:var(--bs-form-invalid-border-color);padding-right:calc(1.5em + .75rem);background-image:url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 12 12%27 width=%2712%27 height=%2712%27 fill=%27none%27 stroke=%27%23dc3545%27%3e%3ccircle cx=%276%27 cy=%276%27 r=%274.5%27/%3e%3cpath stroke-linejoin=%27round%27 d=%27M5.8 3.6h.4L6 6.5z%27/%3e%3ccircle cx=%276%27 cy=%278.2%27 r=%27.6%27 fill=%27%23dc3545%27 stroke=%27none%27/%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right calc(.375em + .1875rem) center;background-size:calc(.75em + .375rem) calc(.75em + .375rem)}.form-control.is-invalid:focus,.was-validated .form-control:invalid:focus{border-color:var(--bs-form-invalid-border-color);box-shadow:0 0 0 .25rem rgba(var(--bs-danger-rgb),.25)}.was-validated textarea.form-control:invalid,textarea.form-control.is-invalid{padding-right:calc(1.5em + .75rem);background-position:top calc(.375em + .1875rem) right calc(.375em + .1875rem)}.form-select.is-invalid,.was-validated .form-select:invalid{border-color:var(--bs-form-invalid-border-color)}.form-select.is-invalid:not([multiple]):not([size]),.form-select.is-invalid:not([multiple])[size="1"],.was-validated .form-select:invalid:not([multiple]):not([size]),.was-validated .form-select:invalid:not([multiple])[size="1"]{--bs-form-select-bg-icon:url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 12 12%27 width=%2712%27 height=%2712%27 fill=%27none%27 stroke=%27%23dc3545%27%3e%3ccircle cx=%276%27 cy=%276%27 r=%274.5%27/%3e%3cpath stroke-linejoin=%27round%27 d=%27M5.8 3.6h.4L6 6.5z%27/%3e%3ccircle cx=%276%27 cy=%278.2%27 r=%27.6%27 fill=%27%23dc3545%27 stroke=%27none%27/%3e%3c/svg%3e");padding-right:4.125rem;background-position:right .75rem center,center right 2.25rem;background-size:16px 12px,calc(.75em + .375rem) calc(.75em + .375rem)}.form-select.is-invalid:focus,.was-validated .form-select:invalid:focus{border-color:var(--bs-form-invalid-border-color);box-shadow:0 0 0 .25rem rgba(var(--bs-danger-rgb),.25)}.form-control-color.is-invalid,.was-validated .form-control-color:invalid{width:calc(3rem + calc(1.5em + .75rem))}.form-check-input.is-invalid,.was-validated .form-check-input:invalid{border-color:var(--bs-form-invalid-border-color)}.form-check-input.is-invalid:checked,.was-validated .form-check-input:invalid:checked{background-color:var(--bs-form-invalid-color)}.form-check-input.is-invalid:focus,.was-validated .form-check-input:invalid:focus{box-shadow:0 0 0 .25rem rgba(var(--bs-danger-rgb),.25)}.form-check-input.is-invalid~.form-check-label,.was-validated .form-check-input:invalid~.form-check-label{color:var(--bs-form-invalid-color)}.form-check-inline .form-check-input~.invalid-feedback{margin-left:.5em}.input-group>.form-control:not(:focus).is-invalid,.input-group>.form-floating:not(:focus-within).is-invalid,.input-group>.form-select:not(:focus).is-invalid,.was-validated .input-group>.form-control:not(:focus):invalid,.was-validated .input-group>.form-floating:not(:focus-within):invalid,.was-validated .input-group>.form-select:not(:focus):invalid{z-index:4}.btn{--bs-btn-padding-x:0.75rem;--bs-btn-padding-y:0.375rem;--bs-btn-font-family: ;--bs-btn-font-size:1rem;--bs-btn-font-weight:400;--bs-btn-line-height:1.5;--bs-btn-color:var(--bs-body-color);--bs-btn-bg:transparent;--bs-btn-border-width:var(--bs-border-width);--bs-btn-border-color:transparent;--bs-btn-border-radius:var(--bs-border-radius);--bs-btn-hover-border-color:transparent;--bs-btn-box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.15),0 1px 1px rgba(0, 0, 0, 0.075);--bs-btn-disabled-opacity:0.65;--bs-btn-focus-box-shadow:0 0 0 0.25rem rgba(var(--bs-btn-focus-shadow-rgb), .5);display:inline-block;padding:var(--bs-btn-padding-y) var(--bs-btn-padding-x);font-family:var(--bs-btn-font-family);font-size:var(--bs-btn-font-size);font-weight:var(--bs-btn-font-weight);line-height:var(--bs-btn-line-height);color:var(--bs-btn-color);text-align:center;text-decoration:none;vertical-align:middle;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;border:var(--bs-btn-border-width) solid var(--bs-btn-border-color);border-radius:var(--bs-btn-border-radius);background-color:var(--bs-btn-bg);transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}@media (prefers-reduced-motion:reduce){.btn{transition:none}}.btn:hover{color:var(--bs-btn-hover-color);background-color:var(--bs-btn-hover-bg);border-color:var(--bs-btn-hover-border-color)}.btn-check+.btn:hover{color:var(--bs-btn-color);background-color:var(--bs-btn-bg);border-color:var(--bs-btn-border-color)}.btn:focus-visible{color:var(--bs-btn-hover-color);background-color:var(--bs-btn-hover-bg);border-color:var(--bs-btn-hover-border-color);outline:0;box-shadow:var(--bs-btn-focus-box-shadow)}.btn-check:focus-visible+.btn{border-color:var(--bs-btn-hover-border-color);outline:0;box-shadow:var(--bs-btn-focus-box-shadow)}.btn-check:checked+.btn,.btn.active,.btn.show,.btn:first-child:active,:not(.btn-check)+.btn:active{color:var(--bs-btn-active-color);background-color:var(--bs-btn-active-bg);border-color:var(--bs-btn-active-border-color)}.btn-check:checked+.btn:focus-visible,.btn.active:focus-visible,.btn.show:focus-visible,.btn:first-child:active:focus-visible,:not(.btn-check)+.btn:active:focus-visible{box-shadow:var(--bs-btn-focus-box-shadow)}.btn-check:checked:focus-visible+.btn{box-shadow:var(--bs-btn-focus-box-shadow)}.btn.disabled,.btn:disabled,fieldset:disabled .btn{color:var(--bs-btn-disabled-color);pointer-events:none;background-color:var(--bs-btn-disabled-bg);border-color:var(--bs-btn-disabled-border-color);opacity:var(--bs-btn-disabled-opacity)}.btn-primary{--bs-btn-color:#fff;--bs-btn-bg:#0d6efd;--bs-btn-border-color:#0d6efd;--bs-btn-hover-color:#fff;--bs-btn-hover-bg:#0b5ed7;--bs-btn-hover-border-color:#0a58ca;--bs-btn-focus-shadow-rgb:49,132,253;--bs-btn-active-color:#fff;--bs-btn-active-bg:#0a58ca;--bs-btn-active-border-color:#0a53be;--bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);--bs-btn-disabled-color:#fff;--bs-btn-disabled-bg:#0d6efd;--bs-btn-disabled-border-color:#0d6efd}.btn-secondary{--bs-btn-color:#fff;--bs-btn-bg:#6c757d;--bs-btn-border-color:#6c757d;--bs-btn-hover-color:#fff;--bs-btn-hover-bg:#5c636a;--bs-btn-hover-border-color:#565e64;--bs-btn-focus-shadow-rgb:130,138,145;--bs-btn-active-color:#fff;--bs-btn-active-bg:#565e64;--bs-btn-active-border-color:#51585e;--bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);--bs-btn-disabled-color:#fff;--bs-btn-disabled-bg:#6c757d;--bs-btn-disabled-border-color:#6c757d}.btn-success{--bs-btn-color:#fff;--bs-btn-bg:#198754;--bs-btn-border-color:#198754;--bs-btn-hover-color:#fff;--bs-btn-hover-bg:#157347;--bs-btn-hover-border-color:#146c43;--bs-btn-focus-shadow-rgb:60,153,110;--bs-btn-active-color:#fff;--bs-btn-active-bg:#146c43;--bs-btn-active-border-color:#13653f;--bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);--bs-btn-disabled-color:#fff;--bs-btn-disabled-bg:#198754;--bs-btn-disabled-border-color:#198754}.btn-info{--bs-btn-color:#000;--bs-btn-bg:#0dcaf0;--bs-btn-border-color:#0dcaf0;--bs-btn-hover-color:#000;--bs-btn-hover-bg:#31d2f2;--bs-btn-hover-border-color:#25cff2;--bs-btn-focus-shadow-rgb:11,172,204;--bs-btn-active-color:#000;--bs-btn-active-bg:#3dd5f3;--bs-btn-active-border-color:#25cff2;--bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);--bs-btn-disabled-color:#000;--bs-btn-disabled-bg:#0dcaf0;--bs-btn-disabled-border-color:#0dcaf0}.btn-warning{--bs-btn-color:#000;--bs-btn-bg:#ffc107;--bs-btn-border-color:#ffc107;--bs-btn-hover-color:#000;--bs-btn-hover-bg:#ffca2c;--bs-btn-hover-border-color:#ffc720;--bs-btn-focus-shadow-rgb:217,164,6;--bs-btn-active-color:#000;--bs-btn-active-bg:#ffcd39;--bs-btn-active-border-color:#ffc720;--bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);--bs-btn-disabled-color:#000;--bs-btn-disabled-bg:#ffc107;--bs-btn-disabled-border-color:#ffc107}.btn-danger{--bs-btn-color:#fff;--bs-btn-bg:#dc3545;--bs-btn-border-color:#dc3545;--bs-btn-hover-color:#fff;--bs-btn-hover-bg:#bb2d3b;--bs-btn-hover-border-color:#b02a37;--bs-btn-focus-shadow-rgb:225,83,97;--bs-btn-active-color:#fff;--bs-btn-active-bg:#b02a37;--bs-btn-active-border-color:#a52834;--bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);--bs-btn-disabled-color:#fff;--bs-btn-disabled-bg:#dc3545;--bs-btn-disabled-border-color:#dc3545}.btn-light{--bs-btn-color:#000;--bs-btn-bg:#f8f9fa;--bs-btn-border-color:#f8f9fa;--bs-btn-hover-color:#000;--bs-btn-hover-bg:#d3d4d5;--bs-btn-hover-border-color:#c6c7c8;--bs-btn-focus-shadow-rgb:211,212,213;--bs-btn-active-color:#000;--bs-btn-active-bg:#c6c7c8;--bs-btn-active-border-color:#babbbc;--bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);--bs-btn-disabled-color:#000;--bs-btn-disabled-bg:#f8f9fa;--bs-btn-disabled-border-color:#f8f9fa}.btn-dark{--bs-btn-color:#fff;--bs-btn-bg:#212529;--bs-btn-border-color:#212529;--bs-btn-hover-color:#fff;--bs-btn-hover-bg:#424649;--bs-btn-hover-border-color:#373b3e;--bs-btn-focus-shadow-rgb:66,70,73;--bs-btn-active-color:#fff;--bs-btn-active-bg:#4d5154;--bs-btn-active-border-color:#373b3e;--bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);--bs-btn-disabled-color:#fff;--bs-btn-disabled-bg:#212529;--bs-btn-disabled-border-color:#212529}.btn-outline-primary{--bs-btn-color:#0d6efd;--bs-btn-border-color:#0d6efd;--bs-btn-hover-color:#fff;--bs-btn-hover-bg:#0d6efd;--bs-btn-hover-border-color:#0d6efd;--bs-btn-focus-shadow-rgb:13,110,253;--bs-btn-active-color:#fff;--bs-btn-active-bg:#0d6efd;--bs-btn-active-border-color:#0d6efd;--bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);--bs-btn-disabled-color:#0d6efd;--bs-btn-disabled-bg:transparent;--bs-btn-disabled-border-color:#0d6efd;--bs-gradient:none}.btn-outline-secondary{--bs-btn-color:#6c757d;--bs-btn-border-color:#6c757d;--bs-btn-hover-color:#fff;--bs-btn-hover-bg:#6c757d;--bs-btn-hover-border-color:#6c757d;--bs-btn-focus-shadow-rgb:108,117,125;--bs-btn-active-color:#fff;--bs-btn-active-bg:#6c757d;--bs-btn-active-border-color:#6c757d;--bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);--bs-btn-disabled-color:#6c757d;--bs-btn-disabled-bg:transparent;--bs-btn-disabled-border-color:#6c757d;--bs-gradient:none}.btn-outline-success{--bs-btn-color:#198754;--bs-btn-border-color:#198754;--bs-btn-hover-color:#fff;--bs-btn-hover-bg:#198754;--bs-btn-hover-border-color:#198754;--bs-btn-focus-shadow-rgb:25,135,84;--bs-btn-active-color:#fff;--bs-btn-active-bg:#198754;--bs-btn-active-border-color:#198754;--bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);--bs-btn-disabled-color:#198754;--bs-btn-disabled-bg:transparent;--bs-btn-disabled-border-color:#198754;--bs-gradient:none}.btn-outline-info{--bs-btn-color:#0dcaf0;--bs-btn-border-color:#0dcaf0;--bs-btn-hover-color:#000;--bs-btn-hover-bg:#0dcaf0;--bs-btn-hover-border-color:#0dcaf0;--bs-btn-focus-shadow-rgb:13,202,240;--bs-btn-active-color:#000;--bs-btn-active-bg:#0dcaf0;--bs-btn-active-border-color:#0dcaf0;--bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);--bs-btn-disabled-color:#0dcaf0;--bs-btn-disabled-bg:transparent;--bs-btn-disabled-border-color:#0dcaf0;--bs-gradient:none}.btn-outline-warning{--bs-btn-color:#ffc107;--bs-btn-border-color:#ffc107;--bs-btn-hover-color:#000;--bs-btn-hover-bg:#ffc107;--bs-btn-hover-border-color:#ffc107;--bs-btn-focus-shadow-rgb:255,193,7;--bs-btn-active-color:#000;--bs-btn-active-bg:#ffc107;--bs-btn-active-border-color:#ffc107;--bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);--bs-btn-disabled-color:#ffc107;--bs-btn-disabled-bg:transparent;--bs-btn-disabled-border-color:#ffc107;--bs-gradient:none}.btn-outline-danger{--bs-btn-color:#dc3545;--bs-btn-border-color:#dc3545;--bs-btn-hover-color:#fff;--bs-btn-hover-bg:#dc3545;--bs-btn-hover-border-color:#dc3545;--bs-btn-focus-shadow-rgb:220,53,69;--bs-btn-active-color:#fff;--bs-btn-active-bg:#dc3545;--bs-btn-active-border-color:#dc3545;--bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);--bs-btn-disabled-color:#dc3545;--bs-btn-disabled-bg:transparent;--bs-btn-disabled-border-color:#dc3545;--bs-gradient:none}.btn-outline-light{--bs-btn-color:#f8f9fa;--bs-btn-border-color:#f8f9fa;--bs-btn-hover-color:#000;--bs-btn-hover-bg:#f8f9fa;--bs-btn-hover-border-color:#f8f9fa;--bs-btn-focus-shadow-rgb:248,249,250;--bs-btn-active-color:#000;--bs-btn-active-bg:#f8f9fa;--bs-btn-active-border-color:#f8f9fa;--bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);--bs-btn-disabled-color:#f8f9fa;--bs-btn-disabled-bg:transparent;--bs-btn-disabled-border-color:#f8f9fa;--bs-gradient:none}.btn-outline-dark{--bs-btn-color:#212529;--bs-btn-border-color:#212529;--bs-btn-hover-color:#fff;--bs-btn-hover-bg:#212529;--bs-btn-hover-border-color:#212529;--bs-btn-focus-shadow-rgb:33,37,41;--bs-btn-active-color:#fff;--bs-btn-active-bg:#212529;--bs-btn-active-border-color:#212529;--bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);--bs-btn-disabled-color:#212529;--bs-btn-disabled-bg:transparent;--bs-btn-disabled-border-color:#212529;--bs-gradient:none}.btn-link{--bs-btn-font-weight:400;--bs-btn-color:var(--bs-link-color);--bs-btn-bg:transparent;--bs-btn-border-color:transparent;--bs-btn-hover-color:var(--bs-link-hover-color);--bs-btn-hover-border-color:transparent;--bs-btn-active-color:var(--bs-link-hover-color);--bs-btn-active-border-color:transparent;--bs-btn-disabled-color:#6c757d;--bs-btn-disabled-border-color:transparent;--bs-btn-box-shadow:0 0 0 #000;--bs-btn-focus-shadow-rgb:49,132,253;text-decoration:underline}.btn-link:focus-visible{color:var(--bs-btn-color)}.btn-link:hover{color:var(--bs-btn-hover-color)}.btn-group-lg>.btn,.btn-lg{--bs-btn-padding-y:0.5rem;--bs-btn-padding-x:1rem;--bs-btn-font-size:1.25rem;--bs-btn-border-radius:var(--bs-border-radius-lg)}.btn-group-sm>.btn,.btn-sm{--bs-btn-padding-y:0.25rem;--bs-btn-padding-x:0.5rem;--bs-btn-font-size:0.875rem;--bs-btn-border-radius:var(--bs-border-radius-sm)}.fade{transition:opacity .15s linear}@media (prefers-reduced-motion:reduce){.fade{transition:none}}.fade:not(.show){opacity:0}.collapse:not(.show){display:none}.collapsing{height:0;overflow:hidden;transition:height .35s ease}@media (prefers-reduced-motion:reduce){.collapsing{transition:none}}.collapsing.collapse-horizontal{width:0;height:auto;transition:width .35s ease}@media (prefers-reduced-motion:reduce){.collapsing.collapse-horizontal{transition:none}}.dropdown,.dropdown-center,.dropend,.dropstart,.dropup,.dropup-center{position:relative}.dropdown-toggle{white-space:nowrap}.dropdown-toggle::after{display:inline-block;margin-left:.255em;vertical-align:.255em;content:"";border-top:.3em solid;border-right:.3em solid transparent;border-bottom:0;border-left:.3em solid transparent}.dropdown-toggle:empty::after{margin-left:0}.dropdown-menu{--bs-dropdown-zindex:1000;--bs-dropdown-min-width:10rem;--bs-dropdown-padding-x:0;--bs-dropdown-padding-y:0.5rem;--bs-dropdown-spacer:0.125rem;--bs-dropdown-font-size:1rem;--bs-dropdown-color:var(--bs-body-color);--bs-dropdown-bg:var(--bs-body-bg);--bs-dropdown-border-color:var(--bs-border-color-translucent);--bs-dropdown-border-radius:var(--bs-border-radius);--bs-dropdown-border-width:var(--bs-border-width);--bs-dropdown-inner-border-radius:calc(var(--bs-border-radius) - var(--bs-border-width));--bs-dropdown-divider-bg:var(--bs-border-color-translucent);--bs-dropdown-divider-margin-y:0.5rem;--bs-dropdown-box-shadow:var(--bs-box-shadow);--bs-dropdown-link-color:var(--bs-body-color);--bs-dropdown-link-hover-color:var(--bs-body-color);--bs-dropdown-link-hover-bg:var(--bs-tertiary-bg);--bs-dropdown-link-active-color:#fff;--bs-dropdown-link-active-bg:#0d6efd;--bs-dropdown-link-disabled-color:var(--bs-tertiary-color);--bs-dropdown-item-padding-x:1rem;--bs-dropdown-item-padding-y:0.25rem;--bs-dropdown-header-color:#6c757d;--bs-dropdown-header-padding-x:1rem;--bs-dropdown-header-padding-y:0.5rem;position:absolute;z-index:var(--bs-dropdown-zindex);display:none;min-width:var(--bs-dropdown-min-width);padding:var(--bs-dropdown-padding-y) var(--bs-dropdown-padding-x);margin:0;font-size:var(--bs-dropdown-font-size);color:var(--bs-dropdown-color);text-align:left;list-style:none;background-color:var(--bs-dropdown-bg);background-clip:padding-box;border:var(--bs-dropdown-border-width) solid var(--bs-dropdown-border-color);border-radius:var(--bs-dropdown-border-radius)}.dropdown-menu[data-bs-popper]{top:100%;left:0;margin-top:var(--bs-dropdown-spacer)}.dropdown-menu-start{--bs-position:start}.dropdown-menu-start[data-bs-popper]{right:auto;left:0}.dropdown-menu-end{--bs-position:end}.dropdown-menu-end[data-bs-popper]{right:0;left:auto}@media (min-width:576px){.dropdown-menu-sm-start{--bs-position:start}.dropdown-menu-sm-start[data-bs-popper]{right:auto;left:0}.dropdown-menu-sm-end{--bs-position:end}.dropdown-menu-sm-end[data-bs-popper]{right:0;left:auto}}@media (min-width:768px){.dropdown-menu-md-start{--bs-position:start}.dropdown-menu-md-start[data-bs-popper]{right:auto;left:0}.dropdown-menu-md-end{--bs-position:end}.dropdown-menu-md-end[data-bs-popper]{right:0;left:auto}}@media (min-width:992px){.dropdown-menu-lg-start{--bs-position:start}.dropdown-menu-lg-start[data-bs-popper]{right:auto;left:0}.dropdown-menu-lg-end{--bs-position:end}.dropdown-menu-lg-end[data-bs-popper]{right:0;left:auto}}@media (min-width:1200px){.dropdown-menu-xl-start{--bs-position:start}.dropdown-menu-xl-start[data-bs-popper]{right:auto;left:0}.dropdown-menu-xl-end{--bs-position:end}.dropdown-menu-xl-end[data-bs-popper]{right:0;left:auto}}@media (min-width:1400px){.dropdown-menu-xxl-start{--bs-position:start}.dropdown-menu-xxl-start[data-bs-popper]{right:auto;left:0}.dropdown-menu-xxl-end{--bs-position:end}.dropdown-menu-xxl-end[data-bs-popper]{right:0;left:auto}}.dropup .dropdown-menu[data-bs-popper]{top:auto;bottom:100%;margin-top:0;margin-bottom:var(--bs-dropdown-spacer)}.dropup .dropdown-toggle::after{display:inline-block;margin-left:.255em;vertical-align:.255em;content:"";border-top:0;border-right:.3em solid transparent;border-bottom:.3em solid;border-left:.3em solid transparent}.dropup .dropdown-toggle:empty::after{margin-left:0}.dropend .dropdown-menu[data-bs-popper]{top:0;right:auto;left:100%;margin-top:0;margin-left:var(--bs-dropdown-spacer)}.dropend .dropdown-toggle::after{display:inline-block;margin-left:.255em;vertical-align:.255em;content:"";border-top:.3em solid transparent;border-right:0;border-bottom:.3em solid transparent;border-left:.3em solid}.dropend .dropdown-toggle:empty::after{margin-left:0}.dropend .dropdown-toggle::after{vertical-align:0}.dropstart .dropdown-menu[data-bs-popper]{top:0;right:100%;left:auto;margin-top:0;margin-right:var(--bs-dropdown-spacer)}.dropstart .dropdown-toggle::after{display:inline-block;margin-left:.255em;vertical-align:.255em;content:""}.dropstart .dropdown-toggle::after{display:none}.dropstart .dropdown-toggle::before{display:inline-block;margin-right:.255em;vertical-align:.255em;content:"";border-top:.3em solid transparent;border-right:.3em solid;border-bottom:.3em solid transparent}.dropstart .dropdown-toggle:empty::after{margin-left:0}.dropstart .dropdown-toggle::before{vertical-align:0}.dropdown-divider{height:0;margin:var(--bs-dropdown-divider-margin-y) 0;overflow:hidden;border-top:1px solid var(--bs-dropdown-divider-bg);opacity:1}.dropdown-item{display:block;width:100%;padding:var(--bs-dropdown-item-padding-y) var(--bs-dropdown-item-padding-x);clear:both;font-weight:400;color:var(--bs-dropdown-link-color);text-align:inherit;text-decoration:none;white-space:nowrap;background-color:transparent;border:0;border-radius:var(--bs-dropdown-item-border-radius,0)}.dropdown-item:focus,.dropdown-item:hover{color:var(--bs-dropdown-link-hover-color);background-color:var(--bs-dropdown-link-hover-bg)}.dropdown-item.active,.dropdown-item:active{color:var(--bs-dropdown-link-active-color);text-decoration:none;background-color:var(--bs-dropdown-link-active-bg)}.dropdown-item.disabled,.dropdown-item:disabled{color:var(--bs-dropdown-link-disabled-color);pointer-events:none;background-color:transparent}.dropdown-menu.show{display:block}.dropdown-header{display:block;padding:var(--bs-dropdown-header-padding-y) var(--bs-dropdown-header-padding-x);margin-bottom:0;font-size:.875rem;color:var(--bs-dropdown-header-color);white-space:nowrap}.dropdown-item-text{display:block;padding:var(--bs-dropdown-item-padding-y) var(--bs-dropdown-item-padding-x);color:var(--bs-dropdown-link-color)}.dropdown-menu-dark{--bs-dropdown-color:#dee2e6;--bs-dropdown-bg:#343a40;--bs-dropdown-border-color:var(--bs-border-color-translucent);--bs-dropdown-box-shadow: ;--bs-dropdown-link-color:#dee2e6;--bs-dropdown-link-hover-color:#fff;--bs-dropdown-divider-bg:var(--bs-border-color-translucent);--bs-dropdown-link-hover-bg:rgba(255, 255, 255, 0.15);--bs-dropdown-link-active-color:#fff;--bs-dropdown-link-active-bg:#0d6efd;--bs-dropdown-link-disabled-color:#adb5bd;--bs-dropdown-header-color:#adb5bd}.btn-group,.btn-group-vertical{position:relative;display:inline-flex;vertical-align:middle}.btn-group-vertical>.btn,.btn-group>.btn{position:relative;flex:1 1 auto}.btn-group-vertical>.btn-check:checked+.btn,.btn-group-vertical>.btn-check:focus+.btn,.btn-group-vertical>.btn.active,.btn-group-vertical>.btn:active,.btn-group-vertical>.btn:focus,.btn-group-vertical>.btn:hover,.btn-group>.btn-check:checked+.btn,.btn-group>.btn-check:focus+.btn,.btn-group>.btn.active,.btn-group>.btn:active,.btn-group>.btn:focus,.btn-group>.btn:hover{z-index:1}.btn-toolbar{display:flex;flex-wrap:wrap;justify-content:flex-start}.btn-toolbar .input-group{width:auto}.btn-group{border-radius:var(--bs-border-radius)}.btn-group>.btn-group:not(:first-child),.btn-group>:not(.btn-check:first-child)+.btn{margin-left:calc(-1 * var(--bs-border-width))}.btn-group>.btn-group:not(:last-child)>.btn,.btn-group>.btn.dropdown-toggle-split:first-child,.btn-group>.btn:not(:last-child):not(.dropdown-toggle){border-top-right-radius:0;border-bottom-right-radius:0}.btn-group>.btn-group:not(:first-child)>.btn,.btn-group>.btn:nth-child(n+3),.btn-group>:not(.btn-check)+.btn{border-top-left-radius:0;border-bottom-left-radius:0}.dropdown-toggle-split{padding-right:.5625rem;padding-left:.5625rem}.dropdown-toggle-split::after,.dropend .dropdown-toggle-split::after,.dropup .dropdown-toggle-split::after{margin-left:0}.dropstart .dropdown-toggle-split::before{margin-right:0}.btn-group-sm>.btn+.dropdown-toggle-split,.btn-sm+.dropdown-toggle-split{padding-right:.375rem;padding-left:.375rem}.btn-group-lg>.btn+.dropdown-toggle-split,.btn-lg+.dropdown-toggle-split{padding-right:.75rem;padding-left:.75rem}.btn-group-vertical{flex-direction:column;align-items:flex-start;justify-content:center}.btn-group-vertical>.btn,.btn-group-vertical>.btn-group{width:100%}.btn-group-vertical>.btn-group:not(:first-child),.btn-group-vertical>.btn:not(:first-child){margin-top:calc(-1 * var(--bs-border-width))}.btn-group-vertical>.btn-group:not(:last-child)>.btn,.btn-group-vertical>.btn:not(:last-child):not(.dropdown-toggle){border-bottom-right-radius:0;border-bottom-left-radius:0}.btn-group-vertical>.btn-group:not(:first-child)>.btn,.btn-group-vertical>.btn:nth-child(n+3),.btn-group-vertical>:not(.btn-check)+.btn{border-top-left-radius:0;border-top-right-radius:0}.nav{--bs-nav-link-padding-x:1rem;--bs-nav-link-padding-y:0.5rem;--bs-nav-link-font-weight: ;--bs-nav-link-color:var(--bs-link-color);--bs-nav-link-hover-color:var(--bs-link-hover-color);--bs-nav-link-disabled-color:var(--bs-secondary-color);display:flex;flex-wrap:wrap;padding-left:0;margin-bottom:0;list-style:none}.nav-link{display:block;padding:var(--bs-nav-link-padding-y) var(--bs-nav-link-padding-x);font-size:var(--bs-nav-link-font-size);font-weight:var(--bs-nav-link-font-weight);color:var(--bs-nav-link-color);text-decoration:none;background:0 0;border:0;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out}@media (prefers-reduced-motion:reduce){.nav-link{transition:none}}.nav-link:focus,.nav-link:hover{color:var(--bs-nav-link-hover-color)}.nav-link:focus-visible{outline:0;box-shadow:0 0 0 .25rem rgba(13,110,253,.25)}.nav-link.disabled,.nav-link:disabled{color:var(--bs-nav-link-disabled-color);pointer-events:none;cursor:default}.nav-tabs{--bs-nav-tabs-border-width:var(--bs-border-width);--bs-nav-tabs-border-color:var(--bs-border-color);--bs-nav-tabs-border-radius:var(--bs-border-radius);--bs-nav-tabs-link-hover-border-color:var(--bs-secondary-bg) var(--bs-secondary-bg) var(--bs-border-color);--bs-nav-tabs-link-active-color:var(--bs-emphasis-color);--bs-nav-tabs-link-active-bg:var(--bs-body-bg);--bs-nav-tabs-link-active-border-color:var(--bs-border-color) var(--bs-border-color) var(--bs-body-bg);border-bottom:var(--bs-nav-tabs-border-width) solid var(--bs-nav-tabs-border-color)}.nav-tabs .nav-link{margin-bottom:calc(-1 * var(--bs-nav-tabs-border-width));border:var(--bs-nav-tabs-border-width) solid transparent;border-top-left-radius:var(--bs-nav-tabs-border-radius);border-top-right-radius:var(--bs-nav-tabs-border-radius)}.nav-tabs .nav-link:focus,.nav-tabs .nav-link:hover{isolation:isolate;border-color:var(--bs-nav-tabs-link-hover-border-color)}.nav-tabs .nav-item.show .nav-link,.nav-tabs .nav-link.active{color:var(--bs-nav-tabs-link-active-color);background-color:var(--bs-nav-tabs-link-active-bg);border-color:var(--bs-nav-tabs-link-active-border-color)}.nav-tabs .dropdown-menu{margin-top:calc(-1 * var(--bs-nav-tabs-border-width));border-top-left-radius:0;border-top-right-radius:0}.nav-pills{--bs-nav-pills-border-radius:var(--bs-border-radius);--bs-nav-pills-link-active-color:#fff;--bs-nav-pills-link-active-bg:#0d6efd}.nav-pills .nav-link{border-radius:var(--bs-nav-pills-border-radius)}.nav-pills .nav-link.active,.nav-pills .show>.nav-link{color:var(--bs-nav-pills-link-active-color);background-color:var(--bs-nav-pills-link-active-bg)}.nav-underline{--bs-nav-underline-gap:1rem;--bs-nav-underline-border-width:0.125rem;--bs-nav-underline-link-active-color:var(--bs-emphasis-color);gap:var(--bs-nav-underline-gap)}.nav-underline .nav-link{padding-right:0;padding-left:0;border-bottom:var(--bs-nav-underline-border-width) solid transparent}.nav-underline .nav-link:focus,.nav-underline .nav-link:hover{border-bottom-color:currentcolor}.nav-underline .nav-link.active,.nav-underline .show>.nav-link{font-weight:700;color:var(--bs-nav-underline-link-active-color);border-bottom-color:currentcolor}.nav-fill .nav-item,.nav-fill>.nav-link{flex:1 1 auto;text-align:center}.nav-justified .nav-item,.nav-justified>.nav-link{flex-grow:1;flex-basis:0;text-align:center}.nav-fill .nav-item .nav-link,.nav-justified .nav-item .nav-link{width:100%}.tab-content>.tab-pane{display:none}.tab-content>.active{display:block}.navbar{--bs-navbar-padding-x:0;--bs-navbar-padding-y:0.5rem;--bs-navbar-color:rgba(var(--bs-emphasis-color-rgb), 0.65);--bs-navbar-hover-color:rgba(var(--bs-emphasis-color-rgb), 0.8);--bs-navbar-disabled-color:rgba(var(--bs-emphasis-color-rgb), 0.3);--bs-navbar-active-color:rgba(var(--bs-emphasis-color-rgb), 1);--bs-navbar-brand-padding-y:0.3125rem;--bs-navbar-brand-margin-end:1rem;--bs-navbar-brand-font-size:1.25rem;--bs-navbar-brand-color:rgba(var(--bs-emphasis-color-rgb), 1);--bs-navbar-brand-hover-color:rgba(var(--bs-emphasis-color-rgb), 1);--bs-navbar-nav-link-padding-x:0.5rem;--bs-navbar-toggler-padding-y:0.25rem;--bs-navbar-toggler-padding-x:0.75rem;--bs-navbar-toggler-font-size:1.25rem;--bs-navbar-toggler-icon-bg:url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 30 30%27%3e%3cpath stroke=%27rgba%2833, 37, 41, 0.75%29%27 stroke-linecap=%27round%27 stroke-miterlimit=%2710%27 stroke-width=%272%27 d=%27M4 7h22M4 15h22M4 23h22%27/%3e%3c/svg%3e");--bs-navbar-toggler-border-color:rgba(var(--bs-emphasis-color-rgb), 0.15);--bs-navbar-toggler-border-radius:var(--bs-border-radius);--bs-navbar-toggler-focus-width:0.25rem;--bs-navbar-toggler-transition:box-shadow 0.15s ease-in-out;position:relative;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;padding:var(--bs-navbar-padding-y) var(--bs-navbar-padding-x)}.navbar>.container,.navbar>.container-fluid,.navbar>.container-lg,.navbar>.container-md,.navbar>.container-sm,.navbar>.container-xl,.navbar>.container-xxl{display:flex;flex-wrap:inherit;align-items:center;justify-content:space-between}.navbar-brand{padding-top:var(--bs-navbar-brand-padding-y);padding-bottom:var(--bs-navbar-brand-padding-y);margin-right:var(--bs-navbar-brand-margin-end);font-size:var(--bs-navbar-brand-font-size);color:var(--bs-navbar-brand-color);text-decoration:none;white-space:nowrap}.navbar-brand:focus,.navbar-brand:hover{color:var(--bs-navbar-brand-hover-color)}.navbar-nav{--bs-nav-link-padding-x:0;--bs-nav-link-padding-y:0.5rem;--bs-nav-link-font-weight: ;--bs-nav-link-color:var(--bs-navbar-color);--bs-nav-link-hover-color:var(--bs-navbar-hover-color);--bs-nav-link-disabled-color:var(--bs-navbar-disabled-color);display:flex;flex-direction:column;padding-left:0;margin-bottom:0;list-style:none}.navbar-nav .nav-link.active,.navbar-nav .nav-link.show{color:var(--bs-navbar-active-color)}.navbar-nav .dropdown-menu{position:static}.navbar-text{padding-top:.5rem;padding-bottom:.5rem;color:var(--bs-navbar-color)}.navbar-text a,.navbar-text a:focus,.navbar-text a:hover{color:var(--bs-navbar-active-color)}.navbar-collapse{flex-grow:1;flex-basis:100%;align-items:center}.navbar-toggler{padding:var(--bs-navbar-toggler-padding-y) var(--bs-navbar-toggler-padding-x);font-size:var(--bs-navbar-toggler-font-size);line-height:1;color:var(--bs-navbar-color);background-color:transparent;border:var(--bs-border-width) solid var(--bs-navbar-toggler-border-color);border-radius:var(--bs-navbar-toggler-border-radius);transition:var(--bs-navbar-toggler-transition)}@media (prefers-reduced-motion:reduce){.navbar-toggler{transition:none}}.navbar-toggler:hover{text-decoration:none}.navbar-toggler:focus{text-decoration:none;outline:0;box-shadow:0 0 0 var(--bs-navbar-toggler-focus-width)}.navbar-toggler-icon{display:inline-block;width:1.5em;height:1.5em;vertical-align:middle;background-image:var(--bs-navbar-toggler-icon-bg);background-repeat:no-repeat;background-position:center;background-size:100%}.navbar-nav-scroll{max-height:var(--bs-scroll-height,75vh);overflow-y:auto}@media (min-width:576px){.navbar-expand-sm{flex-wrap:nowrap;justify-content:flex-start}.navbar-expand-sm .navbar-nav{flex-direction:row}.navbar-expand-sm .navbar-nav .dropdown-menu{position:absolute}.navbar-expand-sm .navbar-nav .nav-link{padding-right:var(--bs-navbar-nav-link-padding-x);padding-left:var(--bs-navbar-nav-link-padding-x)}.navbar-expand-sm .navbar-nav-scroll{overflow:visible}.navbar-expand-sm .navbar-collapse{display:flex!important;flex-basis:auto}.navbar-expand-sm .navbar-toggler{display:none}.navbar-expand-sm .offcanvas{position:static;z-index:auto;flex-grow:1;width:auto!important;height:auto!important;visibility:visible!important;background-color:transparent!important;border:0!important;transform:none!important;transition:none}.navbar-expand-sm .offcanvas .offcanvas-header{display:none}.navbar-expand-sm .offcanvas .offcanvas-body{display:flex;flex-grow:0;padding:0;overflow-y:visible}}@media (min-width:768px){.navbar-expand-md{flex-wrap:nowrap;justify-content:flex-start}.navbar-expand-md .navbar-nav{flex-direction:row}.navbar-expand-md .navbar-nav .dropdown-menu{position:absolute}.navbar-expand-md .navbar-nav .nav-link{padding-right:var(--bs-navbar-nav-link-padding-x);padding-left:var(--bs-navbar-nav-link-padding-x)}.navbar-expand-md .navbar-nav-scroll{overflow:visible}.navbar-expand-md .navbar-collapse{display:flex!important;flex-basis:auto}.navbar-expand-md .navbar-toggler{display:none}.navbar-expand-md .offcanvas{position:static;z-index:auto;flex-grow:1;width:auto!important;height:auto!important;visibility:visible!important;background-color:transparent!important;border:0!important;transform:none!important;transition:none}.navbar-expand-md .offcanvas .offcanvas-header{display:none}.navbar-expand-md .offcanvas .offcanvas-body{display:flex;flex-grow:0;padding:0;overflow-y:visible}}@media (min-width:992px){.navbar-expand-lg{flex-wrap:nowrap;justify-content:flex-start}.navbar-expand-lg .navbar-nav{flex-direction:row}.navbar-expand-lg .navbar-nav .dropdown-menu{position:absolute}.navbar-expand-lg .navbar-nav .nav-link{padding-right:var(--bs-navbar-nav-link-padding-x);padding-left:var(--bs-navbar-nav-link-padding-x)}.navbar-expand-lg .navbar-nav-scroll{overflow:visible}.navbar-expand-lg .navbar-collapse{display:flex!important;flex-basis:auto}.navbar-expand-lg .navbar-toggler{display:none}.navbar-expand-lg .offcanvas{position:static;z-index:auto;flex-grow:1;width:auto!important;height:auto!important;visibility:visible!important;background-color:transparent!important;border:0!important;transform:none!important;transition:none}.navbar-expand-lg .offcanvas .offcanvas-header{display:none}.navbar-expand-lg .offcanvas .offcanvas-body{display:flex;flex-grow:0;padding:0;overflow-y:visible}}@media (min-width:1200px){.navbar-expand-xl{flex-wrap:nowrap;justify-content:flex-start}.navbar-expand-xl .navbar-nav{flex-direction:row}.navbar-expand-xl .navbar-nav .dropdown-menu{position:absolute}.navbar-expand-xl .navbar-nav .nav-link{padding-right:var(--bs-navbar-nav-link-padding-x);padding-left:var(--bs-navbar-nav-link-padding-x)}.navbar-expand-xl .navbar-nav-scroll{overflow:visible}.navbar-expand-xl .navbar-collapse{display:flex!important;flex-basis:auto}.navbar-expand-xl .navbar-toggler{display:none}.navbar-expand-xl .offcanvas{position:static;z-index:auto;flex-grow:1;width:auto!important;height:auto!important;visibility:visible!important;background-color:transparent!important;border:0!important;transform:none!important;transition:none}.navbar-expand-xl .offcanvas .offcanvas-header{display:none}.navbar-expand-xl .offcanvas .offcanvas-body{display:flex;flex-grow:0;padding:0;overflow-y:visible}}@media (min-width:1400px){.navbar-expand-xxl{flex-wrap:nowrap;justify-content:flex-start}.navbar-expand-xxl .navbar-nav{flex-direction:row}.navbar-expand-xxl .navbar-nav .dropdown-menu{position:absolute}.navbar-expand-xxl .navbar-nav .nav-link{padding-right:var(--bs-navbar-nav-link-padding-x);padding-left:var(--bs-navbar-nav-link-padding-x)}.navbar-expand-xxl .navbar-nav-scroll{overflow:visible}.navbar-expand-xxl .navbar-collapse{display:flex!important;flex-basis:auto}.navbar-expand-xxl .navbar-toggler{display:none}.navbar-expand-xxl .offcanvas{position:static;z-index:auto;flex-grow:1;width:auto!important;height:auto!important;visibility:visible!important;background-color:transparent!important;border:0!important;transform:none!important;transition:none}.navbar-expand-xxl .offcanvas .offcanvas-header{display:none}.navbar-expand-xxl .offcanvas .offcanvas-body{display:flex;flex-grow:0;padding:0;overflow-y:visible}}.navbar-expand{flex-wrap:nowrap;justify-content:flex-start}.navbar-expand .navbar-nav{flex-direction:row}.navbar-expand .navbar-nav .dropdown-menu{position:absolute}.navbar-expand .navbar-nav .nav-link{padding-right:var(--bs-navbar-nav-link-padding-x);padding-left:var(--bs-navbar-nav-link-padding-x)}.navbar-expand .navbar-nav-scroll{overflow:visible}.navbar-expand .navbar-collapse{display:flex!important;flex-basis:auto}.navbar-expand .navbar-toggler{display:none}.navbar-expand .offcanvas{position:static;z-index:auto;flex-grow:1;width:auto!important;height:auto!important;visibility:visible!important;background-color:transparent!important;border:0!important;transform:none!important;transition:none}.navbar-expand .offcanvas .offcanvas-header{display:none}.navbar-expand .offcanvas .offcanvas-body{display:flex;flex-grow:0;padding:0;overflow-y:visible}.navbar-dark,.navbar[data-bs-theme=dark]{--bs-navbar-color:rgba(255, 255, 255, 0.55);--bs-navbar-hover-color:rgba(255, 255, 255, 0.75);--bs-navbar-disabled-color:rgba(255, 255, 255, 0.25);--bs-navbar-active-color:#fff;--bs-navbar-brand-color:#fff;--bs-navbar-brand-hover-color:#fff;--bs-navbar-toggler-border-color:rgba(255, 255, 255, 0.1);--bs-navbar-toggler-icon-bg:url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 30 30%27%3e%3cpath stroke=%27rgba%28255, 255, 255, 0.55%29%27 stroke-linecap=%27round%27 stroke-miterlimit=%2710%27 stroke-width=%272%27 d=%27M4 7h22M4 15h22M4 23h22%27/%3e%3c/svg%3e")}[data-bs-theme=dark] .navbar-toggler-icon{--bs-navbar-toggler-icon-bg:url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 30 30%27%3e%3cpath stroke=%27rgba%28255, 255, 255, 0.55%29%27 stroke-linecap=%27round%27 stroke-miterlimit=%2710%27 stroke-width=%272%27 d=%27M4 7h22M4 15h22M4 23h22%27/%3e%3c/svg%3e")}.card{--bs-card-spacer-y:1rem;--bs-card-spacer-x:1rem;--bs-card-title-spacer-y:0.5rem;--bs-card-title-color: ;--bs-card-subtitle-color: ;--bs-card-border-width:var(--bs-border-width);--bs-card-border-color:var(--bs-border-color-translucent);--bs-card-border-radius:var(--bs-border-radius);--bs-card-box-shadow: ;--bs-card-inner-border-radius:calc(var(--bs-border-radius) - (var(--bs-border-width)));--bs-card-cap-padding-y:0.5rem;--bs-card-cap-padding-x:1rem;--bs-card-cap-bg:rgba(var(--bs-body-color-rgb), 0.03);--bs-card-cap-color: ;--bs-card-height: ;--bs-card-color: ;--bs-card-bg:var(--bs-body-bg);--bs-card-img-overlay-padding:1rem;--bs-card-group-margin:0.75rem;position:relative;display:flex;flex-direction:column;min-width:0;height:var(--bs-card-height);color:var(--bs-body-color);word-wrap:break-word;background-color:var(--bs-card-bg);background-clip:border-box;border:var(--bs-card-border-width) solid var(--bs-card-border-color);border-radius:var(--bs-card-border-radius)}.card>hr{margin-right:0;margin-left:0}.card>.list-group{border-top:inherit;border-bottom:inherit}.card>.list-group:first-child{border-top-width:0;border-top-left-radius:var(--bs-card-inner-border-radius);border-top-right-radius:var(--bs-card-inner-border-radius)}.card>.list-group:last-child{border-bottom-width:0;border-bottom-right-radius:var(--bs-card-inner-border-radius);border-bottom-left-radius:var(--bs-card-inner-border-radius)}.card>.card-header+.list-group,.card>.list-group+.card-footer{border-top:0}.card-body{flex:1 1 auto;padding:var(--bs-card-spacer-y) var(--bs-card-spacer-x);color:var(--bs-card-color)}.card-title{margin-bottom:var(--bs-card-title-spacer-y);color:var(--bs-card-title-color)}.card-subtitle{margin-top:calc(-.5 * var(--bs-card-title-spacer-y));margin-bottom:0;color:var(--bs-card-subtitle-color)}.card-text:last-child{margin-bottom:0}.card-link+.card-link{margin-left:var(--bs-card-spacer-x)}.card-header{padding:var(--bs-card-cap-padding-y) var(--bs-card-cap-padding-x);margin-bottom:0;color:var(--bs-card-cap-color);background-color:var(--bs-card-cap-bg);border-bottom:var(--bs-card-border-width) solid var(--bs-card-border-color)}.card-header:first-child{border-radius:var(--bs-card-inner-border-radius) var(--bs-card-inner-border-radius) 0 0}.card-footer{padding:var(--bs-card-cap-padding-y) var(--bs-card-cap-padding-x);color:var(--bs-card-cap-color);background-color:var(--bs-card-cap-bg);border-top:var(--bs-card-border-width) solid var(--bs-card-border-color)}.card-footer:last-child{border-radius:0 0 var(--bs-card-inner-border-radius) var(--bs-card-inner-border-radius)}.card-header-tabs{margin-right:calc(-.5 * var(--bs-card-cap-padding-x));margin-bottom:calc(-1 * var(--bs-card-cap-padding-y));margin-left:calc(-.5 * var(--bs-card-cap-padding-x));border-bottom:0}.card-header-tabs .nav-link.active{background-color:var(--bs-card-bg);border-bottom-color:var(--bs-card-bg)}.card-header-pills{margin-right:calc(-.5 * var(--bs-card-cap-padding-x));margin-left:calc(-.5 * var(--bs-card-cap-padding-x))}.card-img-overlay{position:absolute;top:0;right:0;bottom:0;left:0;padding:var(--bs-card-img-overlay-padding);border-radius:var(--bs-card-inner-border-radius)}.card-img,.card-img-bottom,.card-img-top{width:100%}.card-img,.card-img-top{border-top-left-radius:var(--bs-card-inner-border-radius);border-top-right-radius:var(--bs-card-inner-border-radius)}.card-img,.card-img-bottom{border-bottom-right-radius:var(--bs-card-inner-border-radius);border-bottom-left-radius:var(--bs-card-inner-border-radius)}.card-group>.card{margin-bottom:var(--bs-card-group-margin)}@media (min-width:576px){.card-group{display:flex;flex-flow:row wrap}.card-group>.card{flex:1 0 0;margin-bottom:0}.card-group>.card+.card{margin-left:0;border-left:0}.card-group>.card:not(:last-child){border-top-right-radius:0;border-bottom-right-radius:0}.card-group>.card:not(:last-child)>.card-header,.card-group>.card:not(:last-child)>.card-img-top{border-top-right-radius:0}.card-group>.card:not(:last-child)>.card-footer,.card-group>.card:not(:last-child)>.card-img-bottom{border-bottom-right-radius:0}.card-group>.card:not(:first-child){border-top-left-radius:0;border-bottom-left-radius:0}.card-group>.card:not(:first-child)>.card-header,.card-group>.card:not(:first-child)>.card-img-top{border-top-left-radius:0}.card-group>.card:not(:first-child)>.card-footer,.card-group>.card:not(:first-child)>.card-img-bottom{border-bottom-left-radius:0}}.accordion{--bs-accordion-color:var(--bs-body-color);--bs-accordion-bg:var(--bs-body-bg);--bs-accordion-transition:color 0.15s ease-in-out,background-color 0.15s ease-in-out,border-color 0.15s ease-in-out,box-shadow 0.15s ease-in-out,border-radius 0.15s ease;--bs-accordion-border-color:var(--bs-border-color);--bs-accordion-border-width:var(--bs-border-width);--bs-accordion-border-radius:var(--bs-border-radius);--bs-accordion-inner-border-radius:calc(var(--bs-border-radius) - (var(--bs-border-width)));--bs-accordion-btn-padding-x:1.25rem;--bs-accordion-btn-padding-y:1rem;--bs-accordion-btn-color:var(--bs-body-color);--bs-accordion-btn-bg:var(--bs-accordion-bg);--bs-accordion-btn-icon:url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 16 16%27 fill=%27none%27 stroke=%27%23212529%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3e%3cpath d=%27m2 5 6 6 6-6%27/%3e%3c/svg%3e");--bs-accordion-btn-icon-width:1.25rem;--bs-accordion-btn-icon-transform:rotate(-180deg);--bs-accordion-btn-icon-transition:transform 0.2s ease-in-out;--bs-accordion-btn-active-icon:url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 16 16%27 fill=%27none%27 stroke=%27%23052c65%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3e%3cpath d=%27m2 5 6 6 6-6%27/%3e%3c/svg%3e");--bs-accordion-btn-focus-box-shadow:0 0 0 0.25rem rgba(13, 110, 253, 0.25);--bs-accordion-body-padding-x:1.25rem;--bs-accordion-body-padding-y:1rem;--bs-accordion-active-color:var(--bs-primary-text-emphasis);--bs-accordion-active-bg:var(--bs-primary-bg-subtle)}.accordion-button{position:relative;display:flex;align-items:center;width:100%;padding:var(--bs-accordion-btn-padding-y) var(--bs-accordion-btn-padding-x);font-size:1rem;color:var(--bs-accordion-btn-color);text-align:left;background-color:var(--bs-accordion-btn-bg);border:0;border-radius:0;overflow-anchor:none;transition:var(--bs-accordion-transition)}@media (prefers-reduced-motion:reduce){.accordion-button{transition:none}}.accordion-button:not(.collapsed){color:var(--bs-accordion-active-color);background-color:var(--bs-accordion-active-bg);box-shadow:inset 0 calc(-1 * var(--bs-accordion-border-width)) 0 var(--bs-accordion-border-color)}.accordion-button:not(.collapsed)::after{background-image:var(--bs-accordion-btn-active-icon);transform:var(--bs-accordion-btn-icon-transform)}.accordion-button::after{flex-shrink:0;width:var(--bs-accordion-btn-icon-width);height:var(--bs-accordion-btn-icon-width);margin-left:auto;content:"";background-image:var(--bs-accordion-btn-icon);background-repeat:no-repeat;background-size:var(--bs-accordion-btn-icon-width);transition:var(--bs-accordion-btn-icon-transition)}@media (prefers-reduced-motion:reduce){.accordion-button::after{transition:none}}.accordion-button:hover{z-index:2}.accordion-button:focus{z-index:3;outline:0;box-shadow:var(--bs-accordion-btn-focus-box-shadow)}.accordion-header{margin-bottom:0}.accordion-item{color:var(--bs-accordion-color);background-color:var(--bs-accordion-bg);border:var(--bs-accordion-border-width) solid var(--bs-accordion-border-color)}.accordion-item:first-of-type{border-top-left-radius:var(--bs-accordion-border-radius);border-top-right-radius:var(--bs-accordion-border-radius)}.accordion-item:first-of-type>.accordion-header .accordion-button{border-top-left-radius:var(--bs-accordion-inner-border-radius);border-top-right-radius:var(--bs-accordion-inner-border-radius)}.accordion-item:not(:first-of-type){border-top:0}.accordion-item:last-of-type{border-bottom-right-radius:var(--bs-accordion-border-radius);border-bottom-left-radius:var(--bs-accordion-border-radius)}.accordion-item:last-of-type>.accordion-header .accordion-button.collapsed{border-bottom-right-radius:var(--bs-accordion-inner-border-radius);border-bottom-left-radius:var(--bs-accordion-inner-border-radius)}.accordion-item:last-of-type>.accordion-collapse{border-bottom-right-radius:var(--bs-accordion-border-radius);border-bottom-left-radius:var(--bs-accordion-border-radius)}.accordion-body{padding:var(--bs-accordion-body-padding-y) var(--bs-accordion-body-padding-x)}.accordion-flush>.accordion-item{border-right:0;border-left:0;border-radius:0}.accordion-flush>.accordion-item:first-child{border-top:0}.accordion-flush>.accordion-item:last-child{border-bottom:0}.accordion-flush>.accordion-item>.accordion-collapse,.accordion-flush>.accordion-item>.accordion-header .accordion-button,.accordion-flush>.accordion-item>.accordion-header .accordion-button.collapsed{border-radius:0}[data-bs-theme=dark] .accordion-button::after{--bs-accordion-btn-icon:url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 16 16%27 fill=%27%236ea8fe%27%3e%3cpath fill-rule=%27evenodd%27 d=%27M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708%27/%3e%3c/svg%3e");--bs-accordion-btn-active-icon:url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 16 16%27 fill=%27%236ea8fe%27%3e%3cpath fill-rule=%27evenodd%27 d=%27M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708%27/%3e%3c/svg%3e")}.breadcrumb{--bs-breadcrumb-padding-x:0;--bs-breadcrumb-padding-y:0;--bs-breadcrumb-margin-bottom:1rem;--bs-breadcrumb-bg: ;--bs-breadcrumb-border-radius: ;--bs-breadcrumb-divider-color:var(--bs-secondary-color);--bs-breadcrumb-item-padding-x:0.5rem;--bs-breadcrumb-item-active-color:var(--bs-secondary-color);display:flex;flex-wrap:wrap;padding:var(--bs-breadcrumb-padding-y) var(--bs-breadcrumb-padding-x);margin-bottom:var(--bs-breadcrumb-margin-bottom);font-size:var(--bs-breadcrumb-font-size);list-style:none;background-color:var(--bs-breadcrumb-bg);border-radius:var(--bs-breadcrumb-border-radius)}.breadcrumb-item+.breadcrumb-item{padding-left:var(--bs-breadcrumb-item-padding-x)}.breadcrumb-item+.breadcrumb-item::before{float:left;padding-right:var(--bs-breadcrumb-item-padding-x);color:var(--bs-breadcrumb-divider-color);content:var(--bs-breadcrumb-divider, "/")}.breadcrumb-item.active{color:var(--bs-breadcrumb-item-active-color)}.pagination{--bs-pagination-padding-x:0.75rem;--bs-pagination-padding-y:0.375rem;--bs-pagination-font-size:1rem;--bs-pagination-color:var(--bs-link-color);--bs-pagination-bg:var(--bs-body-bg);--bs-pagination-border-width:var(--bs-border-width);--bs-pagination-border-color:var(--bs-border-color);--bs-pagination-border-radius:var(--bs-border-radius);--bs-pagination-hover-color:var(--bs-link-hover-color);--bs-pagination-hover-bg:var(--bs-tertiary-bg);--bs-pagination-hover-border-color:var(--bs-border-color);--bs-pagination-focus-color:var(--bs-link-hover-color);--bs-pagination-focus-bg:var(--bs-secondary-bg);--bs-pagination-focus-box-shadow:0 0 0 0.25rem rgba(13, 110, 253, 0.25);--bs-pagination-active-color:#fff;--bs-pagination-active-bg:#0d6efd;--bs-pagination-active-border-color:#0d6efd;--bs-pagination-disabled-color:var(--bs-secondary-color);--bs-pagination-disabled-bg:var(--bs-secondary-bg);--bs-pagination-disabled-border-color:var(--bs-border-color);display:flex;padding-left:0;list-style:none}.page-link{position:relative;display:block;padding:var(--bs-pagination-padding-y) var(--bs-pagination-padding-x);font-size:var(--bs-pagination-font-size);color:var(--bs-pagination-color);text-decoration:none;background-color:var(--bs-pagination-bg);border:var(--bs-pagination-border-width) solid var(--bs-pagination-border-color);transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}@media (prefers-reduced-motion:reduce){.page-link{transition:none}}.page-link:hover{z-index:2;color:var(--bs-pagination-hover-color);background-color:var(--bs-pagination-hover-bg);border-color:var(--bs-pagination-hover-border-color)}.page-link:focus{z-index:3;color:var(--bs-pagination-focus-color);background-color:var(--bs-pagination-focus-bg);outline:0;box-shadow:var(--bs-pagination-focus-box-shadow)}.active>.page-link,.page-link.active{z-index:3;color:var(--bs-pagination-active-color);background-color:var(--bs-pagination-active-bg);border-color:var(--bs-pagination-active-border-color)}.disabled>.page-link,.page-link.disabled{color:var(--bs-pagination-disabled-color);pointer-events:none;background-color:var(--bs-pagination-disabled-bg);border-color:var(--bs-pagination-disabled-border-color)}.page-item:not(:first-child) .page-link{margin-left:calc(-1 * var(--bs-border-width))}.page-item:first-child .page-link{border-top-left-radius:var(--bs-pagination-border-radius);border-bottom-left-radius:var(--bs-pagination-border-radius)}.page-item:last-child .page-link{border-top-right-radius:var(--bs-pagination-border-radius);border-bottom-right-radius:var(--bs-pagination-border-radius)}.pagination-lg{--bs-pagination-padding-x:1.5rem;--bs-pagination-padding-y:0.75rem;--bs-pagination-font-size:1.25rem;--bs-pagination-border-radius:var(--bs-border-radius-lg)}.pagination-sm{--bs-pagination-padding-x:0.5rem;--bs-pagination-padding-y:0.25rem;--bs-pagination-font-size:0.875rem;--bs-pagination-border-radius:var(--bs-border-radius-sm)}.badge{--bs-badge-padding-x:0.65em;--bs-badge-padding-y:0.35em;--bs-badge-font-size:0.75em;--bs-badge-font-weight:700;--bs-badge-color:#fff;--bs-badge-border-radius:var(--bs-border-radius);display:inline-block;padding:var(--bs-badge-padding-y) var(--bs-badge-padding-x);font-size:var(--bs-badge-font-size);font-weight:var(--bs-badge-font-weight);line-height:1;color:var(--bs-badge-color);text-align:center;white-space:nowrap;vertical-align:baseline;border-radius:var(--bs-badge-border-radius)}.badge:empty{display:none}.btn .badge{position:relative;top:-1px}.alert{--bs-alert-bg:transparent;--bs-alert-padding-x:1rem;--bs-alert-padding-y:1rem;--bs-alert-margin-bottom:1rem;--bs-alert-color:inherit;--bs-alert-border-color:transparent;--bs-alert-border:var(--bs-border-width) solid var(--bs-alert-border-color);--bs-alert-border-radius:var(--bs-border-radius);--bs-alert-link-color:inherit;position:relative;padding:var(--bs-alert-padding-y) var(--bs-alert-padding-x);margin-bottom:var(--bs-alert-margin-bottom);color:var(--bs-alert-color);background-color:var(--bs-alert-bg);border:var(--bs-alert-border);border-radius:var(--bs-alert-border-radius)}.alert-heading{color:inherit}.alert-link{font-weight:700;color:var(--bs-alert-link-color)}.alert-dismissible{padding-right:3rem}.alert-dismissible .btn-close{position:absolute;top:0;right:0;z-index:2;padding:1.25rem 1rem}.alert-primary{--bs-alert-color:var(--bs-primary-text-emphasis);--bs-alert-bg:var(--bs-primary-bg-subtle);--bs-alert-border-color:var(--bs-primary-border-subtle);--bs-alert-link-color:var(--bs-primary-text-emphasis)}.alert-secondary{--bs-alert-color:var(--bs-secondary-text-emphasis);--bs-alert-bg:var(--bs-secondary-bg-subtle);--bs-alert-border-color:var(--bs-secondary-border-subtle);--bs-alert-link-color:var(--bs-secondary-text-emphasis)}.alert-success{--bs-alert-color:var(--bs-success-text-emphasis);--bs-alert-bg:var(--bs-success-bg-subtle);--bs-alert-border-color:var(--bs-success-border-subtle);--bs-alert-link-color:var(--bs-success-text-emphasis)}.alert-info{--bs-alert-color:var(--bs-info-text-emphasis);--bs-alert-bg:var(--bs-info-bg-subtle);--bs-alert-border-color:var(--bs-info-border-subtle);--bs-alert-link-color:var(--bs-info-text-emphasis)}.alert-warning{--bs-alert-color:var(--bs-warning-text-emphasis);--bs-alert-bg:var(--bs-warning-bg-subtle);--bs-alert-border-color:var(--bs-warning-border-subtle);--bs-alert-link-color:var(--bs-warning-text-emphasis)}.alert-danger{--bs-alert-color:var(--bs-danger-text-emphasis);--bs-alert-bg:var(--bs-danger-bg-subtle);--bs-alert-border-color:var(--bs-danger-border-subtle);--bs-alert-link-color:var(--bs-danger-text-emphasis)}.alert-light{--bs-alert-color:var(--bs-light-text-emphasis);--bs-alert-bg:var(--bs-light-bg-subtle);--bs-alert-border-color:var(--bs-light-border-subtle);--bs-alert-link-color:var(--bs-light-text-emphasis)}.alert-dark{--bs-alert-color:var(--bs-dark-text-emphasis);--bs-alert-bg:var(--bs-dark-bg-subtle);--bs-alert-border-color:var(--bs-dark-border-subtle);--bs-alert-link-color:var(--bs-dark-text-emphasis)}@keyframes progress-bar-stripes{0%{background-position-x:var(--bs-progress-height)}}.progress,.progress-stacked{--bs-progress-height:1rem;--bs-progress-font-size:0.75rem;--bs-progress-bg:var(--bs-secondary-bg);--bs-progress-border-radius:var(--bs-border-radius);--bs-progress-box-shadow:var(--bs-box-shadow-inset);--bs-progress-bar-color:#fff;--bs-progress-bar-bg:#0d6efd;--bs-progress-bar-transition:width 0.6s ease;display:flex;height:var(--bs-progress-height);overflow:hidden;font-size:var(--bs-progress-font-size);background-color:var(--bs-progress-bg);border-radius:var(--bs-progress-border-radius)}.progress-bar{display:flex;flex-direction:column;justify-content:center;overflow:hidden;color:var(--bs-progress-bar-color);text-align:center;white-space:nowrap;background-color:var(--bs-progress-bar-bg);transition:var(--bs-progress-bar-transition)}@media (prefers-reduced-motion:reduce){.progress-bar{transition:none}}.progress-bar-striped{background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-size:var(--bs-progress-height) var(--bs-progress-height)}.progress-stacked>.progress{overflow:visible}.progress-stacked>.progress>.progress-bar{width:100%}.progress-bar-animated{animation:1s linear infinite progress-bar-stripes}@media (prefers-reduced-motion:reduce){.progress-bar-animated{animation:none}}.list-group{--bs-list-group-color:var(--bs-body-color);--bs-list-group-bg:var(--bs-body-bg);--bs-list-group-border-color:var(--bs-border-color);--bs-list-group-border-width:var(--bs-border-width);--bs-list-group-border-radius:var(--bs-border-radius);--bs-list-group-item-padding-x:1rem;--bs-list-group-item-padding-y:0.5rem;--bs-list-group-action-color:var(--bs-secondary-color);--bs-list-group-action-hover-color:var(--bs-emphasis-color);--bs-list-group-action-hover-bg:var(--bs-tertiary-bg);--bs-list-group-action-active-color:var(--bs-body-color);--bs-list-group-action-active-bg:var(--bs-secondary-bg);--bs-list-group-disabled-color:var(--bs-secondary-color);--bs-list-group-disabled-bg:var(--bs-body-bg);--bs-list-group-active-color:#fff;--bs-list-group-active-bg:#0d6efd;--bs-list-group-active-border-color:#0d6efd;display:flex;flex-direction:column;padding-left:0;margin-bottom:0;border-radius:var(--bs-list-group-border-radius)}.list-group-numbered{list-style-type:none;counter-reset:section}.list-group-numbered>.list-group-item::before{content:counters(section, ".") ". ";counter-increment:section}.list-group-item{position:relative;display:block;padding:var(--bs-list-group-item-padding-y) var(--bs-list-group-item-padding-x);color:var(--bs-list-group-color);text-decoration:none;background-color:var(--bs-list-group-bg);border:var(--bs-list-group-border-width) solid var(--bs-list-group-border-color)}.list-group-item:first-child{border-top-left-radius:inherit;border-top-right-radius:inherit}.list-group-item:last-child{border-bottom-right-radius:inherit;border-bottom-left-radius:inherit}.list-group-item.disabled,.list-group-item:disabled{color:var(--bs-list-group-disabled-color);pointer-events:none;background-color:var(--bs-list-group-disabled-bg)}.list-group-item.active{z-index:2;color:var(--bs-list-group-active-color);background-color:var(--bs-list-group-active-bg);border-color:var(--bs-list-group-active-border-color)}.list-group-item+.list-group-item{border-top-width:0}.list-group-item+.list-group-item.active{margin-top:calc(-1 * var(--bs-list-group-border-width));border-top-width:var(--bs-list-group-border-width)}.list-group-item-action{width:100%;color:var(--bs-list-group-action-color);text-align:inherit}.list-group-item-action:not(.active):focus,.list-group-item-action:not(.active):hover{z-index:1;color:var(--bs-list-group-action-hover-color);text-decoration:none;background-color:var(--bs-list-group-action-hover-bg)}.list-group-item-action:not(.active):active{color:var(--bs-list-group-action-active-color);background-color:var(--bs-list-group-action-active-bg)}.list-group-horizontal{flex-direction:row}.list-group-horizontal>.list-group-item:first-child:not(:last-child){border-bottom-left-radius:var(--bs-list-group-border-radius);border-top-right-radius:0}.list-group-horizontal>.list-group-item:last-child:not(:first-child){border-top-right-radius:var(--bs-list-group-border-radius);border-bottom-left-radius:0}.list-group-horizontal>.list-group-item.active{margin-top:0}.list-group-horizontal>.list-group-item+.list-group-item{border-top-width:var(--bs-list-group-border-width);border-left-width:0}.list-group-horizontal>.list-group-item+.list-group-item.active{margin-left:calc(-1 * var(--bs-list-group-border-width));border-left-width:var(--bs-list-group-border-width)}@media (min-width:576px){.list-group-horizontal-sm{flex-direction:row}.list-group-horizontal-sm>.list-group-item:first-child:not(:last-child){border-bottom-left-radius:var(--bs-list-group-border-radius);border-top-right-radius:0}.list-group-horizontal-sm>.list-group-item:last-child:not(:first-child){border-top-right-radius:var(--bs-list-group-border-radius);border-bottom-left-radius:0}.list-group-horizontal-sm>.list-group-item.active{margin-top:0}.list-group-horizontal-sm>.list-group-item+.list-group-item{border-top-width:var(--bs-list-group-border-width);border-left-width:0}.list-group-horizontal-sm>.list-group-item+.list-group-item.active{margin-left:calc(-1 * var(--bs-list-group-border-width));border-left-width:var(--bs-list-group-border-width)}}@media (min-width:768px){.list-group-horizontal-md{flex-direction:row}.list-group-horizontal-md>.list-group-item:first-child:not(:last-child){border-bottom-left-radius:var(--bs-list-group-border-radius);border-top-right-radius:0}.list-group-horizontal-md>.list-group-item:last-child:not(:first-child){border-top-right-radius:var(--bs-list-group-border-radius);border-bottom-left-radius:0}.list-group-horizontal-md>.list-group-item.active{margin-top:0}.list-group-horizontal-md>.list-group-item+.list-group-item{border-top-width:var(--bs-list-group-border-width);border-left-width:0}.list-group-horizontal-md>.list-group-item+.list-group-item.active{margin-left:calc(-1 * var(--bs-list-group-border-width));border-left-width:var(--bs-list-group-border-width)}}@media (min-width:992px){.list-group-horizontal-lg{flex-direction:row}.list-group-horizontal-lg>.list-group-item:first-child:not(:last-child){border-bottom-left-radius:var(--bs-list-group-border-radius);border-top-right-radius:0}.list-group-horizontal-lg>.list-group-item:last-child:not(:first-child){border-top-right-radius:var(--bs-list-group-border-radius);border-bottom-left-radius:0}.list-group-horizontal-lg>.list-group-item.active{margin-top:0}.list-group-horizontal-lg>.list-group-item+.list-group-item{border-top-width:var(--bs-list-group-border-width);border-left-width:0}.list-group-horizontal-lg>.list-group-item+.list-group-item.active{margin-left:calc(-1 * var(--bs-list-group-border-width));border-left-width:var(--bs-list-group-border-width)}}@media (min-width:1200px){.list-group-horizontal-xl{flex-direction:row}.list-group-horizontal-xl>.list-group-item:first-child:not(:last-child){border-bottom-left-radius:var(--bs-list-group-border-radius);border-top-right-radius:0}.list-group-horizontal-xl>.list-group-item:last-child:not(:first-child){border-top-right-radius:var(--bs-list-group-border-radius);border-bottom-left-radius:0}.list-group-horizontal-xl>.list-group-item.active{margin-top:0}.list-group-horizontal-xl>.list-group-item+.list-group-item{border-top-width:var(--bs-list-group-border-width);border-left-width:0}.list-group-horizontal-xl>.list-group-item+.list-group-item.active{margin-left:calc(-1 * var(--bs-list-group-border-width));border-left-width:var(--bs-list-group-border-width)}}@media (min-width:1400px){.list-group-horizontal-xxl{flex-direction:row}.list-group-horizontal-xxl>.list-group-item:first-child:not(:last-child){border-bottom-left-radius:var(--bs-list-group-border-radius);border-top-right-radius:0}.list-group-horizontal-xxl>.list-group-item:last-child:not(:first-child){border-top-right-radius:var(--bs-list-group-border-radius);border-bottom-left-radius:0}.list-group-horizontal-xxl>.list-group-item.active{margin-top:0}.list-group-horizontal-xxl>.list-group-item+.list-group-item{border-top-width:var(--bs-list-group-border-width);border-left-width:0}.list-group-horizontal-xxl>.list-group-item+.list-group-item.active{margin-left:calc(-1 * var(--bs-list-group-border-width));border-left-width:var(--bs-list-group-border-width)}}.list-group-flush{border-radius:0}.list-group-flush>.list-group-item{border-width:0 0 var(--bs-list-group-border-width)}.list-group-flush>.list-group-item:last-child{border-bottom-width:0}.list-group-item-primary{--bs-list-group-color:var(--bs-primary-text-emphasis);--bs-list-group-bg:var(--bs-primary-bg-subtle);--bs-list-group-border-color:var(--bs-primary-border-subtle);--bs-list-group-action-hover-color:var(--bs-emphasis-color);--bs-list-group-action-hover-bg:var(--bs-primary-border-subtle);--bs-list-group-action-active-color:var(--bs-emphasis-color);--bs-list-group-action-active-bg:var(--bs-primary-border-subtle);--bs-list-group-active-color:var(--bs-primary-bg-subtle);--bs-list-group-active-bg:var(--bs-primary-text-emphasis);--bs-list-group-active-border-color:var(--bs-primary-text-emphasis)}.list-group-item-secondary{--bs-list-group-color:var(--bs-secondary-text-emphasis);--bs-list-group-bg:var(--bs-secondary-bg-subtle);--bs-list-group-border-color:var(--bs-secondary-border-subtle);--bs-list-group-action-hover-color:var(--bs-emphasis-color);--bs-list-group-action-hover-bg:var(--bs-secondary-border-subtle);--bs-list-group-action-active-color:var(--bs-emphasis-color);--bs-list-group-action-active-bg:var(--bs-secondary-border-subtle);--bs-list-group-active-color:var(--bs-secondary-bg-subtle);--bs-list-group-active-bg:var(--bs-secondary-text-emphasis);--bs-list-group-active-border-color:var(--bs-secondary-text-emphasis)}.list-group-item-success{--bs-list-group-color:var(--bs-success-text-emphasis);--bs-list-group-bg:var(--bs-success-bg-subtle);--bs-list-group-border-color:var(--bs-success-border-subtle);--bs-list-group-action-hover-color:var(--bs-emphasis-color);--bs-list-group-action-hover-bg:var(--bs-success-border-subtle);--bs-list-group-action-active-color:var(--bs-emphasis-color);--bs-list-group-action-active-bg:var(--bs-success-border-subtle);--bs-list-group-active-color:var(--bs-success-bg-subtle);--bs-list-group-active-bg:var(--bs-success-text-emphasis);--bs-list-group-active-border-color:var(--bs-success-text-emphasis)}.list-group-item-info{--bs-list-group-color:var(--bs-info-text-emphasis);--bs-list-group-bg:var(--bs-info-bg-subtle);--bs-list-group-border-color:var(--bs-info-border-subtle);--bs-list-group-action-hover-color:var(--bs-emphasis-color);--bs-list-group-action-hover-bg:var(--bs-info-border-subtle);--bs-list-group-action-active-color:var(--bs-emphasis-color);--bs-list-group-action-active-bg:var(--bs-info-border-subtle);--bs-list-group-active-color:var(--bs-info-bg-subtle);--bs-list-group-active-bg:var(--bs-info-text-emphasis);--bs-list-group-active-border-color:var(--bs-info-text-emphasis)}.list-group-item-warning{--bs-list-group-color:var(--bs-warning-text-emphasis);--bs-list-group-bg:var(--bs-warning-bg-subtle);--bs-list-group-border-color:var(--bs-warning-border-subtle);--bs-list-group-action-hover-color:var(--bs-emphasis-color);--bs-list-group-action-hover-bg:var(--bs-warning-border-subtle);--bs-list-group-action-active-color:var(--bs-emphasis-color);--bs-list-group-action-active-bg:var(--bs-warning-border-subtle);--bs-list-group-active-color:var(--bs-warning-bg-subtle);--bs-list-group-active-bg:var(--bs-warning-text-emphasis);--bs-list-group-active-border-color:var(--bs-warning-text-emphasis)}.list-group-item-danger{--bs-list-group-color:var(--bs-danger-text-emphasis);--bs-list-group-bg:var(--bs-danger-bg-subtle);--bs-list-group-border-color:var(--bs-danger-border-subtle);--bs-list-group-action-hover-color:var(--bs-emphasis-color);--bs-list-group-action-hover-bg:var(--bs-danger-border-subtle);--bs-list-group-action-active-color:var(--bs-emphasis-color);--bs-list-group-action-active-bg:var(--bs-danger-border-subtle);--bs-list-group-active-color:var(--bs-danger-bg-subtle);--bs-list-group-active-bg:var(--bs-danger-text-emphasis);--bs-list-group-active-border-color:var(--bs-danger-text-emphasis)}.list-group-item-light{--bs-list-group-color:var(--bs-light-text-emphasis);--bs-list-group-bg:var(--bs-light-bg-subtle);--bs-list-group-border-color:var(--bs-light-border-subtle);--bs-list-group-action-hover-color:var(--bs-emphasis-color);--bs-list-group-action-hover-bg:var(--bs-light-border-subtle);--bs-list-group-action-active-color:var(--bs-emphasis-color);--bs-list-group-action-active-bg:var(--bs-light-border-subtle);--bs-list-group-active-color:var(--bs-light-bg-subtle);--bs-list-group-active-bg:var(--bs-light-text-emphasis);--bs-list-group-active-border-color:var(--bs-light-text-emphasis)}.list-group-item-dark{--bs-list-group-color:var(--bs-dark-text-emphasis);--bs-list-group-bg:var(--bs-dark-bg-subtle);--bs-list-group-border-color:var(--bs-dark-border-subtle);--bs-list-group-action-hover-color:var(--bs-emphasis-color);--bs-list-group-action-hover-bg:var(--bs-dark-border-subtle);--bs-list-group-action-active-color:var(--bs-emphasis-color);--bs-list-group-action-active-bg:var(--bs-dark-border-subtle);--bs-list-group-active-color:var(--bs-dark-bg-subtle);--bs-list-group-active-bg:var(--bs-dark-text-emphasis);--bs-list-group-active-border-color:var(--bs-dark-text-emphasis)}.btn-close{--bs-btn-close-color:#000;--bs-btn-close-bg:url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 16 16%27 fill=%27%23000%27%3e%3cpath d=%27M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414%27/%3e%3c/svg%3e");--bs-btn-close-opacity:0.5;--bs-btn-close-hover-opacity:0.75;--bs-btn-close-focus-shadow:0 0 0 0.25rem rgba(13, 110, 253, 0.25);--bs-btn-close-focus-opacity:1;--bs-btn-close-disabled-opacity:0.25;box-sizing:content-box;width:1em;height:1em;padding:.25em .25em;color:var(--bs-btn-close-color);background:transparent var(--bs-btn-close-bg) center/1em auto no-repeat;filter:var(--bs-btn-close-filter);border:0;border-radius:.375rem;opacity:var(--bs-btn-close-opacity)}.btn-close:hover{color:var(--bs-btn-close-color);text-decoration:none;opacity:var(--bs-btn-close-hover-opacity)}.btn-close:focus{outline:0;box-shadow:var(--bs-btn-close-focus-shadow);opacity:var(--bs-btn-close-focus-opacity)}.btn-close.disabled,.btn-close:disabled{pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;opacity:var(--bs-btn-close-disabled-opacity)}.btn-close-white{--bs-btn-close-filter:invert(1) grayscale(100%) brightness(200%)}:root,[data-bs-theme=light]{--bs-btn-close-filter: }[data-bs-theme=dark]{--bs-btn-close-filter:invert(1) grayscale(100%) brightness(200%)}.toast{--bs-toast-zindex:1090;--bs-toast-padding-x:0.75rem;--bs-toast-padding-y:0.5rem;--bs-toast-spacing:1.5rem;--bs-toast-max-width:350px;--bs-toast-font-size:0.875rem;--bs-toast-color: ;--bs-toast-bg:rgba(var(--bs-body-bg-rgb), 0.85);--bs-toast-border-width:var(--bs-border-width);--bs-toast-border-color:var(--bs-border-color-translucent);--bs-toast-border-radius:var(--bs-border-radius);--bs-toast-box-shadow:var(--bs-box-shadow);--bs-toast-header-color:var(--bs-secondary-color);--bs-toast-header-bg:rgba(var(--bs-body-bg-rgb), 0.85);--bs-toast-header-border-color:var(--bs-border-color-translucent);width:var(--bs-toast-max-width);max-width:100%;font-size:var(--bs-toast-font-size);color:var(--bs-toast-color);pointer-events:auto;background-color:var(--bs-toast-bg);background-clip:padding-box;border:var(--bs-toast-border-width) solid var(--bs-toast-border-color);box-shadow:var(--bs-toast-box-shadow);border-radius:var(--bs-toast-border-radius)}.toast.showing{opacity:0}.toast:not(.show){display:none}.toast-container{--bs-toast-zindex:1090;position:absolute;z-index:var(--bs-toast-zindex);width:-webkit-max-content;width:-moz-max-content;width:max-content;max-width:100%;pointer-events:none}.toast-container>:not(:last-child){margin-bottom:var(--bs-toast-spacing)}.toast-header{display:flex;align-items:center;padding:var(--bs-toast-padding-y) var(--bs-toast-padding-x);color:var(--bs-toast-header-color);background-color:var(--bs-toast-header-bg);background-clip:padding-box;border-bottom:var(--bs-toast-border-width) solid var(--bs-toast-header-border-color);border-top-left-radius:calc(var(--bs-toast-border-radius) - var(--bs-toast-border-width));border-top-right-radius:calc(var(--bs-toast-border-radius) - var(--bs-toast-border-width))}.toast-header .btn-close{margin-right:calc(-.5 * var(--bs-toast-padding-x));margin-left:var(--bs-toast-padding-x)}.toast-body{padding:var(--bs-toast-padding-x);word-wrap:break-word}.modal{--bs-modal-zindex:1055;--bs-modal-width:500px;--bs-modal-padding:1rem;--bs-modal-margin:0.5rem;--bs-modal-color:var(--bs-body-color);--bs-modal-bg:var(--bs-body-bg);--bs-modal-border-color:var(--bs-border-color-translucent);--bs-modal-border-width:var(--bs-border-width);--bs-modal-border-radius:var(--bs-border-radius-lg);--bs-modal-box-shadow:var(--bs-box-shadow-sm);--bs-modal-inner-border-radius:calc(var(--bs-border-radius-lg) - (var(--bs-border-width)));--bs-modal-header-padding-x:1rem;--bs-modal-header-padding-y:1rem;--bs-modal-header-padding:1rem 1rem;--bs-modal-header-border-color:var(--bs-border-color);--bs-modal-header-border-width:var(--bs-border-width);--bs-modal-title-line-height:1.5;--bs-modal-footer-gap:0.5rem;--bs-modal-footer-bg: ;--bs-modal-footer-border-color:var(--bs-border-color);--bs-modal-footer-border-width:var(--bs-border-width);position:fixed;top:0;left:0;z-index:var(--bs-modal-zindex);display:none;width:100%;height:100%;overflow-x:hidden;overflow-y:auto;outline:0}.modal-dialog{position:relative;width:auto;margin:var(--bs-modal-margin);pointer-events:none}.modal.fade .modal-dialog{transform:translate(0,-50px);transition:transform .3s ease-out}@media (prefers-reduced-motion:reduce){.modal.fade .modal-dialog{transition:none}}.modal.show .modal-dialog{transform:none}.modal.modal-static .modal-dialog{transform:scale(1.02)}.modal-dialog-scrollable{height:calc(100% - var(--bs-modal-margin) * 2)}.modal-dialog-scrollable .modal-content{max-height:100%;overflow:hidden}.modal-dialog-scrollable .modal-body{overflow-y:auto}.modal-dialog-centered{display:flex;align-items:center;min-height:calc(100% - var(--bs-modal-margin) * 2)}.modal-content{position:relative;display:flex;flex-direction:column;width:100%;color:var(--bs-modal-color);pointer-events:auto;background-color:var(--bs-modal-bg);background-clip:padding-box;border:var(--bs-modal-border-width) solid var(--bs-modal-border-color);border-radius:var(--bs-modal-border-radius);outline:0}.modal-backdrop{--bs-backdrop-zindex:1050;--bs-backdrop-bg:#000;--bs-backdrop-opacity:0.5;position:fixed;top:0;left:0;z-index:var(--bs-backdrop-zindex);width:100vw;height:100vh;background-color:var(--bs-backdrop-bg)}.modal-backdrop.fade{opacity:0}.modal-backdrop.show{opacity:var(--bs-backdrop-opacity)}.modal-header{display:flex;flex-shrink:0;align-items:center;padding:var(--bs-modal-header-padding);border-bottom:var(--bs-modal-header-border-width) solid var(--bs-modal-header-border-color);border-top-left-radius:var(--bs-modal-inner-border-radius);border-top-right-radius:var(--bs-modal-inner-border-radius)}.modal-header .btn-close{padding:calc(var(--bs-modal-header-padding-y) * .5) calc(var(--bs-modal-header-padding-x) * .5);margin-top:calc(-.5 * var(--bs-modal-header-padding-y));margin-right:calc(-.5 * var(--bs-modal-header-padding-x));margin-bottom:calc(-.5 * var(--bs-modal-header-padding-y));margin-left:auto}.modal-title{margin-bottom:0;line-height:var(--bs-modal-title-line-height)}.modal-body{position:relative;flex:1 1 auto;padding:var(--bs-modal-padding)}.modal-footer{display:flex;flex-shrink:0;flex-wrap:wrap;align-items:center;justify-content:flex-end;padding:calc(var(--bs-modal-padding) - var(--bs-modal-footer-gap) * .5);background-color:var(--bs-modal-footer-bg);border-top:var(--bs-modal-footer-border-width) solid var(--bs-modal-footer-border-color);border-bottom-right-radius:var(--bs-modal-inner-border-radius);border-bottom-left-radius:var(--bs-modal-inner-border-radius)}.modal-footer>*{margin:calc(var(--bs-modal-footer-gap) * .5)}@media (min-width:576px){.modal{--bs-modal-margin:1.75rem;--bs-modal-box-shadow:var(--bs-box-shadow)}.modal-dialog{max-width:var(--bs-modal-width);margin-right:auto;margin-left:auto}.modal-sm{--bs-modal-width:300px}}@media (min-width:992px){.modal-lg,.modal-xl{--bs-modal-width:800px}}@media (min-width:1200px){.modal-xl{--bs-modal-width:1140px}}.modal-fullscreen{width:100vw;max-width:none;height:100%;margin:0}.modal-fullscreen .modal-content{height:100%;border:0;border-radius:0}.modal-fullscreen .modal-footer,.modal-fullscreen .modal-header{border-radius:0}.modal-fullscreen .modal-body{overflow-y:auto}@media (max-width:575.98px){.modal-fullscreen-sm-down{width:100vw;max-width:none;height:100%;margin:0}.modal-fullscreen-sm-down .modal-content{height:100%;border:0;border-radius:0}.modal-fullscreen-sm-down .modal-footer,.modal-fullscreen-sm-down .modal-header{border-radius:0}.modal-fullscreen-sm-down .modal-body{overflow-y:auto}}@media (max-width:767.98px){.modal-fullscreen-md-down{width:100vw;max-width:none;height:100%;margin:0}.modal-fullscreen-md-down .modal-content{height:100%;border:0;border-radius:0}.modal-fullscreen-md-down .modal-footer,.modal-fullscreen-md-down .modal-header{border-radius:0}.modal-fullscreen-md-down .modal-body{overflow-y:auto}}@media (max-width:991.98px){.modal-fullscreen-lg-down{width:100vw;max-width:none;height:100%;margin:0}.modal-fullscreen-lg-down .modal-content{height:100%;border:0;border-radius:0}.modal-fullscreen-lg-down .modal-footer,.modal-fullscreen-lg-down .modal-header{border-radius:0}.modal-fullscreen-lg-down .modal-body{overflow-y:auto}}@media (max-width:1199.98px){.modal-fullscreen-xl-down{width:100vw;max-width:none;height:100%;margin:0}.modal-fullscreen-xl-down .modal-content{height:100%;border:0;border-radius:0}.modal-fullscreen-xl-down .modal-footer,.modal-fullscreen-xl-down .modal-header{border-radius:0}.modal-fullscreen-xl-down .modal-body{overflow-y:auto}}@media (max-width:1399.98px){.modal-fullscreen-xxl-down{width:100vw;max-width:none;height:100%;margin:0}.modal-fullscreen-xxl-down .modal-content{height:100%;border:0;border-radius:0}.modal-fullscreen-xxl-down .modal-footer,.modal-fullscreen-xxl-down .modal-header{border-radius:0}.modal-fullscreen-xxl-down .modal-body{overflow-y:auto}}.tooltip{--bs-tooltip-zindex:1080;--bs-tooltip-max-width:200px;--bs-tooltip-padding-x:0.5rem;--bs-tooltip-padding-y:0.25rem;--bs-tooltip-margin: ;--bs-tooltip-font-size:0.875rem;--bs-tooltip-color:var(--bs-body-bg);--bs-tooltip-bg:var(--bs-emphasis-color);--bs-tooltip-border-radius:var(--bs-border-radius);--bs-tooltip-opacity:0.9;--bs-tooltip-arrow-width:0.8rem;--bs-tooltip-arrow-height:0.4rem;z-index:var(--bs-tooltip-zindex);display:block;margin:var(--bs-tooltip-margin);font-family:var(--bs-font-sans-serif);font-style:normal;font-weight:400;line-height:1.5;text-align:left;text-align:start;text-decoration:none;text-shadow:none;text-transform:none;letter-spacing:normal;word-break:normal;white-space:normal;word-spacing:normal;line-break:auto;font-size:var(--bs-tooltip-font-size);word-wrap:break-word;opacity:0}.tooltip.show{opacity:var(--bs-tooltip-opacity)}.tooltip .tooltip-arrow{display:block;width:var(--bs-tooltip-arrow-width);height:var(--bs-tooltip-arrow-height)}.tooltip .tooltip-arrow::before{position:absolute;content:"";border-color:transparent;border-style:solid}.bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow,.bs-tooltip-top .tooltip-arrow{bottom:calc(-1 * var(--bs-tooltip-arrow-height))}.bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow::before,.bs-tooltip-top .tooltip-arrow::before{top:-1px;border-width:var(--bs-tooltip-arrow-height) calc(var(--bs-tooltip-arrow-width) * .5) 0;border-top-color:var(--bs-tooltip-bg)}.bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow,.bs-tooltip-end .tooltip-arrow{left:calc(-1 * var(--bs-tooltip-arrow-height));width:var(--bs-tooltip-arrow-height);height:var(--bs-tooltip-arrow-width)}.bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow::before,.bs-tooltip-end .tooltip-arrow::before{right:-1px;border-width:calc(var(--bs-tooltip-arrow-width) * .5) var(--bs-tooltip-arrow-height) calc(var(--bs-tooltip-arrow-width) * .5) 0;border-right-color:var(--bs-tooltip-bg)}.bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow,.bs-tooltip-bottom .tooltip-arrow{top:calc(-1 * var(--bs-tooltip-arrow-height))}.bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow::before,.bs-tooltip-bottom .tooltip-arrow::before{bottom:-1px;border-width:0 calc(var(--bs-tooltip-arrow-width) * .5) var(--bs-tooltip-arrow-height);border-bottom-color:var(--bs-tooltip-bg)}.bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow,.bs-tooltip-start .tooltip-arrow{right:calc(-1 * var(--bs-tooltip-arrow-height));width:var(--bs-tooltip-arrow-height);height:var(--bs-tooltip-arrow-width)}.bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow::before,.bs-tooltip-start .tooltip-arrow::before{left:-1px;border-width:calc(var(--bs-tooltip-arrow-width) * .5) 0 calc(var(--bs-tooltip-arrow-width) * .5) var(--bs-tooltip-arrow-height);border-left-color:var(--bs-tooltip-bg)}.tooltip-inner{max-width:var(--bs-tooltip-max-width);padding:var(--bs-tooltip-padding-y) var(--bs-tooltip-padding-x);color:var(--bs-tooltip-color);text-align:center;background-color:var(--bs-tooltip-bg);border-radius:var(--bs-tooltip-border-radius)}.popover{--bs-popover-zindex:1070;--bs-popover-max-width:276px;--bs-popover-font-size:0.875rem;--bs-popover-bg:var(--bs-body-bg);--bs-popover-border-width:var(--bs-border-width);--bs-popover-border-color:var(--bs-border-color-translucent);--bs-popover-border-radius:var(--bs-border-radius-lg);--bs-popover-inner-border-radius:calc(var(--bs-border-radius-lg) - var(--bs-border-width));--bs-popover-box-shadow:var(--bs-box-shadow);--bs-popover-header-padding-x:1rem;--bs-popover-header-padding-y:0.5rem;--bs-popover-header-font-size:1rem;--bs-popover-header-color:inherit;--bs-popover-header-bg:var(--bs-secondary-bg);--bs-popover-body-padding-x:1rem;--bs-popover-body-padding-y:1rem;--bs-popover-body-color:var(--bs-body-color);--bs-popover-arrow-width:1rem;--bs-popover-arrow-height:0.5rem;--bs-popover-arrow-border:var(--bs-popover-border-color);z-index:var(--bs-popover-zindex);display:block;max-width:var(--bs-popover-max-width);font-family:var(--bs-font-sans-serif);font-style:normal;font-weight:400;line-height:1.5;text-align:left;text-align:start;text-decoration:none;text-shadow:none;text-transform:none;letter-spacing:normal;word-break:normal;white-space:normal;word-spacing:normal;line-break:auto;font-size:var(--bs-popover-font-size);word-wrap:break-word;background-color:var(--bs-popover-bg);background-clip:padding-box;border:var(--bs-popover-border-width) solid var(--bs-popover-border-color);border-radius:var(--bs-popover-border-radius)}.popover .popover-arrow{display:block;width:var(--bs-popover-arrow-width);height:var(--bs-popover-arrow-height)}.popover .popover-arrow::after,.popover .popover-arrow::before{position:absolute;display:block;content:"";border-color:transparent;border-style:solid;border-width:0}.bs-popover-auto[data-popper-placement^=top]>.popover-arrow,.bs-popover-top>.popover-arrow{bottom:calc(-1 * (var(--bs-popover-arrow-height)) - var(--bs-popover-border-width))}.bs-popover-auto[data-popper-placement^=top]>.popover-arrow::after,.bs-popover-auto[data-popper-placement^=top]>.popover-arrow::before,.bs-popover-top>.popover-arrow::after,.bs-popover-top>.popover-arrow::before{border-width:var(--bs-popover-arrow-height) calc(var(--bs-popover-arrow-width) * .5) 0}.bs-popover-auto[data-popper-placement^=top]>.popover-arrow::before,.bs-popover-top>.popover-arrow::before{bottom:0;border-top-color:var(--bs-popover-arrow-border)}.bs-popover-auto[data-popper-placement^=top]>.popover-arrow::after,.bs-popover-top>.popover-arrow::after{bottom:var(--bs-popover-border-width);border-top-color:var(--bs-popover-bg)}.bs-popover-auto[data-popper-placement^=right]>.popover-arrow,.bs-popover-end>.popover-arrow{left:calc(-1 * (var(--bs-popover-arrow-height)) - var(--bs-popover-border-width));width:var(--bs-popover-arrow-height);height:var(--bs-popover-arrow-width)}.bs-popover-auto[data-popper-placement^=right]>.popover-arrow::after,.bs-popover-auto[data-popper-placement^=right]>.popover-arrow::before,.bs-popover-end>.popover-arrow::after,.bs-popover-end>.popover-arrow::before{border-width:calc(var(--bs-popover-arrow-width) * .5) var(--bs-popover-arrow-height) calc(var(--bs-popover-arrow-width) * .5) 0}.bs-popover-auto[data-popper-placement^=right]>.popover-arrow::before,.bs-popover-end>.popover-arrow::before{left:0;border-right-color:var(--bs-popover-arrow-border)}.bs-popover-auto[data-popper-placement^=right]>.popover-arrow::after,.bs-popover-end>.popover-arrow::after{left:var(--bs-popover-border-width);border-right-color:var(--bs-popover-bg)}.bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow,.bs-popover-bottom>.popover-arrow{top:calc(-1 * (var(--bs-popover-arrow-height)) - var(--bs-popover-border-width))}.bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow::after,.bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow::before,.bs-popover-bottom>.popover-arrow::after,.bs-popover-bottom>.popover-arrow::before{border-width:0 calc(var(--bs-popover-arrow-width) * .5) var(--bs-popover-arrow-height)}.bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow::before,.bs-popover-bottom>.popover-arrow::before{top:0;border-bottom-color:var(--bs-popover-arrow-border)}.bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow::after,.bs-popover-bottom>.popover-arrow::after{top:var(--bs-popover-border-width);border-bottom-color:var(--bs-popover-bg)}.bs-popover-auto[data-popper-placement^=bottom] .popover-header::before,.bs-popover-bottom .popover-header::before{position:absolute;top:0;left:50%;display:block;width:var(--bs-popover-arrow-width);margin-left:calc(-.5 * var(--bs-popover-arrow-width));content:"";border-bottom:var(--bs-popover-border-width) solid var(--bs-popover-header-bg)}.bs-popover-auto[data-popper-placement^=left]>.popover-arrow,.bs-popover-start>.popover-arrow{right:calc(-1 * (var(--bs-popover-arrow-height)) - var(--bs-popover-border-width));width:var(--bs-popover-arrow-height);height:var(--bs-popover-arrow-width)}.bs-popover-auto[data-popper-placement^=left]>.popover-arrow::after,.bs-popover-auto[data-popper-placement^=left]>.popover-arrow::before,.bs-popover-start>.popover-arrow::after,.bs-popover-start>.popover-arrow::before{border-width:calc(var(--bs-popover-arrow-width) * .5) 0 calc(var(--bs-popover-arrow-width) * .5) var(--bs-popover-arrow-height)}.bs-popover-auto[data-popper-placement^=left]>.popover-arrow::before,.bs-popover-start>.popover-arrow::before{right:0;border-left-color:var(--bs-popover-arrow-border)}.bs-popover-auto[data-popper-placement^=left]>.popover-arrow::after,.bs-popover-start>.popover-arrow::after{right:var(--bs-popover-border-width);border-left-color:var(--bs-popover-bg)}.popover-header{padding:var(--bs-popover-header-padding-y) var(--bs-popover-header-padding-x);margin-bottom:0;font-size:var(--bs-popover-header-font-size);color:var(--bs-popover-header-color);background-color:var(--bs-popover-header-bg);border-bottom:var(--bs-popover-border-width) solid var(--bs-popover-border-color);border-top-left-radius:var(--bs-popover-inner-border-radius);border-top-right-radius:var(--bs-popover-inner-border-radius)}.popover-header:empty{display:none}.popover-body{padding:var(--bs-popover-body-padding-y) var(--bs-popover-body-padding-x);color:var(--bs-popover-body-color)}.carousel{position:relative}.carousel.pointer-event{touch-action:pan-y}.carousel-inner{position:relative;width:100%;overflow:hidden}.carousel-inner::after{display:block;clear:both;content:""}.carousel-item{position:relative;display:none;float:left;width:100%;margin-right:-100%;-webkit-backface-visibility:hidden;backface-visibility:hidden;transition:transform .6s ease-in-out}@media (prefers-reduced-motion:reduce){.carousel-item{transition:none}}.carousel-item-next,.carousel-item-prev,.carousel-item.active{display:block}.active.carousel-item-end,.carousel-item-next:not(.carousel-item-start){transform:translateX(100%)}.active.carousel-item-start,.carousel-item-prev:not(.carousel-item-end){transform:translateX(-100%)}.carousel-fade .carousel-item{opacity:0;transition-property:opacity;transform:none}.carousel-fade .carousel-item-next.carousel-item-start,.carousel-fade .carousel-item-prev.carousel-item-end,.carousel-fade .carousel-item.active{z-index:1;opacity:1}.carousel-fade .active.carousel-item-end,.carousel-fade .active.carousel-item-start{z-index:0;opacity:0;transition:opacity 0s .6s}@media (prefers-reduced-motion:reduce){.carousel-fade .active.carousel-item-end,.carousel-fade .active.carousel-item-start{transition:none}}.carousel-control-next,.carousel-control-prev{position:absolute;top:0;bottom:0;z-index:1;display:flex;align-items:center;justify-content:center;width:15%;padding:0;color:#fff;text-align:center;background:0 0;filter:var(--bs-carousel-control-icon-filter);border:0;opacity:.5;transition:opacity .15s ease}@media (prefers-reduced-motion:reduce){.carousel-control-next,.carousel-control-prev{transition:none}}.carousel-control-next:focus,.carousel-control-next:hover,.carousel-control-prev:focus,.carousel-control-prev:hover{color:#fff;text-decoration:none;outline:0;opacity:.9}.carousel-control-prev{left:0}.carousel-control-next{right:0}.carousel-control-next-icon,.carousel-control-prev-icon{display:inline-block;width:2rem;height:2rem;background-repeat:no-repeat;background-position:50%;background-size:100% 100%}.carousel-control-prev-icon{background-image:url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 16 16%27 fill=%27%23fff%27%3e%3cpath d=%27M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0%27/%3e%3c/svg%3e")}.carousel-control-next-icon{background-image:url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 16 16%27 fill=%27%23fff%27%3e%3cpath d=%27M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708%27/%3e%3c/svg%3e")}.carousel-indicators{position:absolute;right:0;bottom:0;left:0;z-index:2;display:flex;justify-content:center;padding:0;margin-right:15%;margin-bottom:1rem;margin-left:15%}.carousel-indicators [data-bs-target]{box-sizing:content-box;flex:0 1 auto;width:30px;height:3px;padding:0;margin-right:3px;margin-left:3px;text-indent:-999px;cursor:pointer;background-color:var(--bs-carousel-indicator-active-bg);background-clip:padding-box;border:0;border-top:10px solid transparent;border-bottom:10px solid transparent;opacity:.5;transition:opacity .6s ease}@media (prefers-reduced-motion:reduce){.carousel-indicators [data-bs-target]{transition:none}}.carousel-indicators .active{opacity:1}.carousel-caption{position:absolute;right:15%;bottom:1.25rem;left:15%;padding-top:1.25rem;padding-bottom:1.25rem;color:var(--bs-carousel-caption-color);text-align:center}.carousel-dark{--bs-carousel-indicator-active-bg:#000;--bs-carousel-caption-color:#000;--bs-carousel-control-icon-filter:invert(1) grayscale(100)}:root,[data-bs-theme=light]{--bs-carousel-indicator-active-bg:#fff;--bs-carousel-caption-color:#fff;--bs-carousel-control-icon-filter: }[data-bs-theme=dark]{--bs-carousel-indicator-active-bg:#000;--bs-carousel-caption-color:#000;--bs-carousel-control-icon-filter:invert(1) grayscale(100)}.spinner-border,.spinner-grow{display:inline-block;flex-shrink:0;width:var(--bs-spinner-width);height:var(--bs-spinner-height);vertical-align:var(--bs-spinner-vertical-align);border-radius:50%;animation:var(--bs-spinner-animation-speed) linear infinite var(--bs-spinner-animation-name)}@keyframes spinner-border{to{transform:rotate(360deg)}}.spinner-border{--bs-spinner-width:2rem;--bs-spinner-height:2rem;--bs-spinner-vertical-align:-0.125em;--bs-spinner-border-width:0.25em;--bs-spinner-animation-speed:0.75s;--bs-spinner-animation-name:spinner-border;border:var(--bs-spinner-border-width) solid currentcolor;border-right-color:transparent}.spinner-border-sm{--bs-spinner-width:1rem;--bs-spinner-height:1rem;--bs-spinner-border-width:0.2em}@keyframes spinner-grow{0%{transform:scale(0)}50%{opacity:1;transform:none}}.spinner-grow{--bs-spinner-width:2rem;--bs-spinner-height:2rem;--bs-spinner-vertical-align:-0.125em;--bs-spinner-animation-speed:0.75s;--bs-spinner-animation-name:spinner-grow;background-color:currentcolor;opacity:0}.spinner-grow-sm{--bs-spinner-width:1rem;--bs-spinner-height:1rem}@media (prefers-reduced-motion:reduce){.spinner-border,.spinner-grow{--bs-spinner-animation-speed:1.5s}}.offcanvas,.offcanvas-lg,.offcanvas-md,.offcanvas-sm,.offcanvas-xl,.offcanvas-xxl{--bs-offcanvas-zindex:1045;--bs-offcanvas-width:400px;--bs-offcanvas-height:30vh;--bs-offcanvas-padding-x:1rem;--bs-offcanvas-padding-y:1rem;--bs-offcanvas-color:var(--bs-body-color);--bs-offcanvas-bg:var(--bs-body-bg);--bs-offcanvas-border-width:var(--bs-border-width);--bs-offcanvas-border-color:var(--bs-border-color-translucent);--bs-offcanvas-box-shadow:var(--bs-box-shadow-sm);--bs-offcanvas-transition:transform 0.3s ease-in-out;--bs-offcanvas-title-line-height:1.5}@media (max-width:575.98px){.offcanvas-sm{position:fixed;bottom:0;z-index:var(--bs-offcanvas-zindex);display:flex;flex-direction:column;max-width:100%;color:var(--bs-offcanvas-color);visibility:hidden;background-color:var(--bs-offcanvas-bg);background-clip:padding-box;outline:0;transition:var(--bs-offcanvas-transition)}}@media (max-width:575.98px) and (prefers-reduced-motion:reduce){.offcanvas-sm{transition:none}}@media (max-width:575.98px){.offcanvas-sm.offcanvas-start{top:0;left:0;width:var(--bs-offcanvas-width);border-right:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateX(-100%)}.offcanvas-sm.offcanvas-end{top:0;right:0;width:var(--bs-offcanvas-width);border-left:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateX(100%)}.offcanvas-sm.offcanvas-top{top:0;right:0;left:0;height:var(--bs-offcanvas-height);max-height:100%;border-bottom:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateY(-100%)}.offcanvas-sm.offcanvas-bottom{right:0;left:0;height:var(--bs-offcanvas-height);max-height:100%;border-top:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateY(100%)}.offcanvas-sm.show:not(.hiding),.offcanvas-sm.showing{transform:none}.offcanvas-sm.hiding,.offcanvas-sm.show,.offcanvas-sm.showing{visibility:visible}}@media (min-width:576px){.offcanvas-sm{--bs-offcanvas-height:auto;--bs-offcanvas-border-width:0;background-color:transparent!important}.offcanvas-sm .offcanvas-header{display:none}.offcanvas-sm .offcanvas-body{display:flex;flex-grow:0;padding:0;overflow-y:visible;background-color:transparent!important}}@media (max-width:767.98px){.offcanvas-md{position:fixed;bottom:0;z-index:var(--bs-offcanvas-zindex);display:flex;flex-direction:column;max-width:100%;color:var(--bs-offcanvas-color);visibility:hidden;background-color:var(--bs-offcanvas-bg);background-clip:padding-box;outline:0;transition:var(--bs-offcanvas-transition)}}@media (max-width:767.98px) and (prefers-reduced-motion:reduce){.offcanvas-md{transition:none}}@media (max-width:767.98px){.offcanvas-md.offcanvas-start{top:0;left:0;width:var(--bs-offcanvas-width);border-right:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateX(-100%)}.offcanvas-md.offcanvas-end{top:0;right:0;width:var(--bs-offcanvas-width);border-left:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateX(100%)}.offcanvas-md.offcanvas-top{top:0;right:0;left:0;height:var(--bs-offcanvas-height);max-height:100%;border-bottom:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateY(-100%)}.offcanvas-md.offcanvas-bottom{right:0;left:0;height:var(--bs-offcanvas-height);max-height:100%;border-top:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateY(100%)}.offcanvas-md.show:not(.hiding),.offcanvas-md.showing{transform:none}.offcanvas-md.hiding,.offcanvas-md.show,.offcanvas-md.showing{visibility:visible}}@media (min-width:768px){.offcanvas-md{--bs-offcanvas-height:auto;--bs-offcanvas-border-width:0;background-color:transparent!important}.offcanvas-md .offcanvas-header{display:none}.offcanvas-md .offcanvas-body{display:flex;flex-grow:0;padding:0;overflow-y:visible;background-color:transparent!important}}@media (max-width:991.98px){.offcanvas-lg{position:fixed;bottom:0;z-index:var(--bs-offcanvas-zindex);display:flex;flex-direction:column;max-width:100%;color:var(--bs-offcanvas-color);visibility:hidden;background-color:var(--bs-offcanvas-bg);background-clip:padding-box;outline:0;transition:var(--bs-offcanvas-transition)}}@media (max-width:991.98px) and (prefers-reduced-motion:reduce){.offcanvas-lg{transition:none}}@media (max-width:991.98px){.offcanvas-lg.offcanvas-start{top:0;left:0;width:var(--bs-offcanvas-width);border-right:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateX(-100%)}.offcanvas-lg.offcanvas-end{top:0;right:0;width:var(--bs-offcanvas-width);border-left:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateX(100%)}.offcanvas-lg.offcanvas-top{top:0;right:0;left:0;height:var(--bs-offcanvas-height);max-height:100%;border-bottom:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateY(-100%)}.offcanvas-lg.offcanvas-bottom{right:0;left:0;height:var(--bs-offcanvas-height);max-height:100%;border-top:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateY(100%)}.offcanvas-lg.show:not(.hiding),.offcanvas-lg.showing{transform:none}.offcanvas-lg.hiding,.offcanvas-lg.show,.offcanvas-lg.showing{visibility:visible}}@media (min-width:992px){.offcanvas-lg{--bs-offcanvas-height:auto;--bs-offcanvas-border-width:0;background-color:transparent!important}.offcanvas-lg .offcanvas-header{display:none}.offcanvas-lg .offcanvas-body{display:flex;flex-grow:0;padding:0;overflow-y:visible;background-color:transparent!important}}@media (max-width:1199.98px){.offcanvas-xl{position:fixed;bottom:0;z-index:var(--bs-offcanvas-zindex);display:flex;flex-direction:column;max-width:100%;color:var(--bs-offcanvas-color);visibility:hidden;background-color:var(--bs-offcanvas-bg);background-clip:padding-box;outline:0;transition:var(--bs-offcanvas-transition)}}@media (max-width:1199.98px) and (prefers-reduced-motion:reduce){.offcanvas-xl{transition:none}}@media (max-width:1199.98px){.offcanvas-xl.offcanvas-start{top:0;left:0;width:var(--bs-offcanvas-width);border-right:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateX(-100%)}.offcanvas-xl.offcanvas-end{top:0;right:0;width:var(--bs-offcanvas-width);border-left:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateX(100%)}.offcanvas-xl.offcanvas-top{top:0;right:0;left:0;height:var(--bs-offcanvas-height);max-height:100%;border-bottom:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateY(-100%)}.offcanvas-xl.offcanvas-bottom{right:0;left:0;height:var(--bs-offcanvas-height);max-height:100%;border-top:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateY(100%)}.offcanvas-xl.show:not(.hiding),.offcanvas-xl.showing{transform:none}.offcanvas-xl.hiding,.offcanvas-xl.show,.offcanvas-xl.showing{visibility:visible}}@media (min-width:1200px){.offcanvas-xl{--bs-offcanvas-height:auto;--bs-offcanvas-border-width:0;background-color:transparent!important}.offcanvas-xl .offcanvas-header{display:none}.offcanvas-xl .offcanvas-body{display:flex;flex-grow:0;padding:0;overflow-y:visible;background-color:transparent!important}}@media (max-width:1399.98px){.offcanvas-xxl{position:fixed;bottom:0;z-index:var(--bs-offcanvas-zindex);display:flex;flex-direction:column;max-width:100%;color:var(--bs-offcanvas-color);visibility:hidden;background-color:var(--bs-offcanvas-bg);background-clip:padding-box;outline:0;transition:var(--bs-offcanvas-transition)}}@media (max-width:1399.98px) and (prefers-reduced-motion:reduce){.offcanvas-xxl{transition:none}}@media (max-width:1399.98px){.offcanvas-xxl.offcanvas-start{top:0;left:0;width:var(--bs-offcanvas-width);border-right:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateX(-100%)}.offcanvas-xxl.offcanvas-end{top:0;right:0;width:var(--bs-offcanvas-width);border-left:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateX(100%)}.offcanvas-xxl.offcanvas-top{top:0;right:0;left:0;height:var(--bs-offcanvas-height);max-height:100%;border-bottom:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateY(-100%)}.offcanvas-xxl.offcanvas-bottom{right:0;left:0;height:var(--bs-offcanvas-height);max-height:100%;border-top:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateY(100%)}.offcanvas-xxl.show:not(.hiding),.offcanvas-xxl.showing{transform:none}.offcanvas-xxl.hiding,.offcanvas-xxl.show,.offcanvas-xxl.showing{visibility:visible}}@media (min-width:1400px){.offcanvas-xxl{--bs-offcanvas-height:auto;--bs-offcanvas-border-width:0;background-color:transparent!important}.offcanvas-xxl .offcanvas-header{display:none}.offcanvas-xxl .offcanvas-body{display:flex;flex-grow:0;padding:0;overflow-y:visible;background-color:transparent!important}}.offcanvas{position:fixed;bottom:0;z-index:var(--bs-offcanvas-zindex);display:flex;flex-direction:column;max-width:100%;color:var(--bs-offcanvas-color);visibility:hidden;background-color:var(--bs-offcanvas-bg);background-clip:padding-box;outline:0;transition:var(--bs-offcanvas-transition)}@media (prefers-reduced-motion:reduce){.offcanvas{transition:none}}.offcanvas.offcanvas-start{top:0;left:0;width:var(--bs-offcanvas-width);border-right:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateX(-100%)}.offcanvas.offcanvas-end{top:0;right:0;width:var(--bs-offcanvas-width);border-left:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateX(100%)}.offcanvas.offcanvas-top{top:0;right:0;left:0;height:var(--bs-offcanvas-height);max-height:100%;border-bottom:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateY(-100%)}.offcanvas.offcanvas-bottom{right:0;left:0;height:var(--bs-offcanvas-height);max-height:100%;border-top:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateY(100%)}.offcanvas.show:not(.hiding),.offcanvas.showing{transform:none}.offcanvas.hiding,.offcanvas.show,.offcanvas.showing{visibility:visible}.offcanvas-backdrop{position:fixed;top:0;left:0;z-index:1040;width:100vw;height:100vh;background-color:#000}.offcanvas-backdrop.fade{opacity:0}.offcanvas-backdrop.show{opacity:.5}.offcanvas-header{display:flex;align-items:center;padding:var(--bs-offcanvas-padding-y) var(--bs-offcanvas-padding-x)}.offcanvas-header .btn-close{padding:calc(var(--bs-offcanvas-padding-y) * .5) calc(var(--bs-offcanvas-padding-x) * .5);margin-top:calc(-.5 * var(--bs-offcanvas-padding-y));margin-right:calc(-.5 * var(--bs-offcanvas-padding-x));margin-bottom:calc(-.5 * var(--bs-offcanvas-padding-y));margin-left:auto}.offcanvas-title{margin-bottom:0;line-height:var(--bs-offcanvas-title-line-height)}.offcanvas-body{flex-grow:1;padding:var(--bs-offcanvas-padding-y) var(--bs-offcanvas-padding-x);overflow-y:auto}.placeholder{display:inline-block;min-height:1em;vertical-align:middle;cursor:wait;background-color:currentcolor;opacity:.5}.placeholder.btn::before{display:inline-block;content:""}.placeholder-xs{min-height:.6em}.placeholder-sm{min-height:.8em}.placeholder-lg{min-height:1.2em}.placeholder-glow .placeholder{animation:placeholder-glow 2s ease-in-out infinite}@keyframes placeholder-glow{50%{opacity:.2}}.placeholder-wave{-webkit-mask-image:linear-gradient(130deg,#000 55%,rgba(0,0,0,0.8) 75%,#000 95%);mask-image:linear-gradient(130deg,#000 55%,rgba(0,0,0,0.8) 75%,#000 95%);-webkit-mask-size:200% 100%;mask-size:200% 100%;animation:placeholder-wave 2s linear infinite}@keyframes placeholder-wave{100%{-webkit-mask-position:-200% 0%;mask-position:-200% 0%}}.clearfix::after{display:block;clear:both;content:""}.text-bg-primary{color:#fff!important;background-color:RGBA(var(--bs-primary-rgb),var(--bs-bg-opacity,1))!important}.text-bg-secondary{color:#fff!important;background-color:RGBA(var(--bs-secondary-rgb),var(--bs-bg-opacity,1))!important}.text-bg-success{color:#fff!important;background-color:RGBA(var(--bs-success-rgb),var(--bs-bg-opacity,1))!important}.text-bg-info{color:#000!important;background-color:RGBA(var(--bs-info-rgb),var(--bs-bg-opacity,1))!important}.text-bg-warning{color:#000!important;background-color:RGBA(var(--bs-warning-rgb),var(--bs-bg-opacity,1))!important}.text-bg-danger{color:#fff!important;background-color:RGBA(var(--bs-danger-rgb),var(--bs-bg-opacity,1))!important}.text-bg-light{color:#000!important;background-color:RGBA(var(--bs-light-rgb),var(--bs-bg-opacity,1))!important}.text-bg-dark{color:#fff!important;background-color:RGBA(var(--bs-dark-rgb),var(--bs-bg-opacity,1))!important}.link-primary{color:RGBA(var(--bs-primary-rgb),var(--bs-link-opacity,1))!important;-webkit-text-decoration-color:RGBA(var(--bs-primary-rgb),var(--bs-link-underline-opacity,1))!important;text-decoration-color:RGBA(var(--bs-primary-rgb),var(--bs-link-underline-opacity,1))!important}.link-primary:focus,.link-primary:hover{color:RGBA(10,88,202,var(--bs-link-opacity,1))!important;-webkit-text-decoration-color:RGBA(10,88,202,var(--bs-link-underline-opacity,1))!important;text-decoration-color:RGBA(10,88,202,var(--bs-link-underline-opacity,1))!important}.link-secondary{color:RGBA(var(--bs-secondary-rgb),var(--bs-link-opacity,1))!important;-webkit-text-decoration-color:RGBA(var(--bs-secondary-rgb),var(--bs-link-underline-opacity,1))!important;text-decoration-color:RGBA(var(--bs-secondary-rgb),var(--bs-link-underline-opacity,1))!important}.link-secondary:focus,.link-secondary:hover{color:RGBA(86,94,100,var(--bs-link-opacity,1))!important;-webkit-text-decoration-color:RGBA(86,94,100,var(--bs-link-underline-opacity,1))!important;text-decoration-color:RGBA(86,94,100,var(--bs-link-underline-opacity,1))!important}.link-success{color:RGBA(var(--bs-success-rgb),var(--bs-link-opacity,1))!important;-webkit-text-decoration-color:RGBA(var(--bs-success-rgb),var(--bs-link-underline-opacity,1))!important;text-decoration-color:RGBA(var(--bs-success-rgb),var(--bs-link-underline-opacity,1))!important}.link-success:focus,.link-success:hover{color:RGBA(20,108,67,var(--bs-link-opacity,1))!important;-webkit-text-decoration-color:RGBA(20,108,67,var(--bs-link-underline-opacity,1))!important;text-decoration-color:RGBA(20,108,67,var(--bs-link-underline-opacity,1))!important}.link-info{color:RGBA(var(--bs-info-rgb),var(--bs-link-opacity,1))!important;-webkit-text-decoration-color:RGBA(var(--bs-info-rgb),var(--bs-link-underline-opacity,1))!important;text-decoration-color:RGBA(var(--bs-info-rgb),var(--bs-link-underline-opacity,1))!important}.link-info:focus,.link-info:hover{color:RGBA(61,213,243,var(--bs-link-opacity,1))!important;-webkit-text-decoration-color:RGBA(61,213,243,var(--bs-link-underline-opacity,1))!important;text-decoration-color:RGBA(61,213,243,var(--bs-link-underline-opacity,1))!important}.link-warning{color:RGBA(var(--bs-warning-rgb),var(--bs-link-opacity,1))!important;-webkit-text-decoration-color:RGBA(var(--bs-warning-rgb),var(--bs-link-underline-opacity,1))!important;text-decoration-color:RGBA(var(--bs-warning-rgb),var(--bs-link-underline-opacity,1))!important}.link-warning:focus,.link-warning:hover{color:RGBA(255,205,57,var(--bs-link-opacity,1))!important;-webkit-text-decoration-color:RGBA(255,205,57,var(--bs-link-underline-opacity,1))!important;text-decoration-color:RGBA(255,205,57,var(--bs-link-underline-opacity,1))!important}.link-danger{color:RGBA(var(--bs-danger-rgb),var(--bs-link-opacity,1))!important;-webkit-text-decoration-color:RGBA(var(--bs-danger-rgb),var(--bs-link-underline-opacity,1))!important;text-decoration-color:RGBA(var(--bs-danger-rgb),var(--bs-link-underline-opacity,1))!important}.link-danger:focus,.link-danger:hover{color:RGBA(176,42,55,var(--bs-link-opacity,1))!important;-webkit-text-decoration-color:RGBA(176,42,55,var(--bs-link-underline-opacity,1))!important;text-decoration-color:RGBA(176,42,55,var(--bs-link-underline-opacity,1))!important}.link-light{color:RGBA(var(--bs-light-rgb),var(--bs-link-opacity,1))!important;-webkit-text-decoration-color:RGBA(var(--bs-light-rgb),var(--bs-link-underline-opacity,1))!important;text-decoration-color:RGBA(var(--bs-light-rgb),var(--bs-link-underline-opacity,1))!important}.link-light:focus,.link-light:hover{color:RGBA(249,250,251,var(--bs-link-opacity,1))!important;-webkit-text-decoration-color:RGBA(249,250,251,var(--bs-link-underline-opacity,1))!important;text-decoration-color:RGBA(249,250,251,var(--bs-link-underline-opacity,1))!important}.link-dark{color:RGBA(var(--bs-dark-rgb),var(--bs-link-opacity,1))!important;-webkit-text-decoration-color:RGBA(var(--bs-dark-rgb),var(--bs-link-underline-opacity,1))!important;text-decoration-color:RGBA(var(--bs-dark-rgb),var(--bs-link-underline-opacity,1))!important}.link-dark:focus,.link-dark:hover{color:RGBA(26,30,33,var(--bs-link-opacity,1))!important;-webkit-text-decoration-color:RGBA(26,30,33,var(--bs-link-underline-opacity,1))!important;text-decoration-color:RGBA(26,30,33,var(--bs-link-underline-opacity,1))!important}.link-body-emphasis{color:RGBA(var(--bs-emphasis-color-rgb),var(--bs-link-opacity,1))!important;-webkit-text-decoration-color:RGBA(var(--bs-emphasis-color-rgb),var(--bs-link-underline-opacity,1))!important;text-decoration-color:RGBA(var(--bs-emphasis-color-rgb),var(--bs-link-underline-opacity,1))!important}.link-body-emphasis:focus,.link-body-emphasis:hover{color:RGBA(var(--bs-emphasis-color-rgb),var(--bs-link-opacity,.75))!important;-webkit-text-decoration-color:RGBA(var(--bs-emphasis-color-rgb),var(--bs-link-underline-opacity,0.75))!important;text-decoration-color:RGBA(var(--bs-emphasis-color-rgb),var(--bs-link-underline-opacity,0.75))!important}.focus-ring:focus{outline:0;box-shadow:var(--bs-focus-ring-x,0) var(--bs-focus-ring-y,0) var(--bs-focus-ring-blur,0) var(--bs-focus-ring-width) var(--bs-focus-ring-color)}.icon-link{display:inline-flex;gap:.375rem;align-items:center;-webkit-text-decoration-color:rgba(var(--bs-link-color-rgb),var(--bs-link-opacity,0.5));text-decoration-color:rgba(var(--bs-link-color-rgb),var(--bs-link-opacity,0.5));text-underline-offset:0.25em;-webkit-backface-visibility:hidden;backface-visibility:hidden}.icon-link>.bi{flex-shrink:0;width:1em;height:1em;fill:currentcolor;transition:.2s ease-in-out transform}@media (prefers-reduced-motion:reduce){.icon-link>.bi{transition:none}}.icon-link-hover:focus-visible>.bi,.icon-link-hover:hover>.bi{transform:var(--bs-icon-link-transform,translate3d(.25em,0,0))}.ratio{position:relative;width:100%}.ratio::before{display:block;padding-top:var(--bs-aspect-ratio);content:""}.ratio>*{position:absolute;top:0;left:0;width:100%;height:100%}.ratio-1x1{--bs-aspect-ratio:100%}.ratio-4x3{--bs-aspect-ratio:75%}.ratio-16x9{--bs-aspect-ratio:56.25%}.ratio-21x9{--bs-aspect-ratio:42.8571428571%}.fixed-top{position:fixed;top:0;right:0;left:0;z-index:1030}.fixed-bottom{position:fixed;right:0;bottom:0;left:0;z-index:1030}.sticky-top{position:-webkit-sticky;position:sticky;top:0;z-index:1020}.sticky-bottom{position:-webkit-sticky;position:sticky;bottom:0;z-index:1020}@media (min-width:576px){.sticky-sm-top{position:-webkit-sticky;position:sticky;top:0;z-index:1020}.sticky-sm-bottom{position:-webkit-sticky;position:sticky;bottom:0;z-index:1020}}@media (min-width:768px){.sticky-md-top{position:-webkit-sticky;position:sticky;top:0;z-index:1020}.sticky-md-bottom{position:-webkit-sticky;position:sticky;bottom:0;z-index:1020}}@media (min-width:992px){.sticky-lg-top{position:-webkit-sticky;position:sticky;top:0;z-index:1020}.sticky-lg-bottom{position:-webkit-sticky;position:sticky;bottom:0;z-index:1020}}@media (min-width:1200px){.sticky-xl-top{position:-webkit-sticky;position:sticky;top:0;z-index:1020}.sticky-xl-bottom{position:-webkit-sticky;position:sticky;bottom:0;z-index:1020}}@media (min-width:1400px){.sticky-xxl-top{position:-webkit-sticky;position:sticky;top:0;z-index:1020}.sticky-xxl-bottom{position:-webkit-sticky;position:sticky;bottom:0;z-index:1020}}.hstack{display:flex;flex-direction:row;align-items:center;align-self:stretch}.vstack{display:flex;flex:1 1 auto;flex-direction:column;align-self:stretch}.visually-hidden,.visually-hidden-focusable:not(:focus):not(:focus-within){width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.visually-hidden-focusable:not(:focus):not(:focus-within):not(caption),.visually-hidden:not(caption){position:absolute!important}.visually-hidden *,.visually-hidden-focusable:not(:focus):not(:focus-within) *{overflow:hidden!important}.stretched-link::after{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;content:""}.text-truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vr{display:inline-block;align-self:stretch;width:var(--bs-border-width);min-height:1em;background-color:currentcolor;opacity:.25}.align-baseline{vertical-align:baseline!important}.align-top{vertical-align:top!important}.align-middle{vertical-align:middle!important}.align-bottom{vertical-align:bottom!important}.align-text-bottom{vertical-align:text-bottom!important}.align-text-top{vertical-align:text-top!important}.float-start{float:left!important}.float-end{float:right!important}.float-none{float:none!important}.object-fit-contain{-o-object-fit:contain!important;object-fit:contain!important}.object-fit-cover{-o-object-fit:cover!important;object-fit:cover!important}.object-fit-fill{-o-object-fit:fill!important;object-fit:fill!important}.object-fit-scale{-o-object-fit:scale-down!important;object-fit:scale-down!important}.object-fit-none{-o-object-fit:none!important;object-fit:none!important}.opacity-0{opacity:0!important}.opacity-25{opacity:.25!important}.opacity-50{opacity:.5!important}.opacity-75{opacity:.75!important}.opacity-100{opacity:1!important}.overflow-auto{overflow:auto!important}.overflow-hidden{overflow:hidden!important}.overflow-visible{overflow:visible!important}.overflow-scroll{overflow:scroll!important}.overflow-x-auto{overflow-x:auto!important}.overflow-x-hidden{overflow-x:hidden!important}.overflow-x-visible{overflow-x:visible!important}.overflow-x-scroll{overflow-x:scroll!important}.overflow-y-auto{overflow-y:auto!important}.overflow-y-hidden{overflow-y:hidden!important}.overflow-y-visible{overflow-y:visible!important}.overflow-y-scroll{overflow-y:scroll!important}.d-inline{display:inline!important}.d-inline-block{display:inline-block!important}.d-block{display:block!important}.d-grid{display:grid!important}.d-inline-grid{display:inline-grid!important}.d-table{display:table!important}.d-table-row{display:table-row!important}.d-table-cell{display:table-cell!important}.d-flex{display:flex!important}.d-inline-flex{display:inline-flex!important}.d-none{display:none!important}.shadow{box-shadow:var(--bs-box-shadow)!important}.shadow-sm{box-shadow:var(--bs-box-shadow-sm)!important}.shadow-lg{box-shadow:var(--bs-box-shadow-lg)!important}.shadow-none{box-shadow:none!important}.focus-ring-primary{--bs-focus-ring-color:rgba(var(--bs-primary-rgb), var(--bs-focus-ring-opacity))}.focus-ring-secondary{--bs-focus-ring-color:rgba(var(--bs-secondary-rgb), var(--bs-focus-ring-opacity))}.focus-ring-success{--bs-focus-ring-color:rgba(var(--bs-success-rgb), var(--bs-focus-ring-opacity))}.focus-ring-info{--bs-focus-ring-color:rgba(var(--bs-info-rgb), var(--bs-focus-ring-opacity))}.focus-ring-warning{--bs-focus-ring-color:rgba(var(--bs-warning-rgb), var(--bs-focus-ring-opacity))}.focus-ring-danger{--bs-focus-ring-color:rgba(var(--bs-danger-rgb), var(--bs-focus-ring-opacity))}.focus-ring-light{--bs-focus-ring-color:rgba(var(--bs-light-rgb), var(--bs-focus-ring-opacity))}.focus-ring-dark{--bs-focus-ring-color:rgba(var(--bs-dark-rgb), var(--bs-focus-ring-opacity))}.position-static{position:static!important}.position-relative{position:relative!important}.position-absolute{position:absolute!important}.position-fixed{position:fixed!important}.position-sticky{position:-webkit-sticky!important;position:sticky!important}.top-0{top:0!important}.top-50{top:50%!important}.top-100{top:100%!important}.bottom-0{bottom:0!important}.bottom-50{bottom:50%!important}.bottom-100{bottom:100%!important}.start-0{left:0!important}.start-50{left:50%!important}.start-100{left:100%!important}.end-0{right:0!important}.end-50{right:50%!important}.end-100{right:100%!important}.translate-middle{transform:translate(-50%,-50%)!important}.translate-middle-x{transform:translateX(-50%)!important}.translate-middle-y{transform:translateY(-50%)!important}.border{border:var(--bs-border-width) var(--bs-border-style) var(--bs-border-color)!important}.border-0{border:0!important}.border-top{border-top:var(--bs-border-width) var(--bs-border-style) var(--bs-border-color)!important}.border-top-0{border-top:0!important}.border-end{border-right:var(--bs-border-width) var(--bs-border-style) var(--bs-border-color)!important}.border-end-0{border-right:0!important}.border-bottom{border-bottom:var(--bs-border-width) var(--bs-border-style) var(--bs-border-color)!important}.border-bottom-0{border-bottom:0!important}.border-start{border-left:var(--bs-border-width) var(--bs-border-style) var(--bs-border-color)!important}.border-start-0{border-left:0!important}.border-primary{--bs-border-opacity:1;border-color:rgba(var(--bs-primary-rgb),var(--bs-border-opacity))!important}.border-secondary{--bs-border-opacity:1;border-color:rgba(var(--bs-secondary-rgb),var(--bs-border-opacity))!important}.border-success{--bs-border-opacity:1;border-color:rgba(var(--bs-success-rgb),var(--bs-border-opacity))!important}.border-info{--bs-border-opacity:1;border-color:rgba(var(--bs-info-rgb),var(--bs-border-opacity))!important}.border-warning{--bs-border-opacity:1;border-color:rgba(var(--bs-warning-rgb),var(--bs-border-opacity))!important}.border-danger{--bs-border-opacity:1;border-color:rgba(var(--bs-danger-rgb),var(--bs-border-opacity))!important}.border-light{--bs-border-opacity:1;border-color:rgba(var(--bs-light-rgb),var(--bs-border-opacity))!important}.border-dark{--bs-border-opacity:1;border-color:rgba(var(--bs-dark-rgb),var(--bs-border-opacity))!important}.border-black{--bs-border-opacity:1;border-color:rgba(var(--bs-black-rgb),var(--bs-border-opacity))!important}.border-white{--bs-border-opacity:1;border-color:rgba(var(--bs-white-rgb),var(--bs-border-opacity))!important}.border-primary-subtle{border-color:var(--bs-primary-border-subtle)!important}.border-secondary-subtle{border-color:var(--bs-secondary-border-subtle)!important}.border-success-subtle{border-color:var(--bs-success-border-subtle)!important}.border-info-subtle{border-color:var(--bs-info-border-subtle)!important}.border-warning-subtle{border-color:var(--bs-warning-border-subtle)!important}.border-danger-subtle{border-color:var(--bs-danger-border-subtle)!important}.border-light-subtle{border-color:var(--bs-light-border-subtle)!important}.border-dark-subtle{border-color:var(--bs-dark-border-subtle)!important}.border-1{border-width:1px!important}.border-2{border-width:2px!important}.border-3{border-width:3px!important}.border-4{border-width:4px!important}.border-5{border-width:5px!important}.border-opacity-10{--bs-border-opacity:0.1}.border-opacity-25{--bs-border-opacity:0.25}.border-opacity-50{--bs-border-opacity:0.5}.border-opacity-75{--bs-border-opacity:0.75}.border-opacity-100{--bs-border-opacity:1}.w-25{width:25%!important}.w-50{width:50%!important}.w-75{width:75%!important}.w-100{width:100%!important}.w-auto{width:auto!important}.mw-100{max-width:100%!important}.vw-100{width:100vw!important}.min-vw-100{min-width:100vw!important}.h-25{height:25%!important}.h-50{height:50%!important}.h-75{height:75%!important}.h-100{height:100%!important}.h-auto{height:auto!important}.mh-100{max-height:100%!important}.vh-100{height:100vh!important}.min-vh-100{min-height:100vh!important}.flex-fill{flex:1 1 auto!important}.flex-row{flex-direction:row!important}.flex-column{flex-direction:column!important}.flex-row-reverse{flex-direction:row-reverse!important}.flex-column-reverse{flex-direction:column-reverse!important}.flex-grow-0{flex-grow:0!important}.flex-grow-1{flex-grow:1!important}.flex-shrink-0{flex-shrink:0!important}.flex-shrink-1{flex-shrink:1!important}.flex-wrap{flex-wrap:wrap!important}.flex-nowrap{flex-wrap:nowrap!important}.flex-wrap-reverse{flex-wrap:wrap-reverse!important}.justify-content-start{justify-content:flex-start!important}.justify-content-end{justify-content:flex-end!important}.justify-content-center{justify-content:center!important}.justify-content-between{justify-content:space-between!important}.justify-content-around{justify-content:space-around!important}.justify-content-evenly{justify-content:space-evenly!important}.align-items-start{align-items:flex-start!important}.align-items-end{align-items:flex-end!important}.align-items-center{align-items:center!important}.align-items-baseline{align-items:baseline!important}.align-items-stretch{align-items:stretch!important}.align-content-start{align-content:flex-start!important}.align-content-end{align-content:flex-end!important}.align-content-center{align-content:center!important}.align-content-between{align-content:space-between!important}.align-content-around{align-content:space-around!important}.align-content-stretch{align-content:stretch!important}.align-self-auto{align-self:auto!important}.align-self-start{align-self:flex-start!important}.align-self-end{align-self:flex-end!important}.align-self-center{align-self:center!important}.align-self-baseline{align-self:baseline!important}.align-self-stretch{align-self:stretch!important}.order-first{order:-1!important}.order-0{order:0!important}.order-1{order:1!important}.order-2{order:2!important}.order-3{order:3!important}.order-4{order:4!important}.order-5{order:5!important}.order-last{order:6!important}.m-0{margin:0!important}.m-1{margin:.25rem!important}.m-2{margin:.5rem!important}.m-3{margin:1rem!important}.m-4{margin:1.5rem!important}.m-5{margin:3rem!important}.m-auto{margin:auto!important}.mx-0{margin-right:0!important;margin-left:0!important}.mx-1{margin-right:.25rem!important;margin-left:.25rem!important}.mx-2{margin-right:.5rem!important;margin-left:.5rem!important}.mx-3{margin-right:1rem!important;margin-left:1rem!important}.mx-4{margin-right:1.5rem!important;margin-left:1.5rem!important}.mx-5{margin-right:3rem!important;margin-left:3rem!important}.mx-auto{margin-right:auto!important;margin-left:auto!important}.my-0{margin-top:0!important;margin-bottom:0!important}.my-1{margin-top:.25rem!important;margin-bottom:.25rem!important}.my-2{margin-top:.5rem!important;margin-bottom:.5rem!important}.my-3{margin-top:1rem!important;margin-bottom:1rem!important}.my-4{margin-top:1.5rem!important;margin-bottom:1.5rem!important}.my-5{margin-top:3rem!important;margin-bottom:3rem!important}.my-auto{margin-top:auto!important;margin-bottom:auto!important}.mt-0{margin-top:0!important}.mt-1{margin-top:.25rem!important}.mt-2{margin-top:.5rem!important}.mt-3{margin-top:1rem!important}.mt-4{margin-top:1.5rem!important}.mt-5{margin-top:3rem!important}.mt-auto{margin-top:auto!important}.me-0{margin-right:0!important}.me-1{margin-right:.25rem!important}.me-2{margin-right:.5rem!important}.me-3{margin-right:1rem!important}.me-4{margin-right:1.5rem!important}.me-5{margin-right:3rem!important}.me-auto{margin-right:auto!important}.mb-0{margin-bottom:0!important}.mb-1{margin-bottom:.25rem!important}.mb-2{margin-bottom:.5rem!important}.mb-3{margin-bottom:1rem!important}.mb-4{margin-bottom:1.5rem!important}.mb-5{margin-bottom:3rem!important}.mb-auto{margin-bottom:auto!important}.ms-0{margin-left:0!important}.ms-1{margin-left:.25rem!important}.ms-2{margin-left:.5rem!important}.ms-3{margin-left:1rem!important}.ms-4{margin-left:1.5rem!important}.ms-5{margin-left:3rem!important}.ms-auto{margin-left:auto!important}.p-0{padding:0!important}.p-1{padding:.25rem!important}.p-2{padding:.5rem!important}.p-3{padding:1rem!important}.p-4{padding:1.5rem!important}.p-5{padding:3rem!important}.px-0{padding-right:0!important;padding-left:0!important}.px-1{padding-right:.25rem!important;padding-left:.25rem!important}.px-2{padding-right:.5rem!important;padding-left:.5rem!important}.px-3{padding-right:1rem!important;padding-left:1rem!important}.px-4{padding-right:1.5rem!important;padding-left:1.5rem!important}.px-5{padding-right:3rem!important;padding-left:3rem!important}.py-0{padding-top:0!important;padding-bottom:0!important}.py-1{padding-top:.25rem!important;padding-bottom:.25rem!important}.py-2{padding-top:.5rem!important;padding-bottom:.5rem!important}.py-3{padding-top:1rem!important;padding-bottom:1rem!important}.py-4{padding-top:1.5rem!important;padding-bottom:1.5rem!important}.py-5{padding-top:3rem!important;padding-bottom:3rem!important}.pt-0{padding-top:0!important}.pt-1{padding-top:.25rem!important}.pt-2{padding-top:.5rem!important}.pt-3{padding-top:1rem!important}.pt-4{padding-top:1.5rem!important}.pt-5{padding-top:3rem!important}.pe-0{padding-right:0!important}.pe-1{padding-right:.25rem!important}.pe-2{padding-right:.5rem!important}.pe-3{padding-right:1rem!important}.pe-4{padding-right:1.5rem!important}.pe-5{padding-right:3rem!important}.pb-0{padding-bottom:0!important}.pb-1{padding-bottom:.25rem!important}.pb-2{padding-bottom:.5rem!important}.pb-3{padding-bottom:1rem!important}.pb-4{padding-bottom:1.5rem!important}.pb-5{padding-bottom:3rem!important}.ps-0{padding-left:0!important}.ps-1{padding-left:.25rem!important}.ps-2{padding-left:.5rem!important}.ps-3{padding-left:1rem!important}.ps-4{padding-left:1.5rem!important}.ps-5{padding-left:3rem!important}.gap-0{gap:0!important}.gap-1{gap:.25rem!important}.gap-2{gap:.5rem!important}.gap-3{gap:1rem!important}.gap-4{gap:1.5rem!important}.gap-5{gap:3rem!important}.row-gap-0{row-gap:0!important}.row-gap-1{row-gap:.25rem!important}.row-gap-2{row-gap:.5rem!important}.row-gap-3{row-gap:1rem!important}.row-gap-4{row-gap:1.5rem!important}.row-gap-5{row-gap:3rem!important}.column-gap-0{-moz-column-gap:0!important;column-gap:0!important}.column-gap-1{-moz-column-gap:0.25rem!important;column-gap:.25rem!important}.column-gap-2{-moz-column-gap:0.5rem!important;column-gap:.5rem!important}.column-gap-3{-moz-column-gap:1rem!important;column-gap:1rem!important}.column-gap-4{-moz-column-gap:1.5rem!important;column-gap:1.5rem!important}.column-gap-5{-moz-column-gap:3rem!important;column-gap:3rem!important}.font-monospace{font-family:var(--bs-font-monospace)!important}.fs-1{font-size:calc(1.375rem + 1.5vw)!important}.fs-2{font-size:calc(1.325rem + .9vw)!important}.fs-3{font-size:calc(1.3rem + .6vw)!important}.fs-4{font-size:calc(1.275rem + .3vw)!important}.fs-5{font-size:1.25rem!important}.fs-6{font-size:1rem!important}.fst-italic{font-style:italic!important}.fst-normal{font-style:normal!important}.fw-lighter{font-weight:lighter!important}.fw-light{font-weight:300!important}.fw-normal{font-weight:400!important}.fw-medium{font-weight:500!important}.fw-semibold{font-weight:600!important}.fw-bold{font-weight:700!important}.fw-bolder{font-weight:bolder!important}.lh-1{line-height:1!important}.lh-sm{line-height:1.25!important}.lh-base{line-height:1.5!important}.lh-lg{line-height:2!important}.text-start{text-align:left!important}.text-end{text-align:right!important}.text-center{text-align:center!important}.text-decoration-none{text-decoration:none!important}.text-decoration-underline{text-decoration:underline!important}.text-decoration-line-through{text-decoration:line-through!important}.text-lowercase{text-transform:lowercase!important}.text-uppercase{text-transform:uppercase!important}.text-capitalize{text-transform:capitalize!important}.text-wrap{white-space:normal!important}.text-nowrap{white-space:nowrap!important}.text-break{word-wrap:break-word!important;word-break:break-word!important}.text-primary{--bs-text-opacity:1;color:rgba(var(--bs-primary-rgb),var(--bs-text-opacity))!important}.text-secondary{--bs-text-opacity:1;color:rgba(var(--bs-secondary-rgb),var(--bs-text-opacity))!important}.text-success{--bs-text-opacity:1;color:rgba(var(--bs-success-rgb),var(--bs-text-opacity))!important}.text-info{--bs-text-opacity:1;color:rgba(var(--bs-info-rgb),var(--bs-text-opacity))!important}.text-warning{--bs-text-opacity:1;color:rgba(var(--bs-warning-rgb),var(--bs-text-opacity))!important}.text-danger{--bs-text-opacity:1;color:rgba(var(--bs-danger-rgb),var(--bs-text-opacity))!important}.text-light{--bs-text-opacity:1;color:rgba(var(--bs-light-rgb),var(--bs-text-opacity))!important}.text-dark{--bs-text-opacity:1;color:rgba(var(--bs-dark-rgb),var(--bs-text-opacity))!important}.text-black{--bs-text-opacity:1;color:rgba(var(--bs-black-rgb),var(--bs-text-opacity))!important}.text-white{--bs-text-opacity:1;color:rgba(var(--bs-white-rgb),var(--bs-text-opacity))!important}.text-body{--bs-text-opacity:1;color:rgba(var(--bs-body-color-rgb),var(--bs-text-opacity))!important}.text-muted{--bs-text-opacity:1;color:var(--bs-secondary-color)!important}.text-black-50{--bs-text-opacity:1;color:rgba(0,0,0,.5)!important}.text-white-50{--bs-text-opacity:1;color:rgba(255,255,255,.5)!important}.text-body-secondary{--bs-text-opacity:1;color:var(--bs-secondary-color)!important}.text-body-tertiary{--bs-text-opacity:1;color:var(--bs-tertiary-color)!important}.text-body-emphasis{--bs-text-opacity:1;color:var(--bs-emphasis-color)!important}.text-reset{--bs-text-opacity:1;color:inherit!important}.text-opacity-25{--bs-text-opacity:0.25}.text-opacity-50{--bs-text-opacity:0.5}.text-opacity-75{--bs-text-opacity:0.75}.text-opacity-100{--bs-text-opacity:1}.text-primary-emphasis{color:var(--bs-primary-text-emphasis)!important}.text-secondary-emphasis{color:var(--bs-secondary-text-emphasis)!important}.text-success-emphasis{color:var(--bs-success-text-emphasis)!important}.text-info-emphasis{color:var(--bs-info-text-emphasis)!important}.text-warning-emphasis{color:var(--bs-warning-text-emphasis)!important}.text-danger-emphasis{color:var(--bs-danger-text-emphasis)!important}.text-light-emphasis{color:var(--bs-light-text-emphasis)!important}.text-dark-emphasis{color:var(--bs-dark-text-emphasis)!important}.link-opacity-10{--bs-link-opacity:0.1}.link-opacity-10-hover:hover{--bs-link-opacity:0.1}.link-opacity-25{--bs-link-opacity:0.25}.link-opacity-25-hover:hover{--bs-link-opacity:0.25}.link-opacity-50{--bs-link-opacity:0.5}.link-opacity-50-hover:hover{--bs-link-opacity:0.5}.link-opacity-75{--bs-link-opacity:0.75}.link-opacity-75-hover:hover{--bs-link-opacity:0.75}.link-opacity-100{--bs-link-opacity:1}.link-opacity-100-hover:hover{--bs-link-opacity:1}.link-offset-1{text-underline-offset:0.125em!important}.link-offset-1-hover:hover{text-underline-offset:0.125em!important}.link-offset-2{text-underline-offset:0.25em!important}.link-offset-2-hover:hover{text-underline-offset:0.25em!important}.link-offset-3{text-underline-offset:0.375em!important}.link-offset-3-hover:hover{text-underline-offset:0.375em!important}.link-underline-primary{--bs-link-underline-opacity:1;-webkit-text-decoration-color:rgba(var(--bs-primary-rgb),var(--bs-link-underline-opacity))!important;text-decoration-color:rgba(var(--bs-primary-rgb),var(--bs-link-underline-opacity))!important}.link-underline-secondary{--bs-link-underline-opacity:1;-webkit-text-decoration-color:rgba(var(--bs-secondary-rgb),var(--bs-link-underline-opacity))!important;text-decoration-color:rgba(var(--bs-secondary-rgb),var(--bs-link-underline-opacity))!important}.link-underline-success{--bs-link-underline-opacity:1;-webkit-text-decoration-color:rgba(var(--bs-success-rgb),var(--bs-link-underline-opacity))!important;text-decoration-color:rgba(var(--bs-success-rgb),var(--bs-link-underline-opacity))!important}.link-underline-info{--bs-link-underline-opacity:1;-webkit-text-decoration-color:rgba(var(--bs-info-rgb),var(--bs-link-underline-opacity))!important;text-decoration-color:rgba(var(--bs-info-rgb),var(--bs-link-underline-opacity))!important}.link-underline-warning{--bs-link-underline-opacity:1;-webkit-text-decoration-color:rgba(var(--bs-warning-rgb),var(--bs-link-underline-opacity))!important;text-decoration-color:rgba(var(--bs-warning-rgb),var(--bs-link-underline-opacity))!important}.link-underline-danger{--bs-link-underline-opacity:1;-webkit-text-decoration-color:rgba(var(--bs-danger-rgb),var(--bs-link-underline-opacity))!important;text-decoration-color:rgba(var(--bs-danger-rgb),var(--bs-link-underline-opacity))!important}.link-underline-light{--bs-link-underline-opacity:1;-webkit-text-decoration-color:rgba(var(--bs-light-rgb),var(--bs-link-underline-opacity))!important;text-decoration-color:rgba(var(--bs-light-rgb),var(--bs-link-underline-opacity))!important}.link-underline-dark{--bs-link-underline-opacity:1;-webkit-text-decoration-color:rgba(var(--bs-dark-rgb),var(--bs-link-underline-opacity))!important;text-decoration-color:rgba(var(--bs-dark-rgb),var(--bs-link-underline-opacity))!important}.link-underline{--bs-link-underline-opacity:1;-webkit-text-decoration-color:rgba(var(--bs-link-color-rgb),var(--bs-link-underline-opacity,1))!important;text-decoration-color:rgba(var(--bs-link-color-rgb),var(--bs-link-underline-opacity,1))!important}.link-underline-opacity-0{--bs-link-underline-opacity:0}.link-underline-opacity-0-hover:hover{--bs-link-underline-opacity:0}.link-underline-opacity-10{--bs-link-underline-opacity:0.1}.link-underline-opacity-10-hover:hover{--bs-link-underline-opacity:0.1}.link-underline-opacity-25{--bs-link-underline-opacity:0.25}.link-underline-opacity-25-hover:hover{--bs-link-underline-opacity:0.25}.link-underline-opacity-50{--bs-link-underline-opacity:0.5}.link-underline-opacity-50-hover:hover{--bs-link-underline-opacity:0.5}.link-underline-opacity-75{--bs-link-underline-opacity:0.75}.link-underline-opacity-75-hover:hover{--bs-link-underline-opacity:0.75}.link-underline-opacity-100{--bs-link-underline-opacity:1}.link-underline-opacity-100-hover:hover{--bs-link-underline-opacity:1}.bg-primary{--bs-bg-opacity:1;background-color:rgba(var(--bs-primary-rgb),var(--bs-bg-opacity))!important}.bg-secondary{--bs-bg-opacity:1;background-color:rgba(var(--bs-secondary-rgb),var(--bs-bg-opacity))!important}.bg-success{--bs-bg-opacity:1;background-color:rgba(var(--bs-success-rgb),var(--bs-bg-opacity))!important}.bg-info{--bs-bg-opacity:1;background-color:rgba(var(--bs-info-rgb),var(--bs-bg-opacity))!important}.bg-warning{--bs-bg-opacity:1;background-color:rgba(var(--bs-warning-rgb),var(--bs-bg-opacity))!important}.bg-danger{--bs-bg-opacity:1;background-color:rgba(var(--bs-danger-rgb),var(--bs-bg-opacity))!important}.bg-light{--bs-bg-opacity:1;background-color:rgba(var(--bs-light-rgb),var(--bs-bg-opacity))!important}.bg-dark{--bs-bg-opacity:1;background-color:rgba(var(--bs-dark-rgb),var(--bs-bg-opacity))!important}.bg-black{--bs-bg-opacity:1;background-color:rgba(var(--bs-black-rgb),var(--bs-bg-opacity))!important}.bg-white{--bs-bg-opacity:1;background-color:rgba(var(--bs-white-rgb),var(--bs-bg-opacity))!important}.bg-body{--bs-bg-opacity:1;background-color:rgba(var(--bs-body-bg-rgb),var(--bs-bg-opacity))!important}.bg-transparent{--bs-bg-opacity:1;background-color:transparent!important}.bg-body-secondary{--bs-bg-opacity:1;background-color:rgba(var(--bs-secondary-bg-rgb),var(--bs-bg-opacity))!important}.bg-body-tertiary{--bs-bg-opacity:1;background-color:rgba(var(--bs-tertiary-bg-rgb),var(--bs-bg-opacity))!important}.bg-opacity-10{--bs-bg-opacity:0.1}.bg-opacity-25{--bs-bg-opacity:0.25}.bg-opacity-50{--bs-bg-opacity:0.5}.bg-opacity-75{--bs-bg-opacity:0.75}.bg-opacity-100{--bs-bg-opacity:1}.bg-primary-subtle{background-color:var(--bs-primary-bg-subtle)!important}.bg-secondary-subtle{background-color:var(--bs-secondary-bg-subtle)!important}.bg-success-subtle{background-color:var(--bs-success-bg-subtle)!important}.bg-info-subtle{background-color:var(--bs-info-bg-subtle)!important}.bg-warning-subtle{background-color:var(--bs-warning-bg-subtle)!important}.bg-danger-subtle{background-color:var(--bs-danger-bg-subtle)!important}.bg-light-subtle{background-color:var(--bs-light-bg-subtle)!important}.bg-dark-subtle{background-color:var(--bs-dark-bg-subtle)!important}.bg-gradient{background-image:var(--bs-gradient)!important}.user-select-all{-webkit-user-select:all!important;-moz-user-select:all!important;user-select:all!important}.user-select-auto{-webkit-user-select:auto!important;-moz-user-select:auto!important;user-select:auto!important}.user-select-none{-webkit-user-select:none!important;-moz-user-select:none!important;user-select:none!important}.pe-none{pointer-events:none!important}.pe-auto{pointer-events:auto!important}.rounded{border-radius:var(--bs-border-radius)!important}.rounded-0{border-radius:0!important}.rounded-1{border-radius:var(--bs-border-radius-sm)!important}.rounded-2{border-radius:var(--bs-border-radius)!important}.rounded-3{border-radius:var(--bs-border-radius-lg)!important}.rounded-4{border-radius:var(--bs-border-radius-xl)!important}.rounded-5{border-radius:var(--bs-border-radius-xxl)!important}.rounded-circle{border-radius:50%!important}.rounded-pill{border-radius:var(--bs-border-radius-pill)!important}.rounded-top{border-top-left-radius:var(--bs-border-radius)!important;border-top-right-radius:var(--bs-border-radius)!important}.rounded-top-0{border-top-left-radius:0!important;border-top-right-radius:0!important}.rounded-top-1{border-top-left-radius:var(--bs-border-radius-sm)!important;border-top-right-radius:var(--bs-border-radius-sm)!important}.rounded-top-2{border-top-left-radius:var(--bs-border-radius)!important;border-top-right-radius:var(--bs-border-radius)!important}.rounded-top-3{border-top-left-radius:var(--bs-border-radius-lg)!important;border-top-right-radius:var(--bs-border-radius-lg)!important}.rounded-top-4{border-top-left-radius:var(--bs-border-radius-xl)!important;border-top-right-radius:var(--bs-border-radius-xl)!important}.rounded-top-5{border-top-left-radius:var(--bs-border-radius-xxl)!important;border-top-right-radius:var(--bs-border-radius-xxl)!important}.rounded-top-circle{border-top-left-radius:50%!important;border-top-right-radius:50%!important}.rounded-top-pill{border-top-left-radius:var(--bs-border-radius-pill)!important;border-top-right-radius:var(--bs-border-radius-pill)!important}.rounded-end{border-top-right-radius:var(--bs-border-radius)!important;border-bottom-right-radius:var(--bs-border-radius)!important}.rounded-end-0{border-top-right-radius:0!important;border-bottom-right-radius:0!important}.rounded-end-1{border-top-right-radius:var(--bs-border-radius-sm)!important;border-bottom-right-radius:var(--bs-border-radius-sm)!important}.rounded-end-2{border-top-right-radius:var(--bs-border-radius)!important;border-bottom-right-radius:var(--bs-border-radius)!important}.rounded-end-3{border-top-right-radius:var(--bs-border-radius-lg)!important;border-bottom-right-radius:var(--bs-border-radius-lg)!important}.rounded-end-4{border-top-right-radius:var(--bs-border-radius-xl)!important;border-bottom-right-radius:var(--bs-border-radius-xl)!important}.rounded-end-5{border-top-right-radius:var(--bs-border-radius-xxl)!important;border-bottom-right-radius:var(--bs-border-radius-xxl)!important}.rounded-end-circle{border-top-right-radius:50%!important;border-bottom-right-radius:50%!important}.rounded-end-pill{border-top-right-radius:var(--bs-border-radius-pill)!important;border-bottom-right-radius:var(--bs-border-radius-pill)!important}.rounded-bottom{border-bottom-right-radius:var(--bs-border-radius)!important;border-bottom-left-radius:var(--bs-border-radius)!important}.rounded-bottom-0{border-bottom-right-radius:0!important;border-bottom-left-radius:0!important}.rounded-bottom-1{border-bottom-right-radius:var(--bs-border-radius-sm)!important;border-bottom-left-radius:var(--bs-border-radius-sm)!important}.rounded-bottom-2{border-bottom-right-radius:var(--bs-border-radius)!important;border-bottom-left-radius:var(--bs-border-radius)!important}.rounded-bottom-3{border-bottom-right-radius:var(--bs-border-radius-lg)!important;border-bottom-left-radius:var(--bs-border-radius-lg)!important}.rounded-bottom-4{border-bottom-right-radius:var(--bs-border-radius-xl)!important;border-bottom-left-radius:var(--bs-border-radius-xl)!important}.rounded-bottom-5{border-bottom-right-radius:var(--bs-border-radius-xxl)!important;border-bottom-left-radius:var(--bs-border-radius-xxl)!important}.rounded-bottom-circle{border-bottom-right-radius:50%!important;border-bottom-left-radius:50%!important}.rounded-bottom-pill{border-bottom-right-radius:var(--bs-border-radius-pill)!important;border-bottom-left-radius:var(--bs-border-radius-pill)!important}.rounded-start{border-bottom-left-radius:var(--bs-border-radius)!important;border-top-left-radius:var(--bs-border-radius)!important}.rounded-start-0{border-bottom-left-radius:0!important;border-top-left-radius:0!important}.rounded-start-1{border-bottom-left-radius:var(--bs-border-radius-sm)!important;border-top-left-radius:var(--bs-border-radius-sm)!important}.rounded-start-2{border-bottom-left-radius:var(--bs-border-radius)!important;border-top-left-radius:var(--bs-border-radius)!important}.rounded-start-3{border-bottom-left-radius:var(--bs-border-radius-lg)!important;border-top-left-radius:var(--bs-border-radius-lg)!important}.rounded-start-4{border-bottom-left-radius:var(--bs-border-radius-xl)!important;border-top-left-radius:var(--bs-border-radius-xl)!important}.rounded-start-5{border-bottom-left-radius:var(--bs-border-radius-xxl)!important;border-top-left-radius:var(--bs-border-radius-xxl)!important}.rounded-start-circle{border-bottom-left-radius:50%!important;border-top-left-radius:50%!important}.rounded-start-pill{border-bottom-left-radius:var(--bs-border-radius-pill)!important;border-top-left-radius:var(--bs-border-radius-pill)!important}.visible{visibility:visible!important}.invisible{visibility:hidden!important}.z-n1{z-index:-1!important}.z-0{z-index:0!important}.z-1{z-index:1!important}.z-2{z-index:2!important}.z-3{z-index:3!important}@media (min-width:576px){.float-sm-start{float:left!important}.float-sm-end{float:right!important}.float-sm-none{float:none!important}.object-fit-sm-contain{-o-object-fit:contain!important;object-fit:contain!important}.object-fit-sm-cover{-o-object-fit:cover!important;object-fit:cover!important}.object-fit-sm-fill{-o-object-fit:fill!important;object-fit:fill!important}.object-fit-sm-scale{-o-object-fit:scale-down!important;object-fit:scale-down!important}.object-fit-sm-none{-o-object-fit:none!important;object-fit:none!important}.d-sm-inline{display:inline!important}.d-sm-inline-block{display:inline-block!important}.d-sm-block{display:block!important}.d-sm-grid{display:grid!important}.d-sm-inline-grid{display:inline-grid!important}.d-sm-table{display:table!important}.d-sm-table-row{display:table-row!important}.d-sm-table-cell{display:table-cell!important}.d-sm-flex{display:flex!important}.d-sm-inline-flex{display:inline-flex!important}.d-sm-none{display:none!important}.flex-sm-fill{flex:1 1 auto!important}.flex-sm-row{flex-direction:row!important}.flex-sm-column{flex-direction:column!important}.flex-sm-row-reverse{flex-direction:row-reverse!important}.flex-sm-column-reverse{flex-direction:column-reverse!important}.flex-sm-grow-0{flex-grow:0!important}.flex-sm-grow-1{flex-grow:1!important}.flex-sm-shrink-0{flex-shrink:0!important}.flex-sm-shrink-1{flex-shrink:1!important}.flex-sm-wrap{flex-wrap:wrap!important}.flex-sm-nowrap{flex-wrap:nowrap!important}.flex-sm-wrap-reverse{flex-wrap:wrap-reverse!important}.justify-content-sm-start{justify-content:flex-start!important}.justify-content-sm-end{justify-content:flex-end!important}.justify-content-sm-center{justify-content:center!important}.justify-content-sm-between{justify-content:space-between!important}.justify-content-sm-around{justify-content:space-around!important}.justify-content-sm-evenly{justify-content:space-evenly!important}.align-items-sm-start{align-items:flex-start!important}.align-items-sm-end{align-items:flex-end!important}.align-items-sm-center{align-items:center!important}.align-items-sm-baseline{align-items:baseline!important}.align-items-sm-stretch{align-items:stretch!important}.align-content-sm-start{align-content:flex-start!important}.align-content-sm-end{align-content:flex-end!important}.align-content-sm-center{align-content:center!important}.align-content-sm-between{align-content:space-between!important}.align-content-sm-around{align-content:space-around!important}.align-content-sm-stretch{align-content:stretch!important}.align-self-sm-auto{align-self:auto!important}.align-self-sm-start{align-self:flex-start!important}.align-self-sm-end{align-self:flex-end!important}.align-self-sm-center{align-self:center!important}.align-self-sm-baseline{align-self:baseline!important}.align-self-sm-stretch{align-self:stretch!important}.order-sm-first{order:-1!important}.order-sm-0{order:0!important}.order-sm-1{order:1!important}.order-sm-2{order:2!important}.order-sm-3{order:3!important}.order-sm-4{order:4!important}.order-sm-5{order:5!important}.order-sm-last{order:6!important}.m-sm-0{margin:0!important}.m-sm-1{margin:.25rem!important}.m-sm-2{margin:.5rem!important}.m-sm-3{margin:1rem!important}.m-sm-4{margin:1.5rem!important}.m-sm-5{margin:3rem!important}.m-sm-auto{margin:auto!important}.mx-sm-0{margin-right:0!important;margin-left:0!important}.mx-sm-1{margin-right:.25rem!important;margin-left:.25rem!important}.mx-sm-2{margin-right:.5rem!important;margin-left:.5rem!important}.mx-sm-3{margin-right:1rem!important;margin-left:1rem!important}.mx-sm-4{margin-right:1.5rem!important;margin-left:1.5rem!important}.mx-sm-5{margin-right:3rem!important;margin-left:3rem!important}.mx-sm-auto{margin-right:auto!important;margin-left:auto!important}.my-sm-0{margin-top:0!important;margin-bottom:0!important}.my-sm-1{margin-top:.25rem!important;margin-bottom:.25rem!important}.my-sm-2{margin-top:.5rem!important;margin-bottom:.5rem!important}.my-sm-3{margin-top:1rem!important;margin-bottom:1rem!important}.my-sm-4{margin-top:1.5rem!important;margin-bottom:1.5rem!important}.my-sm-5{margin-top:3rem!important;margin-bottom:3rem!important}.my-sm-auto{margin-top:auto!important;margin-bottom:auto!important}.mt-sm-0{margin-top:0!important}.mt-sm-1{margin-top:.25rem!important}.mt-sm-2{margin-top:.5rem!important}.mt-sm-3{margin-top:1rem!important}.mt-sm-4{margin-top:1.5rem!important}.mt-sm-5{margin-top:3rem!important}.mt-sm-auto{margin-top:auto!important}.me-sm-0{margin-right:0!important}.me-sm-1{margin-right:.25rem!important}.me-sm-2{margin-right:.5rem!important}.me-sm-3{margin-right:1rem!important}.me-sm-4{margin-right:1.5rem!important}.me-sm-5{margin-right:3rem!important}.me-sm-auto{margin-right:auto!important}.mb-sm-0{margin-bottom:0!important}.mb-sm-1{margin-bottom:.25rem!important}.mb-sm-2{margin-bottom:.5rem!important}.mb-sm-3{margin-bottom:1rem!important}.mb-sm-4{margin-bottom:1.5rem!important}.mb-sm-5{margin-bottom:3rem!important}.mb-sm-auto{margin-bottom:auto!important}.ms-sm-0{margin-left:0!important}.ms-sm-1{margin-left:.25rem!important}.ms-sm-2{margin-left:.5rem!important}.ms-sm-3{margin-left:1rem!important}.ms-sm-4{margin-left:1.5rem!important}.ms-sm-5{margin-left:3rem!important}.ms-sm-auto{margin-left:auto!important}.p-sm-0{padding:0!important}.p-sm-1{padding:.25rem!important}.p-sm-2{padding:.5rem!important}.p-sm-3{padding:1rem!important}.p-sm-4{padding:1.5rem!important}.p-sm-5{padding:3rem!important}.px-sm-0{padding-right:0!important;padding-left:0!important}.px-sm-1{padding-right:.25rem!important;padding-left:.25rem!important}.px-sm-2{padding-right:.5rem!important;padding-left:.5rem!important}.px-sm-3{padding-right:1rem!important;padding-left:1rem!important}.px-sm-4{padding-right:1.5rem!important;padding-left:1.5rem!important}.px-sm-5{padding-right:3rem!important;padding-left:3rem!important}.py-sm-0{padding-top:0!important;padding-bottom:0!important}.py-sm-1{padding-top:.25rem!important;padding-bottom:.25rem!important}.py-sm-2{padding-top:.5rem!important;padding-bottom:.5rem!important}.py-sm-3{padding-top:1rem!important;padding-bottom:1rem!important}.py-sm-4{padding-top:1.5rem!important;padding-bottom:1.5rem!important}.py-sm-5{padding-top:3rem!important;padding-bottom:3rem!important}.pt-sm-0{padding-top:0!important}.pt-sm-1{padding-top:.25rem!important}.pt-sm-2{padding-top:.5rem!important}.pt-sm-3{padding-top:1rem!important}.pt-sm-4{padding-top:1.5rem!important}.pt-sm-5{padding-top:3rem!important}.pe-sm-0{padding-right:0!important}.pe-sm-1{padding-right:.25rem!important}.pe-sm-2{padding-right:.5rem!important}.pe-sm-3{padding-right:1rem!important}.pe-sm-4{padding-right:1.5rem!important}.pe-sm-5{padding-right:3rem!important}.pb-sm-0{padding-bottom:0!important}.pb-sm-1{padding-bottom:.25rem!important}.pb-sm-2{padding-bottom:.5rem!important}.pb-sm-3{padding-bottom:1rem!important}.pb-sm-4{padding-bottom:1.5rem!important}.pb-sm-5{padding-bottom:3rem!important}.ps-sm-0{padding-left:0!important}.ps-sm-1{padding-left:.25rem!important}.ps-sm-2{padding-left:.5rem!important}.ps-sm-3{padding-left:1rem!important}.ps-sm-4{padding-left:1.5rem!important}.ps-sm-5{padding-left:3rem!important}.gap-sm-0{gap:0!important}.gap-sm-1{gap:.25rem!important}.gap-sm-2{gap:.5rem!important}.gap-sm-3{gap:1rem!important}.gap-sm-4{gap:1.5rem!important}.gap-sm-5{gap:3rem!important}.row-gap-sm-0{row-gap:0!important}.row-gap-sm-1{row-gap:.25rem!important}.row-gap-sm-2{row-gap:.5rem!important}.row-gap-sm-3{row-gap:1rem!important}.row-gap-sm-4{row-gap:1.5rem!important}.row-gap-sm-5{row-gap:3rem!important}.column-gap-sm-0{-moz-column-gap:0!important;column-gap:0!important}.column-gap-sm-1{-moz-column-gap:0.25rem!important;column-gap:.25rem!important}.column-gap-sm-2{-moz-column-gap:0.5rem!important;column-gap:.5rem!important}.column-gap-sm-3{-moz-column-gap:1rem!important;column-gap:1rem!important}.column-gap-sm-4{-moz-column-gap:1.5rem!important;column-gap:1.5rem!important}.column-gap-sm-5{-moz-column-gap:3rem!important;column-gap:3rem!important}.text-sm-start{text-align:left!important}.text-sm-end{text-align:right!important}.text-sm-center{text-align:center!important}}@media (min-width:768px){.float-md-start{float:left!important}.float-md-end{float:right!important}.float-md-none{float:none!important}.object-fit-md-contain{-o-object-fit:contain!important;object-fit:contain!important}.object-fit-md-cover{-o-object-fit:cover!important;object-fit:cover!important}.object-fit-md-fill{-o-object-fit:fill!important;object-fit:fill!important}.object-fit-md-scale{-o-object-fit:scale-down!important;object-fit:scale-down!important}.object-fit-md-none{-o-object-fit:none!important;object-fit:none!important}.d-md-inline{display:inline!important}.d-md-inline-block{display:inline-block!important}.d-md-block{display:block!important}.d-md-grid{display:grid!important}.d-md-inline-grid{display:inline-grid!important}.d-md-table{display:table!important}.d-md-table-row{display:table-row!important}.d-md-table-cell{display:table-cell!important}.d-md-flex{display:flex!important}.d-md-inline-flex{display:inline-flex!important}.d-md-none{display:none!important}.flex-md-fill{flex:1 1 auto!important}.flex-md-row{flex-direction:row!important}.flex-md-column{flex-direction:column!important}.flex-md-row-reverse{flex-direction:row-reverse!important}.flex-md-column-reverse{flex-direction:column-reverse!important}.flex-md-grow-0{flex-grow:0!important}.flex-md-grow-1{flex-grow:1!important}.flex-md-shrink-0{flex-shrink:0!important}.flex-md-shrink-1{flex-shrink:1!important}.flex-md-wrap{flex-wrap:wrap!important}.flex-md-nowrap{flex-wrap:nowrap!important}.flex-md-wrap-reverse{flex-wrap:wrap-reverse!important}.justify-content-md-start{justify-content:flex-start!important}.justify-content-md-end{justify-content:flex-end!important}.justify-content-md-center{justify-content:center!important}.justify-content-md-between{justify-content:space-between!important}.justify-content-md-around{justify-content:space-around!important}.justify-content-md-evenly{justify-content:space-evenly!important}.align-items-md-start{align-items:flex-start!important}.align-items-md-end{align-items:flex-end!important}.align-items-md-center{align-items:center!important}.align-items-md-baseline{align-items:baseline!important}.align-items-md-stretch{align-items:stretch!important}.align-content-md-start{align-content:flex-start!important}.align-content-md-end{align-content:flex-end!important}.align-content-md-center{align-content:center!important}.align-content-md-between{align-content:space-between!important}.align-content-md-around{align-content:space-around!important}.align-content-md-stretch{align-content:stretch!important}.align-self-md-auto{align-self:auto!important}.align-self-md-start{align-self:flex-start!important}.align-self-md-end{align-self:flex-end!important}.align-self-md-center{align-self:center!important}.align-self-md-baseline{align-self:baseline!important}.align-self-md-stretch{align-self:stretch!important}.order-md-first{order:-1!important}.order-md-0{order:0!important}.order-md-1{order:1!important}.order-md-2{order:2!important}.order-md-3{order:3!important}.order-md-4{order:4!important}.order-md-5{order:5!important}.order-md-last{order:6!important}.m-md-0{margin:0!important}.m-md-1{margin:.25rem!important}.m-md-2{margin:.5rem!important}.m-md-3{margin:1rem!important}.m-md-4{margin:1.5rem!important}.m-md-5{margin:3rem!important}.m-md-auto{margin:auto!important}.mx-md-0{margin-right:0!important;margin-left:0!important}.mx-md-1{margin-right:.25rem!important;margin-left:.25rem!important}.mx-md-2{margin-right:.5rem!important;margin-left:.5rem!important}.mx-md-3{margin-right:1rem!important;margin-left:1rem!important}.mx-md-4{margin-right:1.5rem!important;margin-left:1.5rem!important}.mx-md-5{margin-right:3rem!important;margin-left:3rem!important}.mx-md-auto{margin-right:auto!important;margin-left:auto!important}.my-md-0{margin-top:0!important;margin-bottom:0!important}.my-md-1{margin-top:.25rem!important;margin-bottom:.25rem!important}.my-md-2{margin-top:.5rem!important;margin-bottom:.5rem!important}.my-md-3{margin-top:1rem!important;margin-bottom:1rem!important}.my-md-4{margin-top:1.5rem!important;margin-bottom:1.5rem!important}.my-md-5{margin-top:3rem!important;margin-bottom:3rem!important}.my-md-auto{margin-top:auto!important;margin-bottom:auto!important}.mt-md-0{margin-top:0!important}.mt-md-1{margin-top:.25rem!important}.mt-md-2{margin-top:.5rem!important}.mt-md-3{margin-top:1rem!important}.mt-md-4{margin-top:1.5rem!important}.mt-md-5{margin-top:3rem!important}.mt-md-auto{margin-top:auto!important}.me-md-0{margin-right:0!important}.me-md-1{margin-right:.25rem!important}.me-md-2{margin-right:.5rem!important}.me-md-3{margin-right:1rem!important}.me-md-4{margin-right:1.5rem!important}.me-md-5{margin-right:3rem!important}.me-md-auto{margin-right:auto!important}.mb-md-0{margin-bottom:0!important}.mb-md-1{margin-bottom:.25rem!important}.mb-md-2{margin-bottom:.5rem!important}.mb-md-3{margin-bottom:1rem!important}.mb-md-4{margin-bottom:1.5rem!important}.mb-md-5{margin-bottom:3rem!important}.mb-md-auto{margin-bottom:auto!important}.ms-md-0{margin-left:0!important}.ms-md-1{margin-left:.25rem!important}.ms-md-2{margin-left:.5rem!important}.ms-md-3{margin-left:1rem!important}.ms-md-4{margin-left:1.5rem!important}.ms-md-5{margin-left:3rem!important}.ms-md-auto{margin-left:auto!important}.p-md-0{padding:0!important}.p-md-1{padding:.25rem!important}.p-md-2{padding:.5rem!important}.p-md-3{padding:1rem!important}.p-md-4{padding:1.5rem!important}.p-md-5{padding:3rem!important}.px-md-0{padding-right:0!important;padding-left:0!important}.px-md-1{padding-right:.25rem!important;padding-left:.25rem!important}.px-md-2{padding-right:.5rem!important;padding-left:.5rem!important}.px-md-3{padding-right:1rem!important;padding-left:1rem!important}.px-md-4{padding-right:1.5rem!important;padding-left:1.5rem!important}.px-md-5{padding-right:3rem!important;padding-left:3rem!important}.py-md-0{padding-top:0!important;padding-bottom:0!important}.py-md-1{padding-top:.25rem!important;padding-bottom:.25rem!important}.py-md-2{padding-top:.5rem!important;padding-bottom:.5rem!important}.py-md-3{padding-top:1rem!important;padding-bottom:1rem!important}.py-md-4{padding-top:1.5rem!important;padding-bottom:1.5rem!important}.py-md-5{padding-top:3rem!important;padding-bottom:3rem!important}.pt-md-0{padding-top:0!important}.pt-md-1{padding-top:.25rem!important}.pt-md-2{padding-top:.5rem!important}.pt-md-3{padding-top:1rem!important}.pt-md-4{padding-top:1.5rem!important}.pt-md-5{padding-top:3rem!important}.pe-md-0{padding-right:0!important}.pe-md-1{padding-right:.25rem!important}.pe-md-2{padding-right:.5rem!important}.pe-md-3{padding-right:1rem!important}.pe-md-4{padding-right:1.5rem!important}.pe-md-5{padding-right:3rem!important}.pb-md-0{padding-bottom:0!important}.pb-md-1{padding-bottom:.25rem!important}.pb-md-2{padding-bottom:.5rem!important}.pb-md-3{padding-bottom:1rem!important}.pb-md-4{padding-bottom:1.5rem!important}.pb-md-5{padding-bottom:3rem!important}.ps-md-0{padding-left:0!important}.ps-md-1{padding-left:.25rem!important}.ps-md-2{padding-left:.5rem!important}.ps-md-3{padding-left:1rem!important}.ps-md-4{padding-left:1.5rem!important}.ps-md-5{padding-left:3rem!important}.gap-md-0{gap:0!important}.gap-md-1{gap:.25rem!important}.gap-md-2{gap:.5rem!important}.gap-md-3{gap:1rem!important}.gap-md-4{gap:1.5rem!important}.gap-md-5{gap:3rem!important}.row-gap-md-0{row-gap:0!important}.row-gap-md-1{row-gap:.25rem!important}.row-gap-md-2{row-gap:.5rem!important}.row-gap-md-3{row-gap:1rem!important}.row-gap-md-4{row-gap:1.5rem!important}.row-gap-md-5{row-gap:3rem!important}.column-gap-md-0{-moz-column-gap:0!important;column-gap:0!important}.column-gap-md-1{-moz-column-gap:0.25rem!important;column-gap:.25rem!important}.column-gap-md-2{-moz-column-gap:0.5rem!important;column-gap:.5rem!important}.column-gap-md-3{-moz-column-gap:1rem!important;column-gap:1rem!important}.column-gap-md-4{-moz-column-gap:1.5rem!important;column-gap:1.5rem!important}.column-gap-md-5{-moz-column-gap:3rem!important;column-gap:3rem!important}.text-md-start{text-align:left!important}.text-md-end{text-align:right!important}.text-md-center{text-align:center!important}}@media (min-width:992px){.float-lg-start{float:left!important}.float-lg-end{float:right!important}.float-lg-none{float:none!important}.object-fit-lg-contain{-o-object-fit:contain!important;object-fit:contain!important}.object-fit-lg-cover{-o-object-fit:cover!important;object-fit:cover!important}.object-fit-lg-fill{-o-object-fit:fill!important;object-fit:fill!important}.object-fit-lg-scale{-o-object-fit:scale-down!important;object-fit:scale-down!important}.object-fit-lg-none{-o-object-fit:none!important;object-fit:none!important}.d-lg-inline{display:inline!important}.d-lg-inline-block{display:inline-block!important}.d-lg-block{display:block!important}.d-lg-grid{display:grid!important}.d-lg-inline-grid{display:inline-grid!important}.d-lg-table{display:table!important}.d-lg-table-row{display:table-row!important}.d-lg-table-cell{display:table-cell!important}.d-lg-flex{display:flex!important}.d-lg-inline-flex{display:inline-flex!important}.d-lg-none{display:none!important}.flex-lg-fill{flex:1 1 auto!important}.flex-lg-row{flex-direction:row!important}.flex-lg-column{flex-direction:column!important}.flex-lg-row-reverse{flex-direction:row-reverse!important}.flex-lg-column-reverse{flex-direction:column-reverse!important}.flex-lg-grow-0{flex-grow:0!important}.flex-lg-grow-1{flex-grow:1!important}.flex-lg-shrink-0{flex-shrink:0!important}.flex-lg-shrink-1{flex-shrink:1!important}.flex-lg-wrap{flex-wrap:wrap!important}.flex-lg-nowrap{flex-wrap:nowrap!important}.flex-lg-wrap-reverse{flex-wrap:wrap-reverse!important}.justify-content-lg-start{justify-content:flex-start!important}.justify-content-lg-end{justify-content:flex-end!important}.justify-content-lg-center{justify-content:center!important}.justify-content-lg-between{justify-content:space-between!important}.justify-content-lg-around{justify-content:space-around!important}.justify-content-lg-evenly{justify-content:space-evenly!important}.align-items-lg-start{align-items:flex-start!important}.align-items-lg-end{align-items:flex-end!important}.align-items-lg-center{align-items:center!important}.align-items-lg-baseline{align-items:baseline!important}.align-items-lg-stretch{align-items:stretch!important}.align-content-lg-start{align-content:flex-start!important}.align-content-lg-end{align-content:flex-end!important}.align-content-lg-center{align-content:center!important}.align-content-lg-between{align-content:space-between!important}.align-content-lg-around{align-content:space-around!important}.align-content-lg-stretch{align-content:stretch!important}.align-self-lg-auto{align-self:auto!important}.align-self-lg-start{align-self:flex-start!important}.align-self-lg-end{align-self:flex-end!important}.align-self-lg-center{align-self:center!important}.align-self-lg-baseline{align-self:baseline!important}.align-self-lg-stretch{align-self:stretch!important}.order-lg-first{order:-1!important}.order-lg-0{order:0!important}.order-lg-1{order:1!important}.order-lg-2{order:2!important}.order-lg-3{order:3!important}.order-lg-4{order:4!important}.order-lg-5{order:5!important}.order-lg-last{order:6!important}.m-lg-0{margin:0!important}.m-lg-1{margin:.25rem!important}.m-lg-2{margin:.5rem!important}.m-lg-3{margin:1rem!important}.m-lg-4{margin:1.5rem!important}.m-lg-5{margin:3rem!important}.m-lg-auto{margin:auto!important}.mx-lg-0{margin-right:0!important;margin-left:0!important}.mx-lg-1{margin-right:.25rem!important;margin-left:.25rem!important}.mx-lg-2{margin-right:.5rem!important;margin-left:.5rem!important}.mx-lg-3{margin-right:1rem!important;margin-left:1rem!important}.mx-lg-4{margin-right:1.5rem!important;margin-left:1.5rem!important}.mx-lg-5{margin-right:3rem!important;margin-left:3rem!important}.mx-lg-auto{margin-right:auto!important;margin-left:auto!important}.my-lg-0{margin-top:0!important;margin-bottom:0!important}.my-lg-1{margin-top:.25rem!important;margin-bottom:.25rem!important}.my-lg-2{margin-top:.5rem!important;margin-bottom:.5rem!important}.my-lg-3{margin-top:1rem!important;margin-bottom:1rem!important}.my-lg-4{margin-top:1.5rem!important;margin-bottom:1.5rem!important}.my-lg-5{margin-top:3rem!important;margin-bottom:3rem!important}.my-lg-auto{margin-top:auto!important;margin-bottom:auto!important}.mt-lg-0{margin-top:0!important}.mt-lg-1{margin-top:.25rem!important}.mt-lg-2{margin-top:.5rem!important}.mt-lg-3{margin-top:1rem!important}.mt-lg-4{margin-top:1.5rem!important}.mt-lg-5{margin-top:3rem!important}.mt-lg-auto{margin-top:auto!important}.me-lg-0{margin-right:0!important}.me-lg-1{margin-right:.25rem!important}.me-lg-2{margin-right:.5rem!important}.me-lg-3{margin-right:1rem!important}.me-lg-4{margin-right:1.5rem!important}.me-lg-5{margin-right:3rem!important}.me-lg-auto{margin-right:auto!important}.mb-lg-0{margin-bottom:0!important}.mb-lg-1{margin-bottom:.25rem!important}.mb-lg-2{margin-bottom:.5rem!important}.mb-lg-3{margin-bottom:1rem!important}.mb-lg-4{margin-bottom:1.5rem!important}.mb-lg-5{margin-bottom:3rem!important}.mb-lg-auto{margin-bottom:auto!important}.ms-lg-0{margin-left:0!important}.ms-lg-1{margin-left:.25rem!important}.ms-lg-2{margin-left:.5rem!important}.ms-lg-3{margin-left:1rem!important}.ms-lg-4{margin-left:1.5rem!important}.ms-lg-5{margin-left:3rem!important}.ms-lg-auto{margin-left:auto!important}.p-lg-0{padding:0!important}.p-lg-1{padding:.25rem!important}.p-lg-2{padding:.5rem!important}.p-lg-3{padding:1rem!important}.p-lg-4{padding:1.5rem!important}.p-lg-5{padding:3rem!important}.px-lg-0{padding-right:0!important;padding-left:0!important}.px-lg-1{padding-right:.25rem!important;padding-left:.25rem!important}.px-lg-2{padding-right:.5rem!important;padding-left:.5rem!important}.px-lg-3{padding-right:1rem!important;padding-left:1rem!important}.px-lg-4{padding-right:1.5rem!important;padding-left:1.5rem!important}.px-lg-5{padding-right:3rem!important;padding-left:3rem!important}.py-lg-0{padding-top:0!important;padding-bottom:0!important}.py-lg-1{padding-top:.25rem!important;padding-bottom:.25rem!important}.py-lg-2{padding-top:.5rem!important;padding-bottom:.5rem!important}.py-lg-3{padding-top:1rem!important;padding-bottom:1rem!important}.py-lg-4{padding-top:1.5rem!important;padding-bottom:1.5rem!important}.py-lg-5{padding-top:3rem!important;padding-bottom:3rem!important}.pt-lg-0{padding-top:0!important}.pt-lg-1{padding-top:.25rem!important}.pt-lg-2{padding-top:.5rem!important}.pt-lg-3{padding-top:1rem!important}.pt-lg-4{padding-top:1.5rem!important}.pt-lg-5{padding-top:3rem!important}.pe-lg-0{padding-right:0!important}.pe-lg-1{padding-right:.25rem!important}.pe-lg-2{padding-right:.5rem!important}.pe-lg-3{padding-right:1rem!important}.pe-lg-4{padding-right:1.5rem!important}.pe-lg-5{padding-right:3rem!important}.pb-lg-0{padding-bottom:0!important}.pb-lg-1{padding-bottom:.25rem!important}.pb-lg-2{padding-bottom:.5rem!important}.pb-lg-3{padding-bottom:1rem!important}.pb-lg-4{padding-bottom:1.5rem!important}.pb-lg-5{padding-bottom:3rem!important}.ps-lg-0{padding-left:0!important}.ps-lg-1{padding-left:.25rem!important}.ps-lg-2{padding-left:.5rem!important}.ps-lg-3{padding-left:1rem!important}.ps-lg-4{padding-left:1.5rem!important}.ps-lg-5{padding-left:3rem!important}.gap-lg-0{gap:0!important}.gap-lg-1{gap:.25rem!important}.gap-lg-2{gap:.5rem!important}.gap-lg-3{gap:1rem!important}.gap-lg-4{gap:1.5rem!important}.gap-lg-5{gap:3rem!important}.row-gap-lg-0{row-gap:0!important}.row-gap-lg-1{row-gap:.25rem!important}.row-gap-lg-2{row-gap:.5rem!important}.row-gap-lg-3{row-gap:1rem!important}.row-gap-lg-4{row-gap:1.5rem!important}.row-gap-lg-5{row-gap:3rem!important}.column-gap-lg-0{-moz-column-gap:0!important;column-gap:0!important}.column-gap-lg-1{-moz-column-gap:0.25rem!important;column-gap:.25rem!important}.column-gap-lg-2{-moz-column-gap:0.5rem!important;column-gap:.5rem!important}.column-gap-lg-3{-moz-column-gap:1rem!important;column-gap:1rem!important}.column-gap-lg-4{-moz-column-gap:1.5rem!important;column-gap:1.5rem!important}.column-gap-lg-5{-moz-column-gap:3rem!important;column-gap:3rem!important}.text-lg-start{text-align:left!important}.text-lg-end{text-align:right!important}.text-lg-center{text-align:center!important}}@media (min-width:1200px){.float-xl-start{float:left!important}.float-xl-end{float:right!important}.float-xl-none{float:none!important}.object-fit-xl-contain{-o-object-fit:contain!important;object-fit:contain!important}.object-fit-xl-cover{-o-object-fit:cover!important;object-fit:cover!important}.object-fit-xl-fill{-o-object-fit:fill!important;object-fit:fill!important}.object-fit-xl-scale{-o-object-fit:scale-down!important;object-fit:scale-down!important}.object-fit-xl-none{-o-object-fit:none!important;object-fit:none!important}.d-xl-inline{display:inline!important}.d-xl-inline-block{display:inline-block!important}.d-xl-block{display:block!important}.d-xl-grid{display:grid!important}.d-xl-inline-grid{display:inline-grid!important}.d-xl-table{display:table!important}.d-xl-table-row{display:table-row!important}.d-xl-table-cell{display:table-cell!important}.d-xl-flex{display:flex!important}.d-xl-inline-flex{display:inline-flex!important}.d-xl-none{display:none!important}.flex-xl-fill{flex:1 1 auto!important}.flex-xl-row{flex-direction:row!important}.flex-xl-column{flex-direction:column!important}.flex-xl-row-reverse{flex-direction:row-reverse!important}.flex-xl-column-reverse{flex-direction:column-reverse!important}.flex-xl-grow-0{flex-grow:0!important}.flex-xl-grow-1{flex-grow:1!important}.flex-xl-shrink-0{flex-shrink:0!important}.flex-xl-shrink-1{flex-shrink:1!important}.flex-xl-wrap{flex-wrap:wrap!important}.flex-xl-nowrap{flex-wrap:nowrap!important}.flex-xl-wrap-reverse{flex-wrap:wrap-reverse!important}.justify-content-xl-start{justify-content:flex-start!important}.justify-content-xl-end{justify-content:flex-end!important}.justify-content-xl-center{justify-content:center!important}.justify-content-xl-between{justify-content:space-between!important}.justify-content-xl-around{justify-content:space-around!important}.justify-content-xl-evenly{justify-content:space-evenly!important}.align-items-xl-start{align-items:flex-start!important}.align-items-xl-end{align-items:flex-end!important}.align-items-xl-center{align-items:center!important}.align-items-xl-baseline{align-items:baseline!important}.align-items-xl-stretch{align-items:stretch!important}.align-content-xl-start{align-content:flex-start!important}.align-content-xl-end{align-content:flex-end!important}.align-content-xl-center{align-content:center!important}.align-content-xl-between{align-content:space-between!important}.align-content-xl-around{align-content:space-around!important}.align-content-xl-stretch{align-content:stretch!important}.align-self-xl-auto{align-self:auto!important}.align-self-xl-start{align-self:flex-start!important}.align-self-xl-end{align-self:flex-end!important}.align-self-xl-center{align-self:center!important}.align-self-xl-baseline{align-self:baseline!important}.align-self-xl-stretch{align-self:stretch!important}.order-xl-first{order:-1!important}.order-xl-0{order:0!important}.order-xl-1{order:1!important}.order-xl-2{order:2!important}.order-xl-3{order:3!important}.order-xl-4{order:4!important}.order-xl-5{order:5!important}.order-xl-last{order:6!important}.m-xl-0{margin:0!important}.m-xl-1{margin:.25rem!important}.m-xl-2{margin:.5rem!important}.m-xl-3{margin:1rem!important}.m-xl-4{margin:1.5rem!important}.m-xl-5{margin:3rem!important}.m-xl-auto{margin:auto!important}.mx-xl-0{margin-right:0!important;margin-left:0!important}.mx-xl-1{margin-right:.25rem!important;margin-left:.25rem!important}.mx-xl-2{margin-right:.5rem!important;margin-left:.5rem!important}.mx-xl-3{margin-right:1rem!important;margin-left:1rem!important}.mx-xl-4{margin-right:1.5rem!important;margin-left:1.5rem!important}.mx-xl-5{margin-right:3rem!important;margin-left:3rem!important}.mx-xl-auto{margin-right:auto!important;margin-left:auto!important}.my-xl-0{margin-top:0!important;margin-bottom:0!important}.my-xl-1{margin-top:.25rem!important;margin-bottom:.25rem!important}.my-xl-2{margin-top:.5rem!important;margin-bottom:.5rem!important}.my-xl-3{margin-top:1rem!important;margin-bottom:1rem!important}.my-xl-4{margin-top:1.5rem!important;margin-bottom:1.5rem!important}.my-xl-5{margin-top:3rem!important;margin-bottom:3rem!important}.my-xl-auto{margin-top:auto!important;margin-bottom:auto!important}.mt-xl-0{margin-top:0!important}.mt-xl-1{margin-top:.25rem!important}.mt-xl-2{margin-top:.5rem!important}.mt-xl-3{margin-top:1rem!important}.mt-xl-4{margin-top:1.5rem!important}.mt-xl-5{margin-top:3rem!important}.mt-xl-auto{margin-top:auto!important}.me-xl-0{margin-right:0!important}.me-xl-1{margin-right:.25rem!important}.me-xl-2{margin-right:.5rem!important}.me-xl-3{margin-right:1rem!important}.me-xl-4{margin-right:1.5rem!important}.me-xl-5{margin-right:3rem!important}.me-xl-auto{margin-right:auto!important}.mb-xl-0{margin-bottom:0!important}.mb-xl-1{margin-bottom:.25rem!important}.mb-xl-2{margin-bottom:.5rem!important}.mb-xl-3{margin-bottom:1rem!important}.mb-xl-4{margin-bottom:1.5rem!important}.mb-xl-5{margin-bottom:3rem!important}.mb-xl-auto{margin-bottom:auto!important}.ms-xl-0{margin-left:0!important}.ms-xl-1{margin-left:.25rem!important}.ms-xl-2{margin-left:.5rem!important}.ms-xl-3{margin-left:1rem!important}.ms-xl-4{margin-left:1.5rem!important}.ms-xl-5{margin-left:3rem!important}.ms-xl-auto{margin-left:auto!important}.p-xl-0{padding:0!important}.p-xl-1{padding:.25rem!important}.p-xl-2{padding:.5rem!important}.p-xl-3{padding:1rem!important}.p-xl-4{padding:1.5rem!important}.p-xl-5{padding:3rem!important}.px-xl-0{padding-right:0!important;padding-left:0!important}.px-xl-1{padding-right:.25rem!important;padding-left:.25rem!important}.px-xl-2{padding-right:.5rem!important;padding-left:.5rem!important}.px-xl-3{padding-right:1rem!important;padding-left:1rem!important}.px-xl-4{padding-right:1.5rem!important;padding-left:1.5rem!important}.px-xl-5{padding-right:3rem!important;padding-left:3rem!important}.py-xl-0{padding-top:0!important;padding-bottom:0!important}.py-xl-1{padding-top:.25rem!important;padding-bottom:.25rem!important}.py-xl-2{padding-top:.5rem!important;padding-bottom:.5rem!important}.py-xl-3{padding-top:1rem!important;padding-bottom:1rem!important}.py-xl-4{padding-top:1.5rem!important;padding-bottom:1.5rem!important}.py-xl-5{padding-top:3rem!important;padding-bottom:3rem!important}.pt-xl-0{padding-top:0!important}.pt-xl-1{padding-top:.25rem!important}.pt-xl-2{padding-top:.5rem!important}.pt-xl-3{padding-top:1rem!important}.pt-xl-4{padding-top:1.5rem!important}.pt-xl-5{padding-top:3rem!important}.pe-xl-0{padding-right:0!important}.pe-xl-1{padding-right:.25rem!important}.pe-xl-2{padding-right:.5rem!important}.pe-xl-3{padding-right:1rem!important}.pe-xl-4{padding-right:1.5rem!important}.pe-xl-5{padding-right:3rem!important}.pb-xl-0{padding-bottom:0!important}.pb-xl-1{padding-bottom:.25rem!important}.pb-xl-2{padding-bottom:.5rem!important}.pb-xl-3{padding-bottom:1rem!important}.pb-xl-4{padding-bottom:1.5rem!important}.pb-xl-5{padding-bottom:3rem!important}.ps-xl-0{padding-left:0!important}.ps-xl-1{padding-left:.25rem!important}.ps-xl-2{padding-left:.5rem!important}.ps-xl-3{padding-left:1rem!important}.ps-xl-4{padding-left:1.5rem!important}.ps-xl-5{padding-left:3rem!important}.gap-xl-0{gap:0!important}.gap-xl-1{gap:.25rem!important}.gap-xl-2{gap:.5rem!important}.gap-xl-3{gap:1rem!important}.gap-xl-4{gap:1.5rem!important}.gap-xl-5{gap:3rem!important}.row-gap-xl-0{row-gap:0!important}.row-gap-xl-1{row-gap:.25rem!important}.row-gap-xl-2{row-gap:.5rem!important}.row-gap-xl-3{row-gap:1rem!important}.row-gap-xl-4{row-gap:1.5rem!important}.row-gap-xl-5{row-gap:3rem!important}.column-gap-xl-0{-moz-column-gap:0!important;column-gap:0!important}.column-gap-xl-1{-moz-column-gap:0.25rem!important;column-gap:.25rem!important}.column-gap-xl-2{-moz-column-gap:0.5rem!important;column-gap:.5rem!important}.column-gap-xl-3{-moz-column-gap:1rem!important;column-gap:1rem!important}.column-gap-xl-4{-moz-column-gap:1.5rem!important;column-gap:1.5rem!important}.column-gap-xl-5{-moz-column-gap:3rem!important;column-gap:3rem!important}.text-xl-start{text-align:left!important}.text-xl-end{text-align:right!important}.text-xl-center{text-align:center!important}}@media (min-width:1400px){.float-xxl-start{float:left!important}.float-xxl-end{float:right!important}.float-xxl-none{float:none!important}.object-fit-xxl-contain{-o-object-fit:contain!important;object-fit:contain!important}.object-fit-xxl-cover{-o-object-fit:cover!important;object-fit:cover!important}.object-fit-xxl-fill{-o-object-fit:fill!important;object-fit:fill!important}.object-fit-xxl-scale{-o-object-fit:scale-down!important;object-fit:scale-down!important}.object-fit-xxl-none{-o-object-fit:none!important;object-fit:none!important}.d-xxl-inline{display:inline!important}.d-xxl-inline-block{display:inline-block!important}.d-xxl-block{display:block!important}.d-xxl-grid{display:grid!important}.d-xxl-inline-grid{display:inline-grid!important}.d-xxl-table{display:table!important}.d-xxl-table-row{display:table-row!important}.d-xxl-table-cell{display:table-cell!important}.d-xxl-flex{display:flex!important}.d-xxl-inline-flex{display:inline-flex!important}.d-xxl-none{display:none!important}.flex-xxl-fill{flex:1 1 auto!important}.flex-xxl-row{flex-direction:row!important}.flex-xxl-column{flex-direction:column!important}.flex-xxl-row-reverse{flex-direction:row-reverse!important}.flex-xxl-column-reverse{flex-direction:column-reverse!important}.flex-xxl-grow-0{flex-grow:0!important}.flex-xxl-grow-1{flex-grow:1!important}.flex-xxl-shrink-0{flex-shrink:0!important}.flex-xxl-shrink-1{flex-shrink:1!important}.flex-xxl-wrap{flex-wrap:wrap!important}.flex-xxl-nowrap{flex-wrap:nowrap!important}.flex-xxl-wrap-reverse{flex-wrap:wrap-reverse!important}.justify-content-xxl-start{justify-content:flex-start!important}.justify-content-xxl-end{justify-content:flex-end!important}.justify-content-xxl-center{justify-content:center!important}.justify-content-xxl-between{justify-content:space-between!important}.justify-content-xxl-around{justify-content:space-around!important}.justify-content-xxl-evenly{justify-content:space-evenly!important}.align-items-xxl-start{align-items:flex-start!important}.align-items-xxl-end{align-items:flex-end!important}.align-items-xxl-center{align-items:center!important}.align-items-xxl-baseline{align-items:baseline!important}.align-items-xxl-stretch{align-items:stretch!important}.align-content-xxl-start{align-content:flex-start!important}.align-content-xxl-end{align-content:flex-end!important}.align-content-xxl-center{align-content:center!important}.align-content-xxl-between{align-content:space-between!important}.align-content-xxl-around{align-content:space-around!important}.align-content-xxl-stretch{align-content:stretch!important}.align-self-xxl-auto{align-self:auto!important}.align-self-xxl-start{align-self:flex-start!important}.align-self-xxl-end{align-self:flex-end!important}.align-self-xxl-center{align-self:center!important}.align-self-xxl-baseline{align-self:baseline!important}.align-self-xxl-stretch{align-self:stretch!important}.order-xxl-first{order:-1!important}.order-xxl-0{order:0!important}.order-xxl-1{order:1!important}.order-xxl-2{order:2!important}.order-xxl-3{order:3!important}.order-xxl-4{order:4!important}.order-xxl-5{order:5!important}.order-xxl-last{order:6!important}.m-xxl-0{margin:0!important}.m-xxl-1{margin:.25rem!important}.m-xxl-2{margin:.5rem!important}.m-xxl-3{margin:1rem!important}.m-xxl-4{margin:1.5rem!important}.m-xxl-5{margin:3rem!important}.m-xxl-auto{margin:auto!important}.mx-xxl-0{margin-right:0!important;margin-left:0!important}.mx-xxl-1{margin-right:.25rem!important;margin-left:.25rem!important}.mx-xxl-2{margin-right:.5rem!important;margin-left:.5rem!important}.mx-xxl-3{margin-right:1rem!important;margin-left:1rem!important}.mx-xxl-4{margin-right:1.5rem!important;margin-left:1.5rem!important}.mx-xxl-5{margin-right:3rem!important;margin-left:3rem!important}.mx-xxl-auto{margin-right:auto!important;margin-left:auto!important}.my-xxl-0{margin-top:0!important;margin-bottom:0!important}.my-xxl-1{margin-top:.25rem!important;margin-bottom:.25rem!important}.my-xxl-2{margin-top:.5rem!important;margin-bottom:.5rem!important}.my-xxl-3{margin-top:1rem!important;margin-bottom:1rem!important}.my-xxl-4{margin-top:1.5rem!important;margin-bottom:1.5rem!important}.my-xxl-5{margin-top:3rem!important;margin-bottom:3rem!important}.my-xxl-auto{margin-top:auto!important;margin-bottom:auto!important}.mt-xxl-0{margin-top:0!important}.mt-xxl-1{margin-top:.25rem!important}.mt-xxl-2{margin-top:.5rem!important}.mt-xxl-3{margin-top:1rem!important}.mt-xxl-4{margin-top:1.5rem!important}.mt-xxl-5{margin-top:3rem!important}.mt-xxl-auto{margin-top:auto!important}.me-xxl-0{margin-right:0!important}.me-xxl-1{margin-right:.25rem!important}.me-xxl-2{margin-right:.5rem!important}.me-xxl-3{margin-right:1rem!important}.me-xxl-4{margin-right:1.5rem!important}.me-xxl-5{margin-right:3rem!important}.me-xxl-auto{margin-right:auto!important}.mb-xxl-0{margin-bottom:0!important}.mb-xxl-1{margin-bottom:.25rem!important}.mb-xxl-2{margin-bottom:.5rem!important}.mb-xxl-3{margin-bottom:1rem!important}.mb-xxl-4{margin-bottom:1.5rem!important}.mb-xxl-5{margin-bottom:3rem!important}.mb-xxl-auto{margin-bottom:auto!important}.ms-xxl-0{margin-left:0!important}.ms-xxl-1{margin-left:.25rem!important}.ms-xxl-2{margin-left:.5rem!important}.ms-xxl-3{margin-left:1rem!important}.ms-xxl-4{margin-left:1.5rem!important}.ms-xxl-5{margin-left:3rem!important}.ms-xxl-auto{margin-left:auto!important}.p-xxl-0{padding:0!important}.p-xxl-1{padding:.25rem!important}.p-xxl-2{padding:.5rem!important}.p-xxl-3{padding:1rem!important}.p-xxl-4{padding:1.5rem!important}.p-xxl-5{padding:3rem!important}.px-xxl-0{padding-right:0!important;padding-left:0!important}.px-xxl-1{padding-right:.25rem!important;padding-left:.25rem!important}.px-xxl-2{padding-right:.5rem!important;padding-left:.5rem!important}.px-xxl-3{padding-right:1rem!important;padding-left:1rem!important}.px-xxl-4{padding-right:1.5rem!important;padding-left:1.5rem!important}.px-xxl-5{padding-right:3rem!important;padding-left:3rem!important}.py-xxl-0{padding-top:0!important;padding-bottom:0!important}.py-xxl-1{padding-top:.25rem!important;padding-bottom:.25rem!important}.py-xxl-2{padding-top:.5rem!important;padding-bottom:.5rem!important}.py-xxl-3{padding-top:1rem!important;padding-bottom:1rem!important}.py-xxl-4{padding-top:1.5rem!important;padding-bottom:1.5rem!important}.py-xxl-5{padding-top:3rem!important;padding-bottom:3rem!important}.pt-xxl-0{padding-top:0!important}.pt-xxl-1{padding-top:.25rem!important}.pt-xxl-2{padding-top:.5rem!important}.pt-xxl-3{padding-top:1rem!important}.pt-xxl-4{padding-top:1.5rem!important}.pt-xxl-5{padding-top:3rem!important}.pe-xxl-0{padding-right:0!important}.pe-xxl-1{padding-right:.25rem!important}.pe-xxl-2{padding-right:.5rem!important}.pe-xxl-3{padding-right:1rem!important}.pe-xxl-4{padding-right:1.5rem!important}.pe-xxl-5{padding-right:3rem!important}.pb-xxl-0{padding-bottom:0!important}.pb-xxl-1{padding-bottom:.25rem!important}.pb-xxl-2{padding-bottom:.5rem!important}.pb-xxl-3{padding-bottom:1rem!important}.pb-xxl-4{padding-bottom:1.5rem!important}.pb-xxl-5{padding-bottom:3rem!important}.ps-xxl-0{padding-left:0!important}.ps-xxl-1{padding-left:.25rem!important}.ps-xxl-2{padding-left:.5rem!important}.ps-xxl-3{padding-left:1rem!important}.ps-xxl-4{padding-left:1.5rem!important}.ps-xxl-5{padding-left:3rem!important}.gap-xxl-0{gap:0!important}.gap-xxl-1{gap:.25rem!important}.gap-xxl-2{gap:.5rem!important}.gap-xxl-3{gap:1rem!important}.gap-xxl-4{gap:1.5rem!important}.gap-xxl-5{gap:3rem!important}.row-gap-xxl-0{row-gap:0!important}.row-gap-xxl-1{row-gap:.25rem!important}.row-gap-xxl-2{row-gap:.5rem!important}.row-gap-xxl-3{row-gap:1rem!important}.row-gap-xxl-4{row-gap:1.5rem!important}.row-gap-xxl-5{row-gap:3rem!important}.column-gap-xxl-0{-moz-column-gap:0!important;column-gap:0!important}.column-gap-xxl-1{-moz-column-gap:0.25rem!important;column-gap:.25rem!important}.column-gap-xxl-2{-moz-column-gap:0.5rem!important;column-gap:.5rem!important}.column-gap-xxl-3{-moz-column-gap:1rem!important;column-gap:1rem!important}.column-gap-xxl-4{-moz-column-gap:1.5rem!important;column-gap:1.5rem!important}.column-gap-xxl-5{-moz-column-gap:3rem!important;column-gap:3rem!important}.text-xxl-start{text-align:left!important}.text-xxl-end{text-align:right!important}.text-xxl-center{text-align:center!important}}@media (min-width:1200px){.fs-1{font-size:2.5rem!important}.fs-2{font-size:2rem!important}.fs-3{font-size:1.75rem!important}.fs-4{font-size:1.5rem!important}}@media print{.d-print-inline{display:inline!important}.d-print-inline-block{display:inline-block!important}.d-print-block{display:block!important}.d-print-grid{display:grid!important}.d-print-inline-grid{display:inline-grid!important}.d-print-table{display:table!important}.d-print-table-row{display:table-row!important}.d-print-table-cell{display:table-cell!important}.d-print-flex{display:flex!important}.d-print-inline-flex{display:inline-flex!important}.d-print-none{display:none!important}}
/*!*************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/bootstrap-icons/font/bootstrap-icons.min.css ***!
  \*************************************************************************************************************/
/*!
 * Bootstrap Icons v1.13.1 (https://icons.getbootstrap.com/)
 * Copyright 2019-2024 The Bootstrap Authors
 * Licensed under MIT (https://github.com/twbs/icons/blob/main/LICENSE)
 */@font-face{font-display:block;font-family:bootstrap-icons;src:url(/f1m-editor/92ea18a81d737146ff04.woff2?e34853135f9e39acf64315236852cd5a) format("woff2"),url(/f1m-editor/1295669cd4e305c97f2c.woff?e34853135f9e39acf64315236852cd5a) format("woff")}.bi::before,[class*=" bi-"]::before,[class^=bi-]::before{display:inline-block;font-family:bootstrap-icons!important;font-style:normal;font-weight:400!important;font-variant:normal;text-transform:none;line-height:1;vertical-align:-.125em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.bi-123::before{content:"\f67f"}.bi-alarm-fill::before{content:"\f101"}.bi-alarm::before{content:"\f102"}.bi-align-bottom::before{content:"\f103"}.bi-align-center::before{content:"\f104"}.bi-align-end::before{content:"\f105"}.bi-align-middle::before{content:"\f106"}.bi-align-start::before{content:"\f107"}.bi-align-top::before{content:"\f108"}.bi-alt::before{content:"\f109"}.bi-app-indicator::before{content:"\f10a"}.bi-app::before{content:"\f10b"}.bi-archive-fill::before{content:"\f10c"}.bi-archive::before{content:"\f10d"}.bi-arrow-90deg-down::before{content:"\f10e"}.bi-arrow-90deg-left::before{content:"\f10f"}.bi-arrow-90deg-right::before{content:"\f110"}.bi-arrow-90deg-up::before{content:"\f111"}.bi-arrow-bar-down::before{content:"\f112"}.bi-arrow-bar-left::before{content:"\f113"}.bi-arrow-bar-right::before{content:"\f114"}.bi-arrow-bar-up::before{content:"\f115"}.bi-arrow-clockwise::before{content:"\f116"}.bi-arrow-counterclockwise::before{content:"\f117"}.bi-arrow-down-circle-fill::before{content:"\f118"}.bi-arrow-down-circle::before{content:"\f119"}.bi-arrow-down-left-circle-fill::before{content:"\f11a"}.bi-arrow-down-left-circle::before{content:"\f11b"}.bi-arrow-down-left-square-fill::before{content:"\f11c"}.bi-arrow-down-left-square::before{content:"\f11d"}.bi-arrow-down-left::before{content:"\f11e"}.bi-arrow-down-right-circle-fill::before{content:"\f11f"}.bi-arrow-down-right-circle::before{content:"\f120"}.bi-arrow-down-right-square-fill::before{content:"\f121"}.bi-arrow-down-right-square::before{content:"\f122"}.bi-arrow-down-right::before{content:"\f123"}.bi-arrow-down-short::before{content:"\f124"}.bi-arrow-down-square-fill::before{content:"\f125"}.bi-arrow-down-square::before{content:"\f126"}.bi-arrow-down-up::before{content:"\f127"}.bi-arrow-down::before{content:"\f128"}.bi-arrow-left-circle-fill::before{content:"\f129"}.bi-arrow-left-circle::before{content:"\f12a"}.bi-arrow-left-right::before{content:"\f12b"}.bi-arrow-left-short::before{content:"\f12c"}.bi-arrow-left-square-fill::before{content:"\f12d"}.bi-arrow-left-square::before{content:"\f12e"}.bi-arrow-left::before{content:"\f12f"}.bi-arrow-repeat::before{content:"\f130"}.bi-arrow-return-left::before{content:"\f131"}.bi-arrow-return-right::before{content:"\f132"}.bi-arrow-right-circle-fill::before{content:"\f133"}.bi-arrow-right-circle::before{content:"\f134"}.bi-arrow-right-short::before{content:"\f135"}.bi-arrow-right-square-fill::before{content:"\f136"}.bi-arrow-right-square::before{content:"\f137"}.bi-arrow-right::before{content:"\f138"}.bi-arrow-up-circle-fill::before{content:"\f139"}.bi-arrow-up-circle::before{content:"\f13a"}.bi-arrow-up-left-circle-fill::before{content:"\f13b"}.bi-arrow-up-left-circle::before{content:"\f13c"}.bi-arrow-up-left-square-fill::before{content:"\f13d"}.bi-arrow-up-left-square::before{content:"\f13e"}.bi-arrow-up-left::before{content:"\f13f"}.bi-arrow-up-right-circle-fill::before{content:"\f140"}.bi-arrow-up-right-circle::before{content:"\f141"}.bi-arrow-up-right-square-fill::before{content:"\f142"}.bi-arrow-up-right-square::before{content:"\f143"}.bi-arrow-up-right::before{content:"\f144"}.bi-arrow-up-short::before{content:"\f145"}.bi-arrow-up-square-fill::before{content:"\f146"}.bi-arrow-up-square::before{content:"\f147"}.bi-arrow-up::before{content:"\f148"}.bi-arrows-angle-contract::before{content:"\f149"}.bi-arrows-angle-expand::before{content:"\f14a"}.bi-arrows-collapse::before{content:"\f14b"}.bi-arrows-expand::before{content:"\f14c"}.bi-arrows-fullscreen::before{content:"\f14d"}.bi-arrows-move::before{content:"\f14e"}.bi-aspect-ratio-fill::before{content:"\f14f"}.bi-aspect-ratio::before{content:"\f150"}.bi-asterisk::before{content:"\f151"}.bi-at::before{content:"\f152"}.bi-award-fill::before{content:"\f153"}.bi-award::before{content:"\f154"}.bi-back::before{content:"\f155"}.bi-backspace-fill::before{content:"\f156"}.bi-backspace-reverse-fill::before{content:"\f157"}.bi-backspace-reverse::before{content:"\f158"}.bi-backspace::before{content:"\f159"}.bi-badge-3d-fill::before{content:"\f15a"}.bi-badge-3d::before{content:"\f15b"}.bi-badge-4k-fill::before{content:"\f15c"}.bi-badge-4k::before{content:"\f15d"}.bi-badge-8k-fill::before{content:"\f15e"}.bi-badge-8k::before{content:"\f15f"}.bi-badge-ad-fill::before{content:"\f160"}.bi-badge-ad::before{content:"\f161"}.bi-badge-ar-fill::before{content:"\f162"}.bi-badge-ar::before{content:"\f163"}.bi-badge-cc-fill::before{content:"\f164"}.bi-badge-cc::before{content:"\f165"}.bi-badge-hd-fill::before{content:"\f166"}.bi-badge-hd::before{content:"\f167"}.bi-badge-tm-fill::before{content:"\f168"}.bi-badge-tm::before{content:"\f169"}.bi-badge-vo-fill::before{content:"\f16a"}.bi-badge-vo::before{content:"\f16b"}.bi-badge-vr-fill::before{content:"\f16c"}.bi-badge-vr::before{content:"\f16d"}.bi-badge-wc-fill::before{content:"\f16e"}.bi-badge-wc::before{content:"\f16f"}.bi-bag-check-fill::before{content:"\f170"}.bi-bag-check::before{content:"\f171"}.bi-bag-dash-fill::before{content:"\f172"}.bi-bag-dash::before{content:"\f173"}.bi-bag-fill::before{content:"\f174"}.bi-bag-plus-fill::before{content:"\f175"}.bi-bag-plus::before{content:"\f176"}.bi-bag-x-fill::before{content:"\f177"}.bi-bag-x::before{content:"\f178"}.bi-bag::before{content:"\f179"}.bi-bar-chart-fill::before{content:"\f17a"}.bi-bar-chart-line-fill::before{content:"\f17b"}.bi-bar-chart-line::before{content:"\f17c"}.bi-bar-chart-steps::before{content:"\f17d"}.bi-bar-chart::before{content:"\f17e"}.bi-basket-fill::before{content:"\f17f"}.bi-basket::before{content:"\f180"}.bi-basket2-fill::before{content:"\f181"}.bi-basket2::before{content:"\f182"}.bi-basket3-fill::before{content:"\f183"}.bi-basket3::before{content:"\f184"}.bi-battery-charging::before{content:"\f185"}.bi-battery-full::before{content:"\f186"}.bi-battery-half::before{content:"\f187"}.bi-battery::before{content:"\f188"}.bi-bell-fill::before{content:"\f189"}.bi-bell::before{content:"\f18a"}.bi-bezier::before{content:"\f18b"}.bi-bezier2::before{content:"\f18c"}.bi-bicycle::before{content:"\f18d"}.bi-binoculars-fill::before{content:"\f18e"}.bi-binoculars::before{content:"\f18f"}.bi-blockquote-left::before{content:"\f190"}.bi-blockquote-right::before{content:"\f191"}.bi-book-fill::before{content:"\f192"}.bi-book-half::before{content:"\f193"}.bi-book::before{content:"\f194"}.bi-bookmark-check-fill::before{content:"\f195"}.bi-bookmark-check::before{content:"\f196"}.bi-bookmark-dash-fill::before{content:"\f197"}.bi-bookmark-dash::before{content:"\f198"}.bi-bookmark-fill::before{content:"\f199"}.bi-bookmark-heart-fill::before{content:"\f19a"}.bi-bookmark-heart::before{content:"\f19b"}.bi-bookmark-plus-fill::before{content:"\f19c"}.bi-bookmark-plus::before{content:"\f19d"}.bi-bookmark-star-fill::before{content:"\f19e"}.bi-bookmark-star::before{content:"\f19f"}.bi-bookmark-x-fill::before{content:"\f1a0"}.bi-bookmark-x::before{content:"\f1a1"}.bi-bookmark::before{content:"\f1a2"}.bi-bookmarks-fill::before{content:"\f1a3"}.bi-bookmarks::before{content:"\f1a4"}.bi-bookshelf::before{content:"\f1a5"}.bi-bootstrap-fill::before{content:"\f1a6"}.bi-bootstrap-reboot::before{content:"\f1a7"}.bi-bootstrap::before{content:"\f1a8"}.bi-border-all::before{content:"\f1a9"}.bi-border-bottom::before{content:"\f1aa"}.bi-border-center::before{content:"\f1ab"}.bi-border-inner::before{content:"\f1ac"}.bi-border-left::before{content:"\f1ad"}.bi-border-middle::before{content:"\f1ae"}.bi-border-outer::before{content:"\f1af"}.bi-border-right::before{content:"\f1b0"}.bi-border-style::before{content:"\f1b1"}.bi-border-top::before{content:"\f1b2"}.bi-border-width::before{content:"\f1b3"}.bi-border::before{content:"\f1b4"}.bi-bounding-box-circles::before{content:"\f1b5"}.bi-bounding-box::before{content:"\f1b6"}.bi-box-arrow-down-left::before{content:"\f1b7"}.bi-box-arrow-down-right::before{content:"\f1b8"}.bi-box-arrow-down::before{content:"\f1b9"}.bi-box-arrow-in-down-left::before{content:"\f1ba"}.bi-box-arrow-in-down-right::before{content:"\f1bb"}.bi-box-arrow-in-down::before{content:"\f1bc"}.bi-box-arrow-in-left::before{content:"\f1bd"}.bi-box-arrow-in-right::before{content:"\f1be"}.bi-box-arrow-in-up-left::before{content:"\f1bf"}.bi-box-arrow-in-up-right::before{content:"\f1c0"}.bi-box-arrow-in-up::before{content:"\f1c1"}.bi-box-arrow-left::before{content:"\f1c2"}.bi-box-arrow-right::before{content:"\f1c3"}.bi-box-arrow-up-left::before{content:"\f1c4"}.bi-box-arrow-up-right::before{content:"\f1c5"}.bi-box-arrow-up::before{content:"\f1c6"}.bi-box-seam::before{content:"\f1c7"}.bi-box::before{content:"\f1c8"}.bi-braces::before{content:"\f1c9"}.bi-bricks::before{content:"\f1ca"}.bi-briefcase-fill::before{content:"\f1cb"}.bi-briefcase::before{content:"\f1cc"}.bi-brightness-alt-high-fill::before{content:"\f1cd"}.bi-brightness-alt-high::before{content:"\f1ce"}.bi-brightness-alt-low-fill::before{content:"\f1cf"}.bi-brightness-alt-low::before{content:"\f1d0"}.bi-brightness-high-fill::before{content:"\f1d1"}.bi-brightness-high::before{content:"\f1d2"}.bi-brightness-low-fill::before{content:"\f1d3"}.bi-brightness-low::before{content:"\f1d4"}.bi-broadcast-pin::before{content:"\f1d5"}.bi-broadcast::before{content:"\f1d6"}.bi-brush-fill::before{content:"\f1d7"}.bi-brush::before{content:"\f1d8"}.bi-bucket-fill::before{content:"\f1d9"}.bi-bucket::before{content:"\f1da"}.bi-bug-fill::before{content:"\f1db"}.bi-bug::before{content:"\f1dc"}.bi-building::before{content:"\f1dd"}.bi-bullseye::before{content:"\f1de"}.bi-calculator-fill::before{content:"\f1df"}.bi-calculator::before{content:"\f1e0"}.bi-calendar-check-fill::before{content:"\f1e1"}.bi-calendar-check::before{content:"\f1e2"}.bi-calendar-date-fill::before{content:"\f1e3"}.bi-calendar-date::before{content:"\f1e4"}.bi-calendar-day-fill::before{content:"\f1e5"}.bi-calendar-day::before{content:"\f1e6"}.bi-calendar-event-fill::before{content:"\f1e7"}.bi-calendar-event::before{content:"\f1e8"}.bi-calendar-fill::before{content:"\f1e9"}.bi-calendar-minus-fill::before{content:"\f1ea"}.bi-calendar-minus::before{content:"\f1eb"}.bi-calendar-month-fill::before{content:"\f1ec"}.bi-calendar-month::before{content:"\f1ed"}.bi-calendar-plus-fill::before{content:"\f1ee"}.bi-calendar-plus::before{content:"\f1ef"}.bi-calendar-range-fill::before{content:"\f1f0"}.bi-calendar-range::before{content:"\f1f1"}.bi-calendar-week-fill::before{content:"\f1f2"}.bi-calendar-week::before{content:"\f1f3"}.bi-calendar-x-fill::before{content:"\f1f4"}.bi-calendar-x::before{content:"\f1f5"}.bi-calendar::before{content:"\f1f6"}.bi-calendar2-check-fill::before{content:"\f1f7"}.bi-calendar2-check::before{content:"\f1f8"}.bi-calendar2-date-fill::before{content:"\f1f9"}.bi-calendar2-date::before{content:"\f1fa"}.bi-calendar2-day-fill::before{content:"\f1fb"}.bi-calendar2-day::before{content:"\f1fc"}.bi-calendar2-event-fill::before{content:"\f1fd"}.bi-calendar2-event::before{content:"\f1fe"}.bi-calendar2-fill::before{content:"\f1ff"}.bi-calendar2-minus-fill::before{content:"\f200"}.bi-calendar2-minus::before{content:"\f201"}.bi-calendar2-month-fill::before{content:"\f202"}.bi-calendar2-month::before{content:"\f203"}.bi-calendar2-plus-fill::before{content:"\f204"}.bi-calendar2-plus::before{content:"\f205"}.bi-calendar2-range-fill::before{content:"\f206"}.bi-calendar2-range::before{content:"\f207"}.bi-calendar2-week-fill::before{content:"\f208"}.bi-calendar2-week::before{content:"\f209"}.bi-calendar2-x-fill::before{content:"\f20a"}.bi-calendar2-x::before{content:"\f20b"}.bi-calendar2::before{content:"\f20c"}.bi-calendar3-event-fill::before{content:"\f20d"}.bi-calendar3-event::before{content:"\f20e"}.bi-calendar3-fill::before{content:"\f20f"}.bi-calendar3-range-fill::before{content:"\f210"}.bi-calendar3-range::before{content:"\f211"}.bi-calendar3-week-fill::before{content:"\f212"}.bi-calendar3-week::before{content:"\f213"}.bi-calendar3::before{content:"\f214"}.bi-calendar4-event::before{content:"\f215"}.bi-calendar4-range::before{content:"\f216"}.bi-calendar4-week::before{content:"\f217"}.bi-calendar4::before{content:"\f218"}.bi-camera-fill::before{content:"\f219"}.bi-camera-reels-fill::before{content:"\f21a"}.bi-camera-reels::before{content:"\f21b"}.bi-camera-video-fill::before{content:"\f21c"}.bi-camera-video-off-fill::before{content:"\f21d"}.bi-camera-video-off::before{content:"\f21e"}.bi-camera-video::before{content:"\f21f"}.bi-camera::before{content:"\f220"}.bi-camera2::before{content:"\f221"}.bi-capslock-fill::before{content:"\f222"}.bi-capslock::before{content:"\f223"}.bi-card-checklist::before{content:"\f224"}.bi-card-heading::before{content:"\f225"}.bi-card-image::before{content:"\f226"}.bi-card-list::before{content:"\f227"}.bi-card-text::before{content:"\f228"}.bi-caret-down-fill::before{content:"\f229"}.bi-caret-down-square-fill::before{content:"\f22a"}.bi-caret-down-square::before{content:"\f22b"}.bi-caret-down::before{content:"\f22c"}.bi-caret-left-fill::before{content:"\f22d"}.bi-caret-left-square-fill::before{content:"\f22e"}.bi-caret-left-square::before{content:"\f22f"}.bi-caret-left::before{content:"\f230"}.bi-caret-right-fill::before{content:"\f231"}.bi-caret-right-square-fill::before{content:"\f232"}.bi-caret-right-square::before{content:"\f233"}.bi-caret-right::before{content:"\f234"}.bi-caret-up-fill::before{content:"\f235"}.bi-caret-up-square-fill::before{content:"\f236"}.bi-caret-up-square::before{content:"\f237"}.bi-caret-up::before{content:"\f238"}.bi-cart-check-fill::before{content:"\f239"}.bi-cart-check::before{content:"\f23a"}.bi-cart-dash-fill::before{content:"\f23b"}.bi-cart-dash::before{content:"\f23c"}.bi-cart-fill::before{content:"\f23d"}.bi-cart-plus-fill::before{content:"\f23e"}.bi-cart-plus::before{content:"\f23f"}.bi-cart-x-fill::before{content:"\f240"}.bi-cart-x::before{content:"\f241"}.bi-cart::before{content:"\f242"}.bi-cart2::before{content:"\f243"}.bi-cart3::before{content:"\f244"}.bi-cart4::before{content:"\f245"}.bi-cash-stack::before{content:"\f246"}.bi-cash::before{content:"\f247"}.bi-cast::before{content:"\f248"}.bi-chat-dots-fill::before{content:"\f249"}.bi-chat-dots::before{content:"\f24a"}.bi-chat-fill::before{content:"\f24b"}.bi-chat-left-dots-fill::before{content:"\f24c"}.bi-chat-left-dots::before{content:"\f24d"}.bi-chat-left-fill::before{content:"\f24e"}.bi-chat-left-quote-fill::before{content:"\f24f"}.bi-chat-left-quote::before{content:"\f250"}.bi-chat-left-text-fill::before{content:"\f251"}.bi-chat-left-text::before{content:"\f252"}.bi-chat-left::before{content:"\f253"}.bi-chat-quote-fill::before{content:"\f254"}.bi-chat-quote::before{content:"\f255"}.bi-chat-right-dots-fill::before{content:"\f256"}.bi-chat-right-dots::before{content:"\f257"}.bi-chat-right-fill::before{content:"\f258"}.bi-chat-right-quote-fill::before{content:"\f259"}.bi-chat-right-quote::before{content:"\f25a"}.bi-chat-right-text-fill::before{content:"\f25b"}.bi-chat-right-text::before{content:"\f25c"}.bi-chat-right::before{content:"\f25d"}.bi-chat-square-dots-fill::before{content:"\f25e"}.bi-chat-square-dots::before{content:"\f25f"}.bi-chat-square-fill::before{content:"\f260"}.bi-chat-square-quote-fill::before{content:"\f261"}.bi-chat-square-quote::before{content:"\f262"}.bi-chat-square-text-fill::before{content:"\f263"}.bi-chat-square-text::before{content:"\f264"}.bi-chat-square::before{content:"\f265"}.bi-chat-text-fill::before{content:"\f266"}.bi-chat-text::before{content:"\f267"}.bi-chat::before{content:"\f268"}.bi-check-all::before{content:"\f269"}.bi-check-circle-fill::before{content:"\f26a"}.bi-check-circle::before{content:"\f26b"}.bi-check-square-fill::before{content:"\f26c"}.bi-check-square::before{content:"\f26d"}.bi-check::before{content:"\f26e"}.bi-check2-all::before{content:"\f26f"}.bi-check2-circle::before{content:"\f270"}.bi-check2-square::before{content:"\f271"}.bi-check2::before{content:"\f272"}.bi-chevron-bar-contract::before{content:"\f273"}.bi-chevron-bar-down::before{content:"\f274"}.bi-chevron-bar-expand::before{content:"\f275"}.bi-chevron-bar-left::before{content:"\f276"}.bi-chevron-bar-right::before{content:"\f277"}.bi-chevron-bar-up::before{content:"\f278"}.bi-chevron-compact-down::before{content:"\f279"}.bi-chevron-compact-left::before{content:"\f27a"}.bi-chevron-compact-right::before{content:"\f27b"}.bi-chevron-compact-up::before{content:"\f27c"}.bi-chevron-contract::before{content:"\f27d"}.bi-chevron-double-down::before{content:"\f27e"}.bi-chevron-double-left::before{content:"\f27f"}.bi-chevron-double-right::before{content:"\f280"}.bi-chevron-double-up::before{content:"\f281"}.bi-chevron-down::before{content:"\f282"}.bi-chevron-expand::before{content:"\f283"}.bi-chevron-left::before{content:"\f284"}.bi-chevron-right::before{content:"\f285"}.bi-chevron-up::before{content:"\f286"}.bi-circle-fill::before{content:"\f287"}.bi-circle-half::before{content:"\f288"}.bi-circle-square::before{content:"\f289"}.bi-circle::before{content:"\f28a"}.bi-clipboard-check::before{content:"\f28b"}.bi-clipboard-data::before{content:"\f28c"}.bi-clipboard-minus::before{content:"\f28d"}.bi-clipboard-plus::before{content:"\f28e"}.bi-clipboard-x::before{content:"\f28f"}.bi-clipboard::before{content:"\f290"}.bi-clock-fill::before{content:"\f291"}.bi-clock-history::before{content:"\f292"}.bi-clock::before{content:"\f293"}.bi-cloud-arrow-down-fill::before{content:"\f294"}.bi-cloud-arrow-down::before{content:"\f295"}.bi-cloud-arrow-up-fill::before{content:"\f296"}.bi-cloud-arrow-up::before{content:"\f297"}.bi-cloud-check-fill::before{content:"\f298"}.bi-cloud-check::before{content:"\f299"}.bi-cloud-download-fill::before{content:"\f29a"}.bi-cloud-download::before{content:"\f29b"}.bi-cloud-drizzle-fill::before{content:"\f29c"}.bi-cloud-drizzle::before{content:"\f29d"}.bi-cloud-fill::before{content:"\f29e"}.bi-cloud-fog-fill::before{content:"\f29f"}.bi-cloud-fog::before{content:"\f2a0"}.bi-cloud-fog2-fill::before{content:"\f2a1"}.bi-cloud-fog2::before{content:"\f2a2"}.bi-cloud-hail-fill::before{content:"\f2a3"}.bi-cloud-hail::before{content:"\f2a4"}.bi-cloud-haze-fill::before{content:"\f2a6"}.bi-cloud-haze::before{content:"\f2a7"}.bi-cloud-haze2-fill::before{content:"\f2a8"}.bi-cloud-lightning-fill::before{content:"\f2a9"}.bi-cloud-lightning-rain-fill::before{content:"\f2aa"}.bi-cloud-lightning-rain::before{content:"\f2ab"}.bi-cloud-lightning::before{content:"\f2ac"}.bi-cloud-minus-fill::before{content:"\f2ad"}.bi-cloud-minus::before{content:"\f2ae"}.bi-cloud-moon-fill::before{content:"\f2af"}.bi-cloud-moon::before{content:"\f2b0"}.bi-cloud-plus-fill::before{content:"\f2b1"}.bi-cloud-plus::before{content:"\f2b2"}.bi-cloud-rain-fill::before{content:"\f2b3"}.bi-cloud-rain-heavy-fill::before{content:"\f2b4"}.bi-cloud-rain-heavy::before{content:"\f2b5"}.bi-cloud-rain::before{content:"\f2b6"}.bi-cloud-slash-fill::before{content:"\f2b7"}.bi-cloud-slash::before{content:"\f2b8"}.bi-cloud-sleet-fill::before{content:"\f2b9"}.bi-cloud-sleet::before{content:"\f2ba"}.bi-cloud-snow-fill::before{content:"\f2bb"}.bi-cloud-snow::before{content:"\f2bc"}.bi-cloud-sun-fill::before{content:"\f2bd"}.bi-cloud-sun::before{content:"\f2be"}.bi-cloud-upload-fill::before{content:"\f2bf"}.bi-cloud-upload::before{content:"\f2c0"}.bi-cloud::before{content:"\f2c1"}.bi-clouds-fill::before{content:"\f2c2"}.bi-clouds::before{content:"\f2c3"}.bi-cloudy-fill::before{content:"\f2c4"}.bi-cloudy::before{content:"\f2c5"}.bi-code-slash::before{content:"\f2c6"}.bi-code-square::before{content:"\f2c7"}.bi-code::before{content:"\f2c8"}.bi-collection-fill::before{content:"\f2c9"}.bi-collection-play-fill::before{content:"\f2ca"}.bi-collection-play::before{content:"\f2cb"}.bi-collection::before{content:"\f2cc"}.bi-columns-gap::before{content:"\f2cd"}.bi-columns::before{content:"\f2ce"}.bi-command::before{content:"\f2cf"}.bi-compass-fill::before{content:"\f2d0"}.bi-compass::before{content:"\f2d1"}.bi-cone-striped::before{content:"\f2d2"}.bi-cone::before{content:"\f2d3"}.bi-controller::before{content:"\f2d4"}.bi-cpu-fill::before{content:"\f2d5"}.bi-cpu::before{content:"\f2d6"}.bi-credit-card-2-back-fill::before{content:"\f2d7"}.bi-credit-card-2-back::before{content:"\f2d8"}.bi-credit-card-2-front-fill::before{content:"\f2d9"}.bi-credit-card-2-front::before{content:"\f2da"}.bi-credit-card-fill::before{content:"\f2db"}.bi-credit-card::before{content:"\f2dc"}.bi-crop::before{content:"\f2dd"}.bi-cup-fill::before{content:"\f2de"}.bi-cup-straw::before{content:"\f2df"}.bi-cup::before{content:"\f2e0"}.bi-cursor-fill::before{content:"\f2e1"}.bi-cursor-text::before{content:"\f2e2"}.bi-cursor::before{content:"\f2e3"}.bi-dash-circle-dotted::before{content:"\f2e4"}.bi-dash-circle-fill::before{content:"\f2e5"}.bi-dash-circle::before{content:"\f2e6"}.bi-dash-square-dotted::before{content:"\f2e7"}.bi-dash-square-fill::before{content:"\f2e8"}.bi-dash-square::before{content:"\f2e9"}.bi-dash::before{content:"\f2ea"}.bi-diagram-2-fill::before{content:"\f2eb"}.bi-diagram-2::before{content:"\f2ec"}.bi-diagram-3-fill::before{content:"\f2ed"}.bi-diagram-3::before{content:"\f2ee"}.bi-diamond-fill::before{content:"\f2ef"}.bi-diamond-half::before{content:"\f2f0"}.bi-diamond::before{content:"\f2f1"}.bi-dice-1-fill::before{content:"\f2f2"}.bi-dice-1::before{content:"\f2f3"}.bi-dice-2-fill::before{content:"\f2f4"}.bi-dice-2::before{content:"\f2f5"}.bi-dice-3-fill::before{content:"\f2f6"}.bi-dice-3::before{content:"\f2f7"}.bi-dice-4-fill::before{content:"\f2f8"}.bi-dice-4::before{content:"\f2f9"}.bi-dice-5-fill::before{content:"\f2fa"}.bi-dice-5::before{content:"\f2fb"}.bi-dice-6-fill::before{content:"\f2fc"}.bi-dice-6::before{content:"\f2fd"}.bi-disc-fill::before{content:"\f2fe"}.bi-disc::before{content:"\f2ff"}.bi-discord::before{content:"\f300"}.bi-display-fill::before{content:"\f301"}.bi-display::before{content:"\f302"}.bi-distribute-horizontal::before{content:"\f303"}.bi-distribute-vertical::before{content:"\f304"}.bi-door-closed-fill::before{content:"\f305"}.bi-door-closed::before{content:"\f306"}.bi-door-open-fill::before{content:"\f307"}.bi-door-open::before{content:"\f308"}.bi-dot::before{content:"\f309"}.bi-download::before{content:"\f30a"}.bi-droplet-fill::before{content:"\f30b"}.bi-droplet-half::before{content:"\f30c"}.bi-droplet::before{content:"\f30d"}.bi-earbuds::before{content:"\f30e"}.bi-easel-fill::before{content:"\f30f"}.bi-easel::before{content:"\f310"}.bi-egg-fill::before{content:"\f311"}.bi-egg-fried::before{content:"\f312"}.bi-egg::before{content:"\f313"}.bi-eject-fill::before{content:"\f314"}.bi-eject::before{content:"\f315"}.bi-emoji-angry-fill::before{content:"\f316"}.bi-emoji-angry::before{content:"\f317"}.bi-emoji-dizzy-fill::before{content:"\f318"}.bi-emoji-dizzy::before{content:"\f319"}.bi-emoji-expressionless-fill::before{content:"\f31a"}.bi-emoji-expressionless::before{content:"\f31b"}.bi-emoji-frown-fill::before{content:"\f31c"}.bi-emoji-frown::before{content:"\f31d"}.bi-emoji-heart-eyes-fill::before{content:"\f31e"}.bi-emoji-heart-eyes::before{content:"\f31f"}.bi-emoji-laughing-fill::before{content:"\f320"}.bi-emoji-laughing::before{content:"\f321"}.bi-emoji-neutral-fill::before{content:"\f322"}.bi-emoji-neutral::before{content:"\f323"}.bi-emoji-smile-fill::before{content:"\f324"}.bi-emoji-smile-upside-down-fill::before{content:"\f325"}.bi-emoji-smile-upside-down::before{content:"\f326"}.bi-emoji-smile::before{content:"\f327"}.bi-emoji-sunglasses-fill::before{content:"\f328"}.bi-emoji-sunglasses::before{content:"\f329"}.bi-emoji-wink-fill::before{content:"\f32a"}.bi-emoji-wink::before{content:"\f32b"}.bi-envelope-fill::before{content:"\f32c"}.bi-envelope-open-fill::before{content:"\f32d"}.bi-envelope-open::before{content:"\f32e"}.bi-envelope::before{content:"\f32f"}.bi-eraser-fill::before{content:"\f330"}.bi-eraser::before{content:"\f331"}.bi-exclamation-circle-fill::before{content:"\f332"}.bi-exclamation-circle::before{content:"\f333"}.bi-exclamation-diamond-fill::before{content:"\f334"}.bi-exclamation-diamond::before{content:"\f335"}.bi-exclamation-octagon-fill::before{content:"\f336"}.bi-exclamation-octagon::before{content:"\f337"}.bi-exclamation-square-fill::before{content:"\f338"}.bi-exclamation-square::before{content:"\f339"}.bi-exclamation-triangle-fill::before{content:"\f33a"}.bi-exclamation-triangle::before{content:"\f33b"}.bi-exclamation::before{content:"\f33c"}.bi-exclude::before{content:"\f33d"}.bi-eye-fill::before{content:"\f33e"}.bi-eye-slash-fill::before{content:"\f33f"}.bi-eye-slash::before{content:"\f340"}.bi-eye::before{content:"\f341"}.bi-eyedropper::before{content:"\f342"}.bi-eyeglasses::before{content:"\f343"}.bi-facebook::before{content:"\f344"}.bi-file-arrow-down-fill::before{content:"\f345"}.bi-file-arrow-down::before{content:"\f346"}.bi-file-arrow-up-fill::before{content:"\f347"}.bi-file-arrow-up::before{content:"\f348"}.bi-file-bar-graph-fill::before{content:"\f349"}.bi-file-bar-graph::before{content:"\f34a"}.bi-file-binary-fill::before{content:"\f34b"}.bi-file-binary::before{content:"\f34c"}.bi-file-break-fill::before{content:"\f34d"}.bi-file-break::before{content:"\f34e"}.bi-file-check-fill::before{content:"\f34f"}.bi-file-check::before{content:"\f350"}.bi-file-code-fill::before{content:"\f351"}.bi-file-code::before{content:"\f352"}.bi-file-diff-fill::before{content:"\f353"}.bi-file-diff::before{content:"\f354"}.bi-file-earmark-arrow-down-fill::before{content:"\f355"}.bi-file-earmark-arrow-down::before{content:"\f356"}.bi-file-earmark-arrow-up-fill::before{content:"\f357"}.bi-file-earmark-arrow-up::before{content:"\f358"}.bi-file-earmark-bar-graph-fill::before{content:"\f359"}.bi-file-earmark-bar-graph::before{content:"\f35a"}.bi-file-earmark-binary-fill::before{content:"\f35b"}.bi-file-earmark-binary::before{content:"\f35c"}.bi-file-earmark-break-fill::before{content:"\f35d"}.bi-file-earmark-break::before{content:"\f35e"}.bi-file-earmark-check-fill::before{content:"\f35f"}.bi-file-earmark-check::before{content:"\f360"}.bi-file-earmark-code-fill::before{content:"\f361"}.bi-file-earmark-code::before{content:"\f362"}.bi-file-earmark-diff-fill::before{content:"\f363"}.bi-file-earmark-diff::before{content:"\f364"}.bi-file-earmark-easel-fill::before{content:"\f365"}.bi-file-earmark-easel::before{content:"\f366"}.bi-file-earmark-excel-fill::before{content:"\f367"}.bi-file-earmark-excel::before{content:"\f368"}.bi-file-earmark-fill::before{content:"\f369"}.bi-file-earmark-font-fill::before{content:"\f36a"}.bi-file-earmark-font::before{content:"\f36b"}.bi-file-earmark-image-fill::before{content:"\f36c"}.bi-file-earmark-image::before{content:"\f36d"}.bi-file-earmark-lock-fill::before{content:"\f36e"}.bi-file-earmark-lock::before{content:"\f36f"}.bi-file-earmark-lock2-fill::before{content:"\f370"}.bi-file-earmark-lock2::before{content:"\f371"}.bi-file-earmark-medical-fill::before{content:"\f372"}.bi-file-earmark-medical::before{content:"\f373"}.bi-file-earmark-minus-fill::before{content:"\f374"}.bi-file-earmark-minus::before{content:"\f375"}.bi-file-earmark-music-fill::before{content:"\f376"}.bi-file-earmark-music::before{content:"\f377"}.bi-file-earmark-person-fill::before{content:"\f378"}.bi-file-earmark-person::before{content:"\f379"}.bi-file-earmark-play-fill::before{content:"\f37a"}.bi-file-earmark-play::before{content:"\f37b"}.bi-file-earmark-plus-fill::before{content:"\f37c"}.bi-file-earmark-plus::before{content:"\f37d"}.bi-file-earmark-post-fill::before{content:"\f37e"}.bi-file-earmark-post::before{content:"\f37f"}.bi-file-earmark-ppt-fill::before{content:"\f380"}.bi-file-earmark-ppt::before{content:"\f381"}.bi-file-earmark-richtext-fill::before{content:"\f382"}.bi-file-earmark-richtext::before{content:"\f383"}.bi-file-earmark-ruled-fill::before{content:"\f384"}.bi-file-earmark-ruled::before{content:"\f385"}.bi-file-earmark-slides-fill::before{content:"\f386"}.bi-file-earmark-slides::before{content:"\f387"}.bi-file-earmark-spreadsheet-fill::before{content:"\f388"}.bi-file-earmark-spreadsheet::before{content:"\f389"}.bi-file-earmark-text-fill::before{content:"\f38a"}.bi-file-earmark-text::before{content:"\f38b"}.bi-file-earmark-word-fill::before{content:"\f38c"}.bi-file-earmark-word::before{content:"\f38d"}.bi-file-earmark-x-fill::before{content:"\f38e"}.bi-file-earmark-x::before{content:"\f38f"}.bi-file-earmark-zip-fill::before{content:"\f390"}.bi-file-earmark-zip::before{content:"\f391"}.bi-file-earmark::before{content:"\f392"}.bi-file-easel-fill::before{content:"\f393"}.bi-file-easel::before{content:"\f394"}.bi-file-excel-fill::before{content:"\f395"}.bi-file-excel::before{content:"\f396"}.bi-file-fill::before{content:"\f397"}.bi-file-font-fill::before{content:"\f398"}.bi-file-font::before{content:"\f399"}.bi-file-image-fill::before{content:"\f39a"}.bi-file-image::before{content:"\f39b"}.bi-file-lock-fill::before{content:"\f39c"}.bi-file-lock::before{content:"\f39d"}.bi-file-lock2-fill::before{content:"\f39e"}.bi-file-lock2::before{content:"\f39f"}.bi-file-medical-fill::before{content:"\f3a0"}.bi-file-medical::before{content:"\f3a1"}.bi-file-minus-fill::before{content:"\f3a2"}.bi-file-minus::before{content:"\f3a3"}.bi-file-music-fill::before{content:"\f3a4"}.bi-file-music::before{content:"\f3a5"}.bi-file-person-fill::before{content:"\f3a6"}.bi-file-person::before{content:"\f3a7"}.bi-file-play-fill::before{content:"\f3a8"}.bi-file-play::before{content:"\f3a9"}.bi-file-plus-fill::before{content:"\f3aa"}.bi-file-plus::before{content:"\f3ab"}.bi-file-post-fill::before{content:"\f3ac"}.bi-file-post::before{content:"\f3ad"}.bi-file-ppt-fill::before{content:"\f3ae"}.bi-file-ppt::before{content:"\f3af"}.bi-file-richtext-fill::before{content:"\f3b0"}.bi-file-richtext::before{content:"\f3b1"}.bi-file-ruled-fill::before{content:"\f3b2"}.bi-file-ruled::before{content:"\f3b3"}.bi-file-slides-fill::before{content:"\f3b4"}.bi-file-slides::before{content:"\f3b5"}.bi-file-spreadsheet-fill::before{content:"\f3b6"}.bi-file-spreadsheet::before{content:"\f3b7"}.bi-file-text-fill::before{content:"\f3b8"}.bi-file-text::before{content:"\f3b9"}.bi-file-word-fill::before{content:"\f3ba"}.bi-file-word::before{content:"\f3bb"}.bi-file-x-fill::before{content:"\f3bc"}.bi-file-x::before{content:"\f3bd"}.bi-file-zip-fill::before{content:"\f3be"}.bi-file-zip::before{content:"\f3bf"}.bi-file::before{content:"\f3c0"}.bi-files-alt::before{content:"\f3c1"}.bi-files::before{content:"\f3c2"}.bi-film::before{content:"\f3c3"}.bi-filter-circle-fill::before{content:"\f3c4"}.bi-filter-circle::before{content:"\f3c5"}.bi-filter-left::before{content:"\f3c6"}.bi-filter-right::before{content:"\f3c7"}.bi-filter-square-fill::before{content:"\f3c8"}.bi-filter-square::before{content:"\f3c9"}.bi-filter::before{content:"\f3ca"}.bi-flag-fill::before{content:"\f3cb"}.bi-flag::before{content:"\f3cc"}.bi-flower1::before{content:"\f3cd"}.bi-flower2::before{content:"\f3ce"}.bi-flower3::before{content:"\f3cf"}.bi-folder-check::before{content:"\f3d0"}.bi-folder-fill::before{content:"\f3d1"}.bi-folder-minus::before{content:"\f3d2"}.bi-folder-plus::before{content:"\f3d3"}.bi-folder-symlink-fill::before{content:"\f3d4"}.bi-folder-symlink::before{content:"\f3d5"}.bi-folder-x::before{content:"\f3d6"}.bi-folder::before{content:"\f3d7"}.bi-folder2-open::before{content:"\f3d8"}.bi-folder2::before{content:"\f3d9"}.bi-fonts::before{content:"\f3da"}.bi-forward-fill::before{content:"\f3db"}.bi-forward::before{content:"\f3dc"}.bi-front::before{content:"\f3dd"}.bi-fullscreen-exit::before{content:"\f3de"}.bi-fullscreen::before{content:"\f3df"}.bi-funnel-fill::before{content:"\f3e0"}.bi-funnel::before{content:"\f3e1"}.bi-gear-fill::before{content:"\f3e2"}.bi-gear-wide-connected::before{content:"\f3e3"}.bi-gear-wide::before{content:"\f3e4"}.bi-gear::before{content:"\f3e5"}.bi-gem::before{content:"\f3e6"}.bi-geo-alt-fill::before{content:"\f3e7"}.bi-geo-alt::before{content:"\f3e8"}.bi-geo-fill::before{content:"\f3e9"}.bi-geo::before{content:"\f3ea"}.bi-gift-fill::before{content:"\f3eb"}.bi-gift::before{content:"\f3ec"}.bi-github::before{content:"\f3ed"}.bi-globe::before{content:"\f3ee"}.bi-globe2::before{content:"\f3ef"}.bi-google::before{content:"\f3f0"}.bi-graph-down::before{content:"\f3f1"}.bi-graph-up::before{content:"\f3f2"}.bi-grid-1x2-fill::before{content:"\f3f3"}.bi-grid-1x2::before{content:"\f3f4"}.bi-grid-3x2-gap-fill::before{content:"\f3f5"}.bi-grid-3x2-gap::before{content:"\f3f6"}.bi-grid-3x2::before{content:"\f3f7"}.bi-grid-3x3-gap-fill::before{content:"\f3f8"}.bi-grid-3x3-gap::before{content:"\f3f9"}.bi-grid-3x3::before{content:"\f3fa"}.bi-grid-fill::before{content:"\f3fb"}.bi-grid::before{content:"\f3fc"}.bi-grip-horizontal::before{content:"\f3fd"}.bi-grip-vertical::before{content:"\f3fe"}.bi-hammer::before{content:"\f3ff"}.bi-hand-index-fill::before{content:"\f400"}.bi-hand-index-thumb-fill::before{content:"\f401"}.bi-hand-index-thumb::before{content:"\f402"}.bi-hand-index::before{content:"\f403"}.bi-hand-thumbs-down-fill::before{content:"\f404"}.bi-hand-thumbs-down::before{content:"\f405"}.bi-hand-thumbs-up-fill::before{content:"\f406"}.bi-hand-thumbs-up::before{content:"\f407"}.bi-handbag-fill::before{content:"\f408"}.bi-handbag::before{content:"\f409"}.bi-hash::before{content:"\f40a"}.bi-hdd-fill::before{content:"\f40b"}.bi-hdd-network-fill::before{content:"\f40c"}.bi-hdd-network::before{content:"\f40d"}.bi-hdd-rack-fill::before{content:"\f40e"}.bi-hdd-rack::before{content:"\f40f"}.bi-hdd-stack-fill::before{content:"\f410"}.bi-hdd-stack::before{content:"\f411"}.bi-hdd::before{content:"\f412"}.bi-headphones::before{content:"\f413"}.bi-headset::before{content:"\f414"}.bi-heart-fill::before{content:"\f415"}.bi-heart-half::before{content:"\f416"}.bi-heart::before{content:"\f417"}.bi-heptagon-fill::before{content:"\f418"}.bi-heptagon-half::before{content:"\f419"}.bi-heptagon::before{content:"\f41a"}.bi-hexagon-fill::before{content:"\f41b"}.bi-hexagon-half::before{content:"\f41c"}.bi-hexagon::before{content:"\f41d"}.bi-hourglass-bottom::before{content:"\f41e"}.bi-hourglass-split::before{content:"\f41f"}.bi-hourglass-top::before{content:"\f420"}.bi-hourglass::before{content:"\f421"}.bi-house-door-fill::before{content:"\f422"}.bi-house-door::before{content:"\f423"}.bi-house-fill::before{content:"\f424"}.bi-house::before{content:"\f425"}.bi-hr::before{content:"\f426"}.bi-hurricane::before{content:"\f427"}.bi-image-alt::before{content:"\f428"}.bi-image-fill::before{content:"\f429"}.bi-image::before{content:"\f42a"}.bi-images::before{content:"\f42b"}.bi-inbox-fill::before{content:"\f42c"}.bi-inbox::before{content:"\f42d"}.bi-inboxes-fill::before{content:"\f42e"}.bi-inboxes::before{content:"\f42f"}.bi-info-circle-fill::before{content:"\f430"}.bi-info-circle::before{content:"\f431"}.bi-info-square-fill::before{content:"\f432"}.bi-info-square::before{content:"\f433"}.bi-info::before{content:"\f434"}.bi-input-cursor-text::before{content:"\f435"}.bi-input-cursor::before{content:"\f436"}.bi-instagram::before{content:"\f437"}.bi-intersect::before{content:"\f438"}.bi-journal-album::before{content:"\f439"}.bi-journal-arrow-down::before{content:"\f43a"}.bi-journal-arrow-up::before{content:"\f43b"}.bi-journal-bookmark-fill::before{content:"\f43c"}.bi-journal-bookmark::before{content:"\f43d"}.bi-journal-check::before{content:"\f43e"}.bi-journal-code::before{content:"\f43f"}.bi-journal-medical::before{content:"\f440"}.bi-journal-minus::before{content:"\f441"}.bi-journal-plus::before{content:"\f442"}.bi-journal-richtext::before{content:"\f443"}.bi-journal-text::before{content:"\f444"}.bi-journal-x::before{content:"\f445"}.bi-journal::before{content:"\f446"}.bi-journals::before{content:"\f447"}.bi-joystick::before{content:"\f448"}.bi-justify-left::before{content:"\f449"}.bi-justify-right::before{content:"\f44a"}.bi-justify::before{content:"\f44b"}.bi-kanban-fill::before{content:"\f44c"}.bi-kanban::before{content:"\f44d"}.bi-key-fill::before{content:"\f44e"}.bi-key::before{content:"\f44f"}.bi-keyboard-fill::before{content:"\f450"}.bi-keyboard::before{content:"\f451"}.bi-ladder::before{content:"\f452"}.bi-lamp-fill::before{content:"\f453"}.bi-lamp::before{content:"\f454"}.bi-laptop-fill::before{content:"\f455"}.bi-laptop::before{content:"\f456"}.bi-layer-backward::before{content:"\f457"}.bi-layer-forward::before{content:"\f458"}.bi-layers-fill::before{content:"\f459"}.bi-layers-half::before{content:"\f45a"}.bi-layers::before{content:"\f45b"}.bi-layout-sidebar-inset-reverse::before{content:"\f45c"}.bi-layout-sidebar-inset::before{content:"\f45d"}.bi-layout-sidebar-reverse::before{content:"\f45e"}.bi-layout-sidebar::before{content:"\f45f"}.bi-layout-split::before{content:"\f460"}.bi-layout-text-sidebar-reverse::before{content:"\f461"}.bi-layout-text-sidebar::before{content:"\f462"}.bi-layout-text-window-reverse::before{content:"\f463"}.bi-layout-text-window::before{content:"\f464"}.bi-layout-three-columns::before{content:"\f465"}.bi-layout-wtf::before{content:"\f466"}.bi-life-preserver::before{content:"\f467"}.bi-lightbulb-fill::before{content:"\f468"}.bi-lightbulb-off-fill::before{content:"\f469"}.bi-lightbulb-off::before{content:"\f46a"}.bi-lightbulb::before{content:"\f46b"}.bi-lightning-charge-fill::before{content:"\f46c"}.bi-lightning-charge::before{content:"\f46d"}.bi-lightning-fill::before{content:"\f46e"}.bi-lightning::before{content:"\f46f"}.bi-link-45deg::before{content:"\f470"}.bi-link::before{content:"\f471"}.bi-linkedin::before{content:"\f472"}.bi-list-check::before{content:"\f473"}.bi-list-nested::before{content:"\f474"}.bi-list-ol::before{content:"\f475"}.bi-list-stars::before{content:"\f476"}.bi-list-task::before{content:"\f477"}.bi-list-ul::before{content:"\f478"}.bi-list::before{content:"\f479"}.bi-lock-fill::before{content:"\f47a"}.bi-lock::before{content:"\f47b"}.bi-mailbox::before{content:"\f47c"}.bi-mailbox2::before{content:"\f47d"}.bi-map-fill::before{content:"\f47e"}.bi-map::before{content:"\f47f"}.bi-markdown-fill::before{content:"\f480"}.bi-markdown::before{content:"\f481"}.bi-mask::before{content:"\f482"}.bi-megaphone-fill::before{content:"\f483"}.bi-megaphone::before{content:"\f484"}.bi-menu-app-fill::before{content:"\f485"}.bi-menu-app::before{content:"\f486"}.bi-menu-button-fill::before{content:"\f487"}.bi-menu-button-wide-fill::before{content:"\f488"}.bi-menu-button-wide::before{content:"\f489"}.bi-menu-button::before{content:"\f48a"}.bi-menu-down::before{content:"\f48b"}.bi-menu-up::before{content:"\f48c"}.bi-mic-fill::before{content:"\f48d"}.bi-mic-mute-fill::before{content:"\f48e"}.bi-mic-mute::before{content:"\f48f"}.bi-mic::before{content:"\f490"}.bi-minecart-loaded::before{content:"\f491"}.bi-minecart::before{content:"\f492"}.bi-moisture::before{content:"\f493"}.bi-moon-fill::before{content:"\f494"}.bi-moon-stars-fill::before{content:"\f495"}.bi-moon-stars::before{content:"\f496"}.bi-moon::before{content:"\f497"}.bi-mouse-fill::before{content:"\f498"}.bi-mouse::before{content:"\f499"}.bi-mouse2-fill::before{content:"\f49a"}.bi-mouse2::before{content:"\f49b"}.bi-mouse3-fill::before{content:"\f49c"}.bi-mouse3::before{content:"\f49d"}.bi-music-note-beamed::before{content:"\f49e"}.bi-music-note-list::before{content:"\f49f"}.bi-music-note::before{content:"\f4a0"}.bi-music-player-fill::before{content:"\f4a1"}.bi-music-player::before{content:"\f4a2"}.bi-newspaper::before{content:"\f4a3"}.bi-node-minus-fill::before{content:"\f4a4"}.bi-node-minus::before{content:"\f4a5"}.bi-node-plus-fill::before{content:"\f4a6"}.bi-node-plus::before{content:"\f4a7"}.bi-nut-fill::before{content:"\f4a8"}.bi-nut::before{content:"\f4a9"}.bi-octagon-fill::before{content:"\f4aa"}.bi-octagon-half::before{content:"\f4ab"}.bi-octagon::before{content:"\f4ac"}.bi-option::before{content:"\f4ad"}.bi-outlet::before{content:"\f4ae"}.bi-paint-bucket::before{content:"\f4af"}.bi-palette-fill::before{content:"\f4b0"}.bi-palette::before{content:"\f4b1"}.bi-palette2::before{content:"\f4b2"}.bi-paperclip::before{content:"\f4b3"}.bi-paragraph::before{content:"\f4b4"}.bi-patch-check-fill::before{content:"\f4b5"}.bi-patch-check::before{content:"\f4b6"}.bi-patch-exclamation-fill::before{content:"\f4b7"}.bi-patch-exclamation::before{content:"\f4b8"}.bi-patch-minus-fill::before{content:"\f4b9"}.bi-patch-minus::before{content:"\f4ba"}.bi-patch-plus-fill::before{content:"\f4bb"}.bi-patch-plus::before{content:"\f4bc"}.bi-patch-question-fill::before{content:"\f4bd"}.bi-patch-question::before{content:"\f4be"}.bi-pause-btn-fill::before{content:"\f4bf"}.bi-pause-btn::before{content:"\f4c0"}.bi-pause-circle-fill::before{content:"\f4c1"}.bi-pause-circle::before{content:"\f4c2"}.bi-pause-fill::before{content:"\f4c3"}.bi-pause::before{content:"\f4c4"}.bi-peace-fill::before{content:"\f4c5"}.bi-peace::before{content:"\f4c6"}.bi-pen-fill::before{content:"\f4c7"}.bi-pen::before{content:"\f4c8"}.bi-pencil-fill::before{content:"\f4c9"}.bi-pencil-square::before{content:"\f4ca"}.bi-pencil::before{content:"\f4cb"}.bi-pentagon-fill::before{content:"\f4cc"}.bi-pentagon-half::before{content:"\f4cd"}.bi-pentagon::before{content:"\f4ce"}.bi-people-fill::before{content:"\f4cf"}.bi-people::before{content:"\f4d0"}.bi-percent::before{content:"\f4d1"}.bi-person-badge-fill::before{content:"\f4d2"}.bi-person-badge::before{content:"\f4d3"}.bi-person-bounding-box::before{content:"\f4d4"}.bi-person-check-fill::before{content:"\f4d5"}.bi-person-check::before{content:"\f4d6"}.bi-person-circle::before{content:"\f4d7"}.bi-person-dash-fill::before{content:"\f4d8"}.bi-person-dash::before{content:"\f4d9"}.bi-person-fill::before{content:"\f4da"}.bi-person-lines-fill::before{content:"\f4db"}.bi-person-plus-fill::before{content:"\f4dc"}.bi-person-plus::before{content:"\f4dd"}.bi-person-square::before{content:"\f4de"}.bi-person-x-fill::before{content:"\f4df"}.bi-person-x::before{content:"\f4e0"}.bi-person::before{content:"\f4e1"}.bi-phone-fill::before{content:"\f4e2"}.bi-phone-landscape-fill::before{content:"\f4e3"}.bi-phone-landscape::before{content:"\f4e4"}.bi-phone-vibrate-fill::before{content:"\f4e5"}.bi-phone-vibrate::before{content:"\f4e6"}.bi-phone::before{content:"\f4e7"}.bi-pie-chart-fill::before{content:"\f4e8"}.bi-pie-chart::before{content:"\f4e9"}.bi-pin-angle-fill::before{content:"\f4ea"}.bi-pin-angle::before{content:"\f4eb"}.bi-pin-fill::before{content:"\f4ec"}.bi-pin::before{content:"\f4ed"}.bi-pip-fill::before{content:"\f4ee"}.bi-pip::before{content:"\f4ef"}.bi-play-btn-fill::before{content:"\f4f0"}.bi-play-btn::before{content:"\f4f1"}.bi-play-circle-fill::before{content:"\f4f2"}.bi-play-circle::before{content:"\f4f3"}.bi-play-fill::before{content:"\f4f4"}.bi-play::before{content:"\f4f5"}.bi-plug-fill::before{content:"\f4f6"}.bi-plug::before{content:"\f4f7"}.bi-plus-circle-dotted::before{content:"\f4f8"}.bi-plus-circle-fill::before{content:"\f4f9"}.bi-plus-circle::before{content:"\f4fa"}.bi-plus-square-dotted::before{content:"\f4fb"}.bi-plus-square-fill::before{content:"\f4fc"}.bi-plus-square::before{content:"\f4fd"}.bi-plus::before{content:"\f4fe"}.bi-power::before{content:"\f4ff"}.bi-printer-fill::before{content:"\f500"}.bi-printer::before{content:"\f501"}.bi-puzzle-fill::before{content:"\f502"}.bi-puzzle::before{content:"\f503"}.bi-question-circle-fill::before{content:"\f504"}.bi-question-circle::before{content:"\f505"}.bi-question-diamond-fill::before{content:"\f506"}.bi-question-diamond::before{content:"\f507"}.bi-question-octagon-fill::before{content:"\f508"}.bi-question-octagon::before{content:"\f509"}.bi-question-square-fill::before{content:"\f50a"}.bi-question-square::before{content:"\f50b"}.bi-question::before{content:"\f50c"}.bi-rainbow::before{content:"\f50d"}.bi-receipt-cutoff::before{content:"\f50e"}.bi-receipt::before{content:"\f50f"}.bi-reception-0::before{content:"\f510"}.bi-reception-1::before{content:"\f511"}.bi-reception-2::before{content:"\f512"}.bi-reception-3::before{content:"\f513"}.bi-reception-4::before{content:"\f514"}.bi-record-btn-fill::before{content:"\f515"}.bi-record-btn::before{content:"\f516"}.bi-record-circle-fill::before{content:"\f517"}.bi-record-circle::before{content:"\f518"}.bi-record-fill::before{content:"\f519"}.bi-record::before{content:"\f51a"}.bi-record2-fill::before{content:"\f51b"}.bi-record2::before{content:"\f51c"}.bi-reply-all-fill::before{content:"\f51d"}.bi-reply-all::before{content:"\f51e"}.bi-reply-fill::before{content:"\f51f"}.bi-reply::before{content:"\f520"}.bi-rss-fill::before{content:"\f521"}.bi-rss::before{content:"\f522"}.bi-rulers::before{content:"\f523"}.bi-save-fill::before{content:"\f524"}.bi-save::before{content:"\f525"}.bi-save2-fill::before{content:"\f526"}.bi-save2::before{content:"\f527"}.bi-scissors::before{content:"\f528"}.bi-screwdriver::before{content:"\f529"}.bi-search::before{content:"\f52a"}.bi-segmented-nav::before{content:"\f52b"}.bi-server::before{content:"\f52c"}.bi-share-fill::before{content:"\f52d"}.bi-share::before{content:"\f52e"}.bi-shield-check::before{content:"\f52f"}.bi-shield-exclamation::before{content:"\f530"}.bi-shield-fill-check::before{content:"\f531"}.bi-shield-fill-exclamation::before{content:"\f532"}.bi-shield-fill-minus::before{content:"\f533"}.bi-shield-fill-plus::before{content:"\f534"}.bi-shield-fill-x::before{content:"\f535"}.bi-shield-fill::before{content:"\f536"}.bi-shield-lock-fill::before{content:"\f537"}.bi-shield-lock::before{content:"\f538"}.bi-shield-minus::before{content:"\f539"}.bi-shield-plus::before{content:"\f53a"}.bi-shield-shaded::before{content:"\f53b"}.bi-shield-slash-fill::before{content:"\f53c"}.bi-shield-slash::before{content:"\f53d"}.bi-shield-x::before{content:"\f53e"}.bi-shield::before{content:"\f53f"}.bi-shift-fill::before{content:"\f540"}.bi-shift::before{content:"\f541"}.bi-shop-window::before{content:"\f542"}.bi-shop::before{content:"\f543"}.bi-shuffle::before{content:"\f544"}.bi-signpost-2-fill::before{content:"\f545"}.bi-signpost-2::before{content:"\f546"}.bi-signpost-fill::before{content:"\f547"}.bi-signpost-split-fill::before{content:"\f548"}.bi-signpost-split::before{content:"\f549"}.bi-signpost::before{content:"\f54a"}.bi-sim-fill::before{content:"\f54b"}.bi-sim::before{content:"\f54c"}.bi-skip-backward-btn-fill::before{content:"\f54d"}.bi-skip-backward-btn::before{content:"\f54e"}.bi-skip-backward-circle-fill::before{content:"\f54f"}.bi-skip-backward-circle::before{content:"\f550"}.bi-skip-backward-fill::before{content:"\f551"}.bi-skip-backward::before{content:"\f552"}.bi-skip-end-btn-fill::before{content:"\f553"}.bi-skip-end-btn::before{content:"\f554"}.bi-skip-end-circle-fill::before{content:"\f555"}.bi-skip-end-circle::before{content:"\f556"}.bi-skip-end-fill::before{content:"\f557"}.bi-skip-end::before{content:"\f558"}.bi-skip-forward-btn-fill::before{content:"\f559"}.bi-skip-forward-btn::before{content:"\f55a"}.bi-skip-forward-circle-fill::before{content:"\f55b"}.bi-skip-forward-circle::before{content:"\f55c"}.bi-skip-forward-fill::before{content:"\f55d"}.bi-skip-forward::before{content:"\f55e"}.bi-skip-start-btn-fill::before{content:"\f55f"}.bi-skip-start-btn::before{content:"\f560"}.bi-skip-start-circle-fill::before{content:"\f561"}.bi-skip-start-circle::before{content:"\f562"}.bi-skip-start-fill::before{content:"\f563"}.bi-skip-start::before{content:"\f564"}.bi-slack::before{content:"\f565"}.bi-slash-circle-fill::before{content:"\f566"}.bi-slash-circle::before{content:"\f567"}.bi-slash-square-fill::before{content:"\f568"}.bi-slash-square::before{content:"\f569"}.bi-slash::before{content:"\f56a"}.bi-sliders::before{content:"\f56b"}.bi-smartwatch::before{content:"\f56c"}.bi-snow::before{content:"\f56d"}.bi-snow2::before{content:"\f56e"}.bi-snow3::before{content:"\f56f"}.bi-sort-alpha-down-alt::before{content:"\f570"}.bi-sort-alpha-down::before{content:"\f571"}.bi-sort-alpha-up-alt::before{content:"\f572"}.bi-sort-alpha-up::before{content:"\f573"}.bi-sort-down-alt::before{content:"\f574"}.bi-sort-down::before{content:"\f575"}.bi-sort-numeric-down-alt::before{content:"\f576"}.bi-sort-numeric-down::before{content:"\f577"}.bi-sort-numeric-up-alt::before{content:"\f578"}.bi-sort-numeric-up::before{content:"\f579"}.bi-sort-up-alt::before{content:"\f57a"}.bi-sort-up::before{content:"\f57b"}.bi-soundwave::before{content:"\f57c"}.bi-speaker-fill::before{content:"\f57d"}.bi-speaker::before{content:"\f57e"}.bi-speedometer::before{content:"\f57f"}.bi-speedometer2::before{content:"\f580"}.bi-spellcheck::before{content:"\f581"}.bi-square-fill::before{content:"\f582"}.bi-square-half::before{content:"\f583"}.bi-square::before{content:"\f584"}.bi-stack::before{content:"\f585"}.bi-star-fill::before{content:"\f586"}.bi-star-half::before{content:"\f587"}.bi-star::before{content:"\f588"}.bi-stars::before{content:"\f589"}.bi-stickies-fill::before{content:"\f58a"}.bi-stickies::before{content:"\f58b"}.bi-sticky-fill::before{content:"\f58c"}.bi-sticky::before{content:"\f58d"}.bi-stop-btn-fill::before{content:"\f58e"}.bi-stop-btn::before{content:"\f58f"}.bi-stop-circle-fill::before{content:"\f590"}.bi-stop-circle::before{content:"\f591"}.bi-stop-fill::before{content:"\f592"}.bi-stop::before{content:"\f593"}.bi-stoplights-fill::before{content:"\f594"}.bi-stoplights::before{content:"\f595"}.bi-stopwatch-fill::before{content:"\f596"}.bi-stopwatch::before{content:"\f597"}.bi-subtract::before{content:"\f598"}.bi-suit-club-fill::before{content:"\f599"}.bi-suit-club::before{content:"\f59a"}.bi-suit-diamond-fill::before{content:"\f59b"}.bi-suit-diamond::before{content:"\f59c"}.bi-suit-heart-fill::before{content:"\f59d"}.bi-suit-heart::before{content:"\f59e"}.bi-suit-spade-fill::before{content:"\f59f"}.bi-suit-spade::before{content:"\f5a0"}.bi-sun-fill::before{content:"\f5a1"}.bi-sun::before{content:"\f5a2"}.bi-sunglasses::before{content:"\f5a3"}.bi-sunrise-fill::before{content:"\f5a4"}.bi-sunrise::before{content:"\f5a5"}.bi-sunset-fill::before{content:"\f5a6"}.bi-sunset::before{content:"\f5a7"}.bi-symmetry-horizontal::before{content:"\f5a8"}.bi-symmetry-vertical::before{content:"\f5a9"}.bi-table::before{content:"\f5aa"}.bi-tablet-fill::before{content:"\f5ab"}.bi-tablet-landscape-fill::before{content:"\f5ac"}.bi-tablet-landscape::before{content:"\f5ad"}.bi-tablet::before{content:"\f5ae"}.bi-tag-fill::before{content:"\f5af"}.bi-tag::before{content:"\f5b0"}.bi-tags-fill::before{content:"\f5b1"}.bi-tags::before{content:"\f5b2"}.bi-telegram::before{content:"\f5b3"}.bi-telephone-fill::before{content:"\f5b4"}.bi-telephone-forward-fill::before{content:"\f5b5"}.bi-telephone-forward::before{content:"\f5b6"}.bi-telephone-inbound-fill::before{content:"\f5b7"}.bi-telephone-inbound::before{content:"\f5b8"}.bi-telephone-minus-fill::before{content:"\f5b9"}.bi-telephone-minus::before{content:"\f5ba"}.bi-telephone-outbound-fill::before{content:"\f5bb"}.bi-telephone-outbound::before{content:"\f5bc"}.bi-telephone-plus-fill::before{content:"\f5bd"}.bi-telephone-plus::before{content:"\f5be"}.bi-telephone-x-fill::before{content:"\f5bf"}.bi-telephone-x::before{content:"\f5c0"}.bi-telephone::before{content:"\f5c1"}.bi-terminal-fill::before{content:"\f5c2"}.bi-terminal::before{content:"\f5c3"}.bi-text-center::before{content:"\f5c4"}.bi-text-indent-left::before{content:"\f5c5"}.bi-text-indent-right::before{content:"\f5c6"}.bi-text-left::before{content:"\f5c7"}.bi-text-paragraph::before{content:"\f5c8"}.bi-text-right::before{content:"\f5c9"}.bi-textarea-resize::before{content:"\f5ca"}.bi-textarea-t::before{content:"\f5cb"}.bi-textarea::before{content:"\f5cc"}.bi-thermometer-half::before{content:"\f5cd"}.bi-thermometer-high::before{content:"\f5ce"}.bi-thermometer-low::before{content:"\f5cf"}.bi-thermometer-snow::before{content:"\f5d0"}.bi-thermometer-sun::before{content:"\f5d1"}.bi-thermometer::before{content:"\f5d2"}.bi-three-dots-vertical::before{content:"\f5d3"}.bi-three-dots::before{content:"\f5d4"}.bi-toggle-off::before{content:"\f5d5"}.bi-toggle-on::before{content:"\f5d6"}.bi-toggle2-off::before{content:"\f5d7"}.bi-toggle2-on::before{content:"\f5d8"}.bi-toggles::before{content:"\f5d9"}.bi-toggles2::before{content:"\f5da"}.bi-tools::before{content:"\f5db"}.bi-tornado::before{content:"\f5dc"}.bi-trash-fill::before{content:"\f5dd"}.bi-trash::before{content:"\f5de"}.bi-trash2-fill::before{content:"\f5df"}.bi-trash2::before{content:"\f5e0"}.bi-tree-fill::before{content:"\f5e1"}.bi-tree::before{content:"\f5e2"}.bi-triangle-fill::before{content:"\f5e3"}.bi-triangle-half::before{content:"\f5e4"}.bi-triangle::before{content:"\f5e5"}.bi-trophy-fill::before{content:"\f5e6"}.bi-trophy::before{content:"\f5e7"}.bi-tropical-storm::before{content:"\f5e8"}.bi-truck-flatbed::before{content:"\f5e9"}.bi-truck::before{content:"\f5ea"}.bi-tsunami::before{content:"\f5eb"}.bi-tv-fill::before{content:"\f5ec"}.bi-tv::before{content:"\f5ed"}.bi-twitch::before{content:"\f5ee"}.bi-twitter::before{content:"\f5ef"}.bi-type-bold::before{content:"\f5f0"}.bi-type-h1::before{content:"\f5f1"}.bi-type-h2::before{content:"\f5f2"}.bi-type-h3::before{content:"\f5f3"}.bi-type-italic::before{content:"\f5f4"}.bi-type-strikethrough::before{content:"\f5f5"}.bi-type-underline::before{content:"\f5f6"}.bi-type::before{content:"\f5f7"}.bi-ui-checks-grid::before{content:"\f5f8"}.bi-ui-checks::before{content:"\f5f9"}.bi-ui-radios-grid::before{content:"\f5fa"}.bi-ui-radios::before{content:"\f5fb"}.bi-umbrella-fill::before{content:"\f5fc"}.bi-umbrella::before{content:"\f5fd"}.bi-union::before{content:"\f5fe"}.bi-unlock-fill::before{content:"\f5ff"}.bi-unlock::before{content:"\f600"}.bi-upc-scan::before{content:"\f601"}.bi-upc::before{content:"\f602"}.bi-upload::before{content:"\f603"}.bi-vector-pen::before{content:"\f604"}.bi-view-list::before{content:"\f605"}.bi-view-stacked::before{content:"\f606"}.bi-vinyl-fill::before{content:"\f607"}.bi-vinyl::before{content:"\f608"}.bi-voicemail::before{content:"\f609"}.bi-volume-down-fill::before{content:"\f60a"}.bi-volume-down::before{content:"\f60b"}.bi-volume-mute-fill::before{content:"\f60c"}.bi-volume-mute::before{content:"\f60d"}.bi-volume-off-fill::before{content:"\f60e"}.bi-volume-off::before{content:"\f60f"}.bi-volume-up-fill::before{content:"\f610"}.bi-volume-up::before{content:"\f611"}.bi-vr::before{content:"\f612"}.bi-wallet-fill::before{content:"\f613"}.bi-wallet::before{content:"\f614"}.bi-wallet2::before{content:"\f615"}.bi-watch::before{content:"\f616"}.bi-water::before{content:"\f617"}.bi-whatsapp::before{content:"\f618"}.bi-wifi-1::before{content:"\f619"}.bi-wifi-2::before{content:"\f61a"}.bi-wifi-off::before{content:"\f61b"}.bi-wifi::before{content:"\f61c"}.bi-wind::before{content:"\f61d"}.bi-window-dock::before{content:"\f61e"}.bi-window-sidebar::before{content:"\f61f"}.bi-window::before{content:"\f620"}.bi-wrench::before{content:"\f621"}.bi-x-circle-fill::before{content:"\f622"}.bi-x-circle::before{content:"\f623"}.bi-x-diamond-fill::before{content:"\f624"}.bi-x-diamond::before{content:"\f625"}.bi-x-octagon-fill::before{content:"\f626"}.bi-x-octagon::before{content:"\f627"}.bi-x-square-fill::before{content:"\f628"}.bi-x-square::before{content:"\f629"}.bi-x::before{content:"\f62a"}.bi-youtube::before{content:"\f62b"}.bi-zoom-in::before{content:"\f62c"}.bi-zoom-out::before{content:"\f62d"}.bi-bank::before{content:"\f62e"}.bi-bank2::before{content:"\f62f"}.bi-bell-slash-fill::before{content:"\f630"}.bi-bell-slash::before{content:"\f631"}.bi-cash-coin::before{content:"\f632"}.bi-check-lg::before{content:"\f633"}.bi-coin::before{content:"\f634"}.bi-currency-bitcoin::before{content:"\f635"}.bi-currency-dollar::before{content:"\f636"}.bi-currency-euro::before{content:"\f637"}.bi-currency-exchange::before{content:"\f638"}.bi-currency-pound::before{content:"\f639"}.bi-currency-yen::before{content:"\f63a"}.bi-dash-lg::before{content:"\f63b"}.bi-exclamation-lg::before{content:"\f63c"}.bi-file-earmark-pdf-fill::before{content:"\f63d"}.bi-file-earmark-pdf::before{content:"\f63e"}.bi-file-pdf-fill::before{content:"\f63f"}.bi-file-pdf::before{content:"\f640"}.bi-gender-ambiguous::before{content:"\f641"}.bi-gender-female::before{content:"\f642"}.bi-gender-male::before{content:"\f643"}.bi-gender-trans::before{content:"\f644"}.bi-headset-vr::before{content:"\f645"}.bi-info-lg::before{content:"\f646"}.bi-mastodon::before{content:"\f647"}.bi-messenger::before{content:"\f648"}.bi-piggy-bank-fill::before{content:"\f649"}.bi-piggy-bank::before{content:"\f64a"}.bi-pin-map-fill::before{content:"\f64b"}.bi-pin-map::before{content:"\f64c"}.bi-plus-lg::before{content:"\f64d"}.bi-question-lg::before{content:"\f64e"}.bi-recycle::before{content:"\f64f"}.bi-reddit::before{content:"\f650"}.bi-safe-fill::before{content:"\f651"}.bi-safe2-fill::before{content:"\f652"}.bi-safe2::before{content:"\f653"}.bi-sd-card-fill::before{content:"\f654"}.bi-sd-card::before{content:"\f655"}.bi-skype::before{content:"\f656"}.bi-slash-lg::before{content:"\f657"}.bi-translate::before{content:"\f658"}.bi-x-lg::before{content:"\f659"}.bi-safe::before{content:"\f65a"}.bi-apple::before{content:"\f65b"}.bi-microsoft::before{content:"\f65d"}.bi-windows::before{content:"\f65e"}.bi-behance::before{content:"\f65c"}.bi-dribbble::before{content:"\f65f"}.bi-line::before{content:"\f660"}.bi-medium::before{content:"\f661"}.bi-paypal::before{content:"\f662"}.bi-pinterest::before{content:"\f663"}.bi-signal::before{content:"\f664"}.bi-snapchat::before{content:"\f665"}.bi-spotify::before{content:"\f666"}.bi-stack-overflow::before{content:"\f667"}.bi-strava::before{content:"\f668"}.bi-wordpress::before{content:"\f669"}.bi-vimeo::before{content:"\f66a"}.bi-activity::before{content:"\f66b"}.bi-easel2-fill::before{content:"\f66c"}.bi-easel2::before{content:"\f66d"}.bi-easel3-fill::before{content:"\f66e"}.bi-easel3::before{content:"\f66f"}.bi-fan::before{content:"\f670"}.bi-fingerprint::before{content:"\f671"}.bi-graph-down-arrow::before{content:"\f672"}.bi-graph-up-arrow::before{content:"\f673"}.bi-hypnotize::before{content:"\f674"}.bi-magic::before{content:"\f675"}.bi-person-rolodex::before{content:"\f676"}.bi-person-video::before{content:"\f677"}.bi-person-video2::before{content:"\f678"}.bi-person-video3::before{content:"\f679"}.bi-person-workspace::before{content:"\f67a"}.bi-radioactive::before{content:"\f67b"}.bi-webcam-fill::before{content:"\f67c"}.bi-webcam::before{content:"\f67d"}.bi-yin-yang::before{content:"\f67e"}.bi-bandaid-fill::before{content:"\f680"}.bi-bandaid::before{content:"\f681"}.bi-bluetooth::before{content:"\f682"}.bi-body-text::before{content:"\f683"}.bi-boombox::before{content:"\f684"}.bi-boxes::before{content:"\f685"}.bi-dpad-fill::before{content:"\f686"}.bi-dpad::before{content:"\f687"}.bi-ear-fill::before{content:"\f688"}.bi-ear::before{content:"\f689"}.bi-envelope-check-fill::before{content:"\f68b"}.bi-envelope-check::before{content:"\f68c"}.bi-envelope-dash-fill::before{content:"\f68e"}.bi-envelope-dash::before{content:"\f68f"}.bi-envelope-exclamation-fill::before{content:"\f691"}.bi-envelope-exclamation::before{content:"\f692"}.bi-envelope-plus-fill::before{content:"\f693"}.bi-envelope-plus::before{content:"\f694"}.bi-envelope-slash-fill::before{content:"\f696"}.bi-envelope-slash::before{content:"\f697"}.bi-envelope-x-fill::before{content:"\f699"}.bi-envelope-x::before{content:"\f69a"}.bi-explicit-fill::before{content:"\f69b"}.bi-explicit::before{content:"\f69c"}.bi-git::before{content:"\f69d"}.bi-infinity::before{content:"\f69e"}.bi-list-columns-reverse::before{content:"\f69f"}.bi-list-columns::before{content:"\f6a0"}.bi-meta::before{content:"\f6a1"}.bi-nintendo-switch::before{content:"\f6a4"}.bi-pc-display-horizontal::before{content:"\f6a5"}.bi-pc-display::before{content:"\f6a6"}.bi-pc-horizontal::before{content:"\f6a7"}.bi-pc::before{content:"\f6a8"}.bi-playstation::before{content:"\f6a9"}.bi-plus-slash-minus::before{content:"\f6aa"}.bi-projector-fill::before{content:"\f6ab"}.bi-projector::before{content:"\f6ac"}.bi-qr-code-scan::before{content:"\f6ad"}.bi-qr-code::before{content:"\f6ae"}.bi-quora::before{content:"\f6af"}.bi-quote::before{content:"\f6b0"}.bi-robot::before{content:"\f6b1"}.bi-send-check-fill::before{content:"\f6b2"}.bi-send-check::before{content:"\f6b3"}.bi-send-dash-fill::before{content:"\f6b4"}.bi-send-dash::before{content:"\f6b5"}.bi-send-exclamation-fill::before{content:"\f6b7"}.bi-send-exclamation::before{content:"\f6b8"}.bi-send-fill::before{content:"\f6b9"}.bi-send-plus-fill::before{content:"\f6ba"}.bi-send-plus::before{content:"\f6bb"}.bi-send-slash-fill::before{content:"\f6bc"}.bi-send-slash::before{content:"\f6bd"}.bi-send-x-fill::before{content:"\f6be"}.bi-send-x::before{content:"\f6bf"}.bi-send::before{content:"\f6c0"}.bi-steam::before{content:"\f6c1"}.bi-terminal-dash::before{content:"\f6c3"}.bi-terminal-plus::before{content:"\f6c4"}.bi-terminal-split::before{content:"\f6c5"}.bi-ticket-detailed-fill::before{content:"\f6c6"}.bi-ticket-detailed::before{content:"\f6c7"}.bi-ticket-fill::before{content:"\f6c8"}.bi-ticket-perforated-fill::before{content:"\f6c9"}.bi-ticket-perforated::before{content:"\f6ca"}.bi-ticket::before{content:"\f6cb"}.bi-tiktok::before{content:"\f6cc"}.bi-window-dash::before{content:"\f6cd"}.bi-window-desktop::before{content:"\f6ce"}.bi-window-fullscreen::before{content:"\f6cf"}.bi-window-plus::before{content:"\f6d0"}.bi-window-split::before{content:"\f6d1"}.bi-window-stack::before{content:"\f6d2"}.bi-window-x::before{content:"\f6d3"}.bi-xbox::before{content:"\f6d4"}.bi-ethernet::before{content:"\f6d5"}.bi-hdmi-fill::before{content:"\f6d6"}.bi-hdmi::before{content:"\f6d7"}.bi-usb-c-fill::before{content:"\f6d8"}.bi-usb-c::before{content:"\f6d9"}.bi-usb-fill::before{content:"\f6da"}.bi-usb-plug-fill::before{content:"\f6db"}.bi-usb-plug::before{content:"\f6dc"}.bi-usb-symbol::before{content:"\f6dd"}.bi-usb::before{content:"\f6de"}.bi-boombox-fill::before{content:"\f6df"}.bi-displayport::before{content:"\f6e1"}.bi-gpu-card::before{content:"\f6e2"}.bi-memory::before{content:"\f6e3"}.bi-modem-fill::before{content:"\f6e4"}.bi-modem::before{content:"\f6e5"}.bi-motherboard-fill::before{content:"\f6e6"}.bi-motherboard::before{content:"\f6e7"}.bi-optical-audio-fill::before{content:"\f6e8"}.bi-optical-audio::before{content:"\f6e9"}.bi-pci-card::before{content:"\f6ea"}.bi-router-fill::before{content:"\f6eb"}.bi-router::before{content:"\f6ec"}.bi-thunderbolt-fill::before{content:"\f6ef"}.bi-thunderbolt::before{content:"\f6f0"}.bi-usb-drive-fill::before{content:"\f6f1"}.bi-usb-drive::before{content:"\f6f2"}.bi-usb-micro-fill::before{content:"\f6f3"}.bi-usb-micro::before{content:"\f6f4"}.bi-usb-mini-fill::before{content:"\f6f5"}.bi-usb-mini::before{content:"\f6f6"}.bi-cloud-haze2::before{content:"\f6f7"}.bi-device-hdd-fill::before{content:"\f6f8"}.bi-device-hdd::before{content:"\f6f9"}.bi-device-ssd-fill::before{content:"\f6fa"}.bi-device-ssd::before{content:"\f6fb"}.bi-displayport-fill::before{content:"\f6fc"}.bi-mortarboard-fill::before{content:"\f6fd"}.bi-mortarboard::before{content:"\f6fe"}.bi-terminal-x::before{content:"\f6ff"}.bi-arrow-through-heart-fill::before{content:"\f700"}.bi-arrow-through-heart::before{content:"\f701"}.bi-badge-sd-fill::before{content:"\f702"}.bi-badge-sd::before{content:"\f703"}.bi-bag-heart-fill::before{content:"\f704"}.bi-bag-heart::before{content:"\f705"}.bi-balloon-fill::before{content:"\f706"}.bi-balloon-heart-fill::before{content:"\f707"}.bi-balloon-heart::before{content:"\f708"}.bi-balloon::before{content:"\f709"}.bi-box2-fill::before{content:"\f70a"}.bi-box2-heart-fill::before{content:"\f70b"}.bi-box2-heart::before{content:"\f70c"}.bi-box2::before{content:"\f70d"}.bi-braces-asterisk::before{content:"\f70e"}.bi-calendar-heart-fill::before{content:"\f70f"}.bi-calendar-heart::before{content:"\f710"}.bi-calendar2-heart-fill::before{content:"\f711"}.bi-calendar2-heart::before{content:"\f712"}.bi-chat-heart-fill::before{content:"\f713"}.bi-chat-heart::before{content:"\f714"}.bi-chat-left-heart-fill::before{content:"\f715"}.bi-chat-left-heart::before{content:"\f716"}.bi-chat-right-heart-fill::before{content:"\f717"}.bi-chat-right-heart::before{content:"\f718"}.bi-chat-square-heart-fill::before{content:"\f719"}.bi-chat-square-heart::before{content:"\f71a"}.bi-clipboard-check-fill::before{content:"\f71b"}.bi-clipboard-data-fill::before{content:"\f71c"}.bi-clipboard-fill::before{content:"\f71d"}.bi-clipboard-heart-fill::before{content:"\f71e"}.bi-clipboard-heart::before{content:"\f71f"}.bi-clipboard-minus-fill::before{content:"\f720"}.bi-clipboard-plus-fill::before{content:"\f721"}.bi-clipboard-pulse::before{content:"\f722"}.bi-clipboard-x-fill::before{content:"\f723"}.bi-clipboard2-check-fill::before{content:"\f724"}.bi-clipboard2-check::before{content:"\f725"}.bi-clipboard2-data-fill::before{content:"\f726"}.bi-clipboard2-data::before{content:"\f727"}.bi-clipboard2-fill::before{content:"\f728"}.bi-clipboard2-heart-fill::before{content:"\f729"}.bi-clipboard2-heart::before{content:"\f72a"}.bi-clipboard2-minus-fill::before{content:"\f72b"}.bi-clipboard2-minus::before{content:"\f72c"}.bi-clipboard2-plus-fill::before{content:"\f72d"}.bi-clipboard2-plus::before{content:"\f72e"}.bi-clipboard2-pulse-fill::before{content:"\f72f"}.bi-clipboard2-pulse::before{content:"\f730"}.bi-clipboard2-x-fill::before{content:"\f731"}.bi-clipboard2-x::before{content:"\f732"}.bi-clipboard2::before{content:"\f733"}.bi-emoji-kiss-fill::before{content:"\f734"}.bi-emoji-kiss::before{content:"\f735"}.bi-envelope-heart-fill::before{content:"\f736"}.bi-envelope-heart::before{content:"\f737"}.bi-envelope-open-heart-fill::before{content:"\f738"}.bi-envelope-open-heart::before{content:"\f739"}.bi-envelope-paper-fill::before{content:"\f73a"}.bi-envelope-paper-heart-fill::before{content:"\f73b"}.bi-envelope-paper-heart::before{content:"\f73c"}.bi-envelope-paper::before{content:"\f73d"}.bi-filetype-aac::before{content:"\f73e"}.bi-filetype-ai::before{content:"\f73f"}.bi-filetype-bmp::before{content:"\f740"}.bi-filetype-cs::before{content:"\f741"}.bi-filetype-css::before{content:"\f742"}.bi-filetype-csv::before{content:"\f743"}.bi-filetype-doc::before{content:"\f744"}.bi-filetype-docx::before{content:"\f745"}.bi-filetype-exe::before{content:"\f746"}.bi-filetype-gif::before{content:"\f747"}.bi-filetype-heic::before{content:"\f748"}.bi-filetype-html::before{content:"\f749"}.bi-filetype-java::before{content:"\f74a"}.bi-filetype-jpg::before{content:"\f74b"}.bi-filetype-js::before{content:"\f74c"}.bi-filetype-jsx::before{content:"\f74d"}.bi-filetype-key::before{content:"\f74e"}.bi-filetype-m4p::before{content:"\f74f"}.bi-filetype-md::before{content:"\f750"}.bi-filetype-mdx::before{content:"\f751"}.bi-filetype-mov::before{content:"\f752"}.bi-filetype-mp3::before{content:"\f753"}.bi-filetype-mp4::before{content:"\f754"}.bi-filetype-otf::before{content:"\f755"}.bi-filetype-pdf::before{content:"\f756"}.bi-filetype-php::before{content:"\f757"}.bi-filetype-png::before{content:"\f758"}.bi-filetype-ppt::before{content:"\f75a"}.bi-filetype-psd::before{content:"\f75b"}.bi-filetype-py::before{content:"\f75c"}.bi-filetype-raw::before{content:"\f75d"}.bi-filetype-rb::before{content:"\f75e"}.bi-filetype-sass::before{content:"\f75f"}.bi-filetype-scss::before{content:"\f760"}.bi-filetype-sh::before{content:"\f761"}.bi-filetype-svg::before{content:"\f762"}.bi-filetype-tiff::before{content:"\f763"}.bi-filetype-tsx::before{content:"\f764"}.bi-filetype-ttf::before{content:"\f765"}.bi-filetype-txt::before{content:"\f766"}.bi-filetype-wav::before{content:"\f767"}.bi-filetype-woff::before{content:"\f768"}.bi-filetype-xls::before{content:"\f76a"}.bi-filetype-xml::before{content:"\f76b"}.bi-filetype-yml::before{content:"\f76c"}.bi-heart-arrow::before{content:"\f76d"}.bi-heart-pulse-fill::before{content:"\f76e"}.bi-heart-pulse::before{content:"\f76f"}.bi-heartbreak-fill::before{content:"\f770"}.bi-heartbreak::before{content:"\f771"}.bi-hearts::before{content:"\f772"}.bi-hospital-fill::before{content:"\f773"}.bi-hospital::before{content:"\f774"}.bi-house-heart-fill::before{content:"\f775"}.bi-house-heart::before{content:"\f776"}.bi-incognito::before{content:"\f777"}.bi-magnet-fill::before{content:"\f778"}.bi-magnet::before{content:"\f779"}.bi-person-heart::before{content:"\f77a"}.bi-person-hearts::before{content:"\f77b"}.bi-phone-flip::before{content:"\f77c"}.bi-plugin::before{content:"\f77d"}.bi-postage-fill::before{content:"\f77e"}.bi-postage-heart-fill::before{content:"\f77f"}.bi-postage-heart::before{content:"\f780"}.bi-postage::before{content:"\f781"}.bi-postcard-fill::before{content:"\f782"}.bi-postcard-heart-fill::before{content:"\f783"}.bi-postcard-heart::before{content:"\f784"}.bi-postcard::before{content:"\f785"}.bi-search-heart-fill::before{content:"\f786"}.bi-search-heart::before{content:"\f787"}.bi-sliders2-vertical::before{content:"\f788"}.bi-sliders2::before{content:"\f789"}.bi-trash3-fill::before{content:"\f78a"}.bi-trash3::before{content:"\f78b"}.bi-valentine::before{content:"\f78c"}.bi-valentine2::before{content:"\f78d"}.bi-wrench-adjustable-circle-fill::before{content:"\f78e"}.bi-wrench-adjustable-circle::before{content:"\f78f"}.bi-wrench-adjustable::before{content:"\f790"}.bi-filetype-json::before{content:"\f791"}.bi-filetype-pptx::before{content:"\f792"}.bi-filetype-xlsx::before{content:"\f793"}.bi-1-circle-fill::before{content:"\f796"}.bi-1-circle::before{content:"\f797"}.bi-1-square-fill::before{content:"\f798"}.bi-1-square::before{content:"\f799"}.bi-2-circle-fill::before{content:"\f79c"}.bi-2-circle::before{content:"\f79d"}.bi-2-square-fill::before{content:"\f79e"}.bi-2-square::before{content:"\f79f"}.bi-3-circle-fill::before{content:"\f7a2"}.bi-3-circle::before{content:"\f7a3"}.bi-3-square-fill::before{content:"\f7a4"}.bi-3-square::before{content:"\f7a5"}.bi-4-circle-fill::before{content:"\f7a8"}.bi-4-circle::before{content:"\f7a9"}.bi-4-square-fill::before{content:"\f7aa"}.bi-4-square::before{content:"\f7ab"}.bi-5-circle-fill::before{content:"\f7ae"}.bi-5-circle::before{content:"\f7af"}.bi-5-square-fill::before{content:"\f7b0"}.bi-5-square::before{content:"\f7b1"}.bi-6-circle-fill::before{content:"\f7b4"}.bi-6-circle::before{content:"\f7b5"}.bi-6-square-fill::before{content:"\f7b6"}.bi-6-square::before{content:"\f7b7"}.bi-7-circle-fill::before{content:"\f7ba"}.bi-7-circle::before{content:"\f7bb"}.bi-7-square-fill::before{content:"\f7bc"}.bi-7-square::before{content:"\f7bd"}.bi-8-circle-fill::before{content:"\f7c0"}.bi-8-circle::before{content:"\f7c1"}.bi-8-square-fill::before{content:"\f7c2"}.bi-8-square::before{content:"\f7c3"}.bi-9-circle-fill::before{content:"\f7c6"}.bi-9-circle::before{content:"\f7c7"}.bi-9-square-fill::before{content:"\f7c8"}.bi-9-square::before{content:"\f7c9"}.bi-airplane-engines-fill::before{content:"\f7ca"}.bi-airplane-engines::before{content:"\f7cb"}.bi-airplane-fill::before{content:"\f7cc"}.bi-airplane::before{content:"\f7cd"}.bi-alexa::before{content:"\f7ce"}.bi-alipay::before{content:"\f7cf"}.bi-android::before{content:"\f7d0"}.bi-android2::before{content:"\f7d1"}.bi-box-fill::before{content:"\f7d2"}.bi-box-seam-fill::before{content:"\f7d3"}.bi-browser-chrome::before{content:"\f7d4"}.bi-browser-edge::before{content:"\f7d5"}.bi-browser-firefox::before{content:"\f7d6"}.bi-browser-safari::before{content:"\f7d7"}.bi-c-circle-fill::before{content:"\f7da"}.bi-c-circle::before{content:"\f7db"}.bi-c-square-fill::before{content:"\f7dc"}.bi-c-square::before{content:"\f7dd"}.bi-capsule-pill::before{content:"\f7de"}.bi-capsule::before{content:"\f7df"}.bi-car-front-fill::before{content:"\f7e0"}.bi-car-front::before{content:"\f7e1"}.bi-cassette-fill::before{content:"\f7e2"}.bi-cassette::before{content:"\f7e3"}.bi-cc-circle-fill::before{content:"\f7e6"}.bi-cc-circle::before{content:"\f7e7"}.bi-cc-square-fill::before{content:"\f7e8"}.bi-cc-square::before{content:"\f7e9"}.bi-cup-hot-fill::before{content:"\f7ea"}.bi-cup-hot::before{content:"\f7eb"}.bi-currency-rupee::before{content:"\f7ec"}.bi-dropbox::before{content:"\f7ed"}.bi-escape::before{content:"\f7ee"}.bi-fast-forward-btn-fill::before{content:"\f7ef"}.bi-fast-forward-btn::before{content:"\f7f0"}.bi-fast-forward-circle-fill::before{content:"\f7f1"}.bi-fast-forward-circle::before{content:"\f7f2"}.bi-fast-forward-fill::before{content:"\f7f3"}.bi-fast-forward::before{content:"\f7f4"}.bi-filetype-sql::before{content:"\f7f5"}.bi-fire::before{content:"\f7f6"}.bi-google-play::before{content:"\f7f7"}.bi-h-circle-fill::before{content:"\f7fa"}.bi-h-circle::before{content:"\f7fb"}.bi-h-square-fill::before{content:"\f7fc"}.bi-h-square::before{content:"\f7fd"}.bi-indent::before{content:"\f7fe"}.bi-lungs-fill::before{content:"\f7ff"}.bi-lungs::before{content:"\f800"}.bi-microsoft-teams::before{content:"\f801"}.bi-p-circle-fill::before{content:"\f804"}.bi-p-circle::before{content:"\f805"}.bi-p-square-fill::before{content:"\f806"}.bi-p-square::before{content:"\f807"}.bi-pass-fill::before{content:"\f808"}.bi-pass::before{content:"\f809"}.bi-prescription::before{content:"\f80a"}.bi-prescription2::before{content:"\f80b"}.bi-r-circle-fill::before{content:"\f80e"}.bi-r-circle::before{content:"\f80f"}.bi-r-square-fill::before{content:"\f810"}.bi-r-square::before{content:"\f811"}.bi-repeat-1::before{content:"\f812"}.bi-repeat::before{content:"\f813"}.bi-rewind-btn-fill::before{content:"\f814"}.bi-rewind-btn::before{content:"\f815"}.bi-rewind-circle-fill::before{content:"\f816"}.bi-rewind-circle::before{content:"\f817"}.bi-rewind-fill::before{content:"\f818"}.bi-rewind::before{content:"\f819"}.bi-train-freight-front-fill::before{content:"\f81a"}.bi-train-freight-front::before{content:"\f81b"}.bi-train-front-fill::before{content:"\f81c"}.bi-train-front::before{content:"\f81d"}.bi-train-lightrail-front-fill::before{content:"\f81e"}.bi-train-lightrail-front::before{content:"\f81f"}.bi-truck-front-fill::before{content:"\f820"}.bi-truck-front::before{content:"\f821"}.bi-ubuntu::before{content:"\f822"}.bi-unindent::before{content:"\f823"}.bi-unity::before{content:"\f824"}.bi-universal-access-circle::before{content:"\f825"}.bi-universal-access::before{content:"\f826"}.bi-virus::before{content:"\f827"}.bi-virus2::before{content:"\f828"}.bi-wechat::before{content:"\f829"}.bi-yelp::before{content:"\f82a"}.bi-sign-stop-fill::before{content:"\f82b"}.bi-sign-stop-lights-fill::before{content:"\f82c"}.bi-sign-stop-lights::before{content:"\f82d"}.bi-sign-stop::before{content:"\f82e"}.bi-sign-turn-left-fill::before{content:"\f82f"}.bi-sign-turn-left::before{content:"\f830"}.bi-sign-turn-right-fill::before{content:"\f831"}.bi-sign-turn-right::before{content:"\f832"}.bi-sign-turn-slight-left-fill::before{content:"\f833"}.bi-sign-turn-slight-left::before{content:"\f834"}.bi-sign-turn-slight-right-fill::before{content:"\f835"}.bi-sign-turn-slight-right::before{content:"\f836"}.bi-sign-yield-fill::before{content:"\f837"}.bi-sign-yield::before{content:"\f838"}.bi-ev-station-fill::before{content:"\f839"}.bi-ev-station::before{content:"\f83a"}.bi-fuel-pump-diesel-fill::before{content:"\f83b"}.bi-fuel-pump-diesel::before{content:"\f83c"}.bi-fuel-pump-fill::before{content:"\f83d"}.bi-fuel-pump::before{content:"\f83e"}.bi-0-circle-fill::before{content:"\f83f"}.bi-0-circle::before{content:"\f840"}.bi-0-square-fill::before{content:"\f841"}.bi-0-square::before{content:"\f842"}.bi-rocket-fill::before{content:"\f843"}.bi-rocket-takeoff-fill::before{content:"\f844"}.bi-rocket-takeoff::before{content:"\f845"}.bi-rocket::before{content:"\f846"}.bi-stripe::before{content:"\f847"}.bi-subscript::before{content:"\f848"}.bi-superscript::before{content:"\f849"}.bi-trello::before{content:"\f84a"}.bi-envelope-at-fill::before{content:"\f84b"}.bi-envelope-at::before{content:"\f84c"}.bi-regex::before{content:"\f84d"}.bi-text-wrap::before{content:"\f84e"}.bi-sign-dead-end-fill::before{content:"\f84f"}.bi-sign-dead-end::before{content:"\f850"}.bi-sign-do-not-enter-fill::before{content:"\f851"}.bi-sign-do-not-enter::before{content:"\f852"}.bi-sign-intersection-fill::before{content:"\f853"}.bi-sign-intersection-side-fill::before{content:"\f854"}.bi-sign-intersection-side::before{content:"\f855"}.bi-sign-intersection-t-fill::before{content:"\f856"}.bi-sign-intersection-t::before{content:"\f857"}.bi-sign-intersection-y-fill::before{content:"\f858"}.bi-sign-intersection-y::before{content:"\f859"}.bi-sign-intersection::before{content:"\f85a"}.bi-sign-merge-left-fill::before{content:"\f85b"}.bi-sign-merge-left::before{content:"\f85c"}.bi-sign-merge-right-fill::before{content:"\f85d"}.bi-sign-merge-right::before{content:"\f85e"}.bi-sign-no-left-turn-fill::before{content:"\f85f"}.bi-sign-no-left-turn::before{content:"\f860"}.bi-sign-no-parking-fill::before{content:"\f861"}.bi-sign-no-parking::before{content:"\f862"}.bi-sign-no-right-turn-fill::before{content:"\f863"}.bi-sign-no-right-turn::before{content:"\f864"}.bi-sign-railroad-fill::before{content:"\f865"}.bi-sign-railroad::before{content:"\f866"}.bi-building-add::before{content:"\f867"}.bi-building-check::before{content:"\f868"}.bi-building-dash::before{content:"\f869"}.bi-building-down::before{content:"\f86a"}.bi-building-exclamation::before{content:"\f86b"}.bi-building-fill-add::before{content:"\f86c"}.bi-building-fill-check::before{content:"\f86d"}.bi-building-fill-dash::before{content:"\f86e"}.bi-building-fill-down::before{content:"\f86f"}.bi-building-fill-exclamation::before{content:"\f870"}.bi-building-fill-gear::before{content:"\f871"}.bi-building-fill-lock::before{content:"\f872"}.bi-building-fill-slash::before{content:"\f873"}.bi-building-fill-up::before{content:"\f874"}.bi-building-fill-x::before{content:"\f875"}.bi-building-fill::before{content:"\f876"}.bi-building-gear::before{content:"\f877"}.bi-building-lock::before{content:"\f878"}.bi-building-slash::before{content:"\f879"}.bi-building-up::before{content:"\f87a"}.bi-building-x::before{content:"\f87b"}.bi-buildings-fill::before{content:"\f87c"}.bi-buildings::before{content:"\f87d"}.bi-bus-front-fill::before{content:"\f87e"}.bi-bus-front::before{content:"\f87f"}.bi-ev-front-fill::before{content:"\f880"}.bi-ev-front::before{content:"\f881"}.bi-globe-americas::before{content:"\f882"}.bi-globe-asia-australia::before{content:"\f883"}.bi-globe-central-south-asia::before{content:"\f884"}.bi-globe-europe-africa::before{content:"\f885"}.bi-house-add-fill::before{content:"\f886"}.bi-house-add::before{content:"\f887"}.bi-house-check-fill::before{content:"\f888"}.bi-house-check::before{content:"\f889"}.bi-house-dash-fill::before{content:"\f88a"}.bi-house-dash::before{content:"\f88b"}.bi-house-down-fill::before{content:"\f88c"}.bi-house-down::before{content:"\f88d"}.bi-house-exclamation-fill::before{content:"\f88e"}.bi-house-exclamation::before{content:"\f88f"}.bi-house-gear-fill::before{content:"\f890"}.bi-house-gear::before{content:"\f891"}.bi-house-lock-fill::before{content:"\f892"}.bi-house-lock::before{content:"\f893"}.bi-house-slash-fill::before{content:"\f894"}.bi-house-slash::before{content:"\f895"}.bi-house-up-fill::before{content:"\f896"}.bi-house-up::before{content:"\f897"}.bi-house-x-fill::before{content:"\f898"}.bi-house-x::before{content:"\f899"}.bi-person-add::before{content:"\f89a"}.bi-person-down::before{content:"\f89b"}.bi-person-exclamation::before{content:"\f89c"}.bi-person-fill-add::before{content:"\f89d"}.bi-person-fill-check::before{content:"\f89e"}.bi-person-fill-dash::before{content:"\f89f"}.bi-person-fill-down::before{content:"\f8a0"}.bi-person-fill-exclamation::before{content:"\f8a1"}.bi-person-fill-gear::before{content:"\f8a2"}.bi-person-fill-lock::before{content:"\f8a3"}.bi-person-fill-slash::before{content:"\f8a4"}.bi-person-fill-up::before{content:"\f8a5"}.bi-person-fill-x::before{content:"\f8a6"}.bi-person-gear::before{content:"\f8a7"}.bi-person-lock::before{content:"\f8a8"}.bi-person-slash::before{content:"\f8a9"}.bi-person-up::before{content:"\f8aa"}.bi-scooter::before{content:"\f8ab"}.bi-taxi-front-fill::before{content:"\f8ac"}.bi-taxi-front::before{content:"\f8ad"}.bi-amd::before{content:"\f8ae"}.bi-database-add::before{content:"\f8af"}.bi-database-check::before{content:"\f8b0"}.bi-database-dash::before{content:"\f8b1"}.bi-database-down::before{content:"\f8b2"}.bi-database-exclamation::before{content:"\f8b3"}.bi-database-fill-add::before{content:"\f8b4"}.bi-database-fill-check::before{content:"\f8b5"}.bi-database-fill-dash::before{content:"\f8b6"}.bi-database-fill-down::before{content:"\f8b7"}.bi-database-fill-exclamation::before{content:"\f8b8"}.bi-database-fill-gear::before{content:"\f8b9"}.bi-database-fill-lock::before{content:"\f8ba"}.bi-database-fill-slash::before{content:"\f8bb"}.bi-database-fill-up::before{content:"\f8bc"}.bi-database-fill-x::before{content:"\f8bd"}.bi-database-fill::before{content:"\f8be"}.bi-database-gear::before{content:"\f8bf"}.bi-database-lock::before{content:"\f8c0"}.bi-database-slash::before{content:"\f8c1"}.bi-database-up::before{content:"\f8c2"}.bi-database-x::before{content:"\f8c3"}.bi-database::before{content:"\f8c4"}.bi-houses-fill::before{content:"\f8c5"}.bi-houses::before{content:"\f8c6"}.bi-nvidia::before{content:"\f8c7"}.bi-person-vcard-fill::before{content:"\f8c8"}.bi-person-vcard::before{content:"\f8c9"}.bi-sina-weibo::before{content:"\f8ca"}.bi-tencent-qq::before{content:"\f8cb"}.bi-wikipedia::before{content:"\f8cc"}.bi-alphabet-uppercase::before{content:"\f2a5"}.bi-alphabet::before{content:"\f68a"}.bi-amazon::before{content:"\f68d"}.bi-arrows-collapse-vertical::before{content:"\f690"}.bi-arrows-expand-vertical::before{content:"\f695"}.bi-arrows-vertical::before{content:"\f698"}.bi-arrows::before{content:"\f6a2"}.bi-ban-fill::before{content:"\f6a3"}.bi-ban::before{content:"\f6b6"}.bi-bing::before{content:"\f6c2"}.bi-cake::before{content:"\f6e0"}.bi-cake2::before{content:"\f6ed"}.bi-cookie::before{content:"\f6ee"}.bi-copy::before{content:"\f759"}.bi-crosshair::before{content:"\f769"}.bi-crosshair2::before{content:"\f794"}.bi-emoji-astonished-fill::before{content:"\f795"}.bi-emoji-astonished::before{content:"\f79a"}.bi-emoji-grimace-fill::before{content:"\f79b"}.bi-emoji-grimace::before{content:"\f7a0"}.bi-emoji-grin-fill::before{content:"\f7a1"}.bi-emoji-grin::before{content:"\f7a6"}.bi-emoji-surprise-fill::before{content:"\f7a7"}.bi-emoji-surprise::before{content:"\f7ac"}.bi-emoji-tear-fill::before{content:"\f7ad"}.bi-emoji-tear::before{content:"\f7b2"}.bi-envelope-arrow-down-fill::before{content:"\f7b3"}.bi-envelope-arrow-down::before{content:"\f7b8"}.bi-envelope-arrow-up-fill::before{content:"\f7b9"}.bi-envelope-arrow-up::before{content:"\f7be"}.bi-feather::before{content:"\f7bf"}.bi-feather2::before{content:"\f7c4"}.bi-floppy-fill::before{content:"\f7c5"}.bi-floppy::before{content:"\f7d8"}.bi-floppy2-fill::before{content:"\f7d9"}.bi-floppy2::before{content:"\f7e4"}.bi-gitlab::before{content:"\f7e5"}.bi-highlighter::before{content:"\f7f8"}.bi-marker-tip::before{content:"\f802"}.bi-nvme-fill::before{content:"\f803"}.bi-nvme::before{content:"\f80c"}.bi-opencollective::before{content:"\f80d"}.bi-pci-card-network::before{content:"\f8cd"}.bi-pci-card-sound::before{content:"\f8ce"}.bi-radar::before{content:"\f8cf"}.bi-send-arrow-down-fill::before{content:"\f8d0"}.bi-send-arrow-down::before{content:"\f8d1"}.bi-send-arrow-up-fill::before{content:"\f8d2"}.bi-send-arrow-up::before{content:"\f8d3"}.bi-sim-slash-fill::before{content:"\f8d4"}.bi-sim-slash::before{content:"\f8d5"}.bi-sourceforge::before{content:"\f8d6"}.bi-substack::before{content:"\f8d7"}.bi-threads-fill::before{content:"\f8d8"}.bi-threads::before{content:"\f8d9"}.bi-transparency::before{content:"\f8da"}.bi-twitter-x::before{content:"\f8db"}.bi-type-h4::before{content:"\f8dc"}.bi-type-h5::before{content:"\f8dd"}.bi-type-h6::before{content:"\f8de"}.bi-backpack-fill::before{content:"\f8df"}.bi-backpack::before{content:"\f8e0"}.bi-backpack2-fill::before{content:"\f8e1"}.bi-backpack2::before{content:"\f8e2"}.bi-backpack3-fill::before{content:"\f8e3"}.bi-backpack3::before{content:"\f8e4"}.bi-backpack4-fill::before{content:"\f8e5"}.bi-backpack4::before{content:"\f8e6"}.bi-brilliance::before{content:"\f8e7"}.bi-cake-fill::before{content:"\f8e8"}.bi-cake2-fill::before{content:"\f8e9"}.bi-duffle-fill::before{content:"\f8ea"}.bi-duffle::before{content:"\f8eb"}.bi-exposure::before{content:"\f8ec"}.bi-gender-neuter::before{content:"\f8ed"}.bi-highlights::before{content:"\f8ee"}.bi-luggage-fill::before{content:"\f8ef"}.bi-luggage::before{content:"\f8f0"}.bi-mailbox-flag::before{content:"\f8f1"}.bi-mailbox2-flag::before{content:"\f8f2"}.bi-noise-reduction::before{content:"\f8f3"}.bi-passport-fill::before{content:"\f8f4"}.bi-passport::before{content:"\f8f5"}.bi-person-arms-up::before{content:"\f8f6"}.bi-person-raised-hand::before{content:"\f8f7"}.bi-person-standing-dress::before{content:"\f8f8"}.bi-person-standing::before{content:"\f8f9"}.bi-person-walking::before{content:"\f8fa"}.bi-person-wheelchair::before{content:"\f8fb"}.bi-shadows::before{content:"\f8fc"}.bi-suitcase-fill::before{content:"\f8fd"}.bi-suitcase-lg-fill::before{content:"\f8fe"}.bi-suitcase-lg::before{content:"\f8ff"}.bi-suitcase::before{content:"\f900"}.bi-suitcase2-fill::before{content:"\f901"}.bi-suitcase2::before{content:"\f902"}.bi-vignette::before{content:"\f903"}.bi-bluesky::before{content:"\f7f9"}.bi-tux::before{content:"\f904"}.bi-beaker-fill::before{content:"\f905"}.bi-beaker::before{content:"\f906"}.bi-flask-fill::before{content:"\f907"}.bi-flask-florence-fill::before{content:"\f908"}.bi-flask-florence::before{content:"\f909"}.bi-flask::before{content:"\f90a"}.bi-leaf-fill::before{content:"\f90b"}.bi-leaf::before{content:"\f90c"}.bi-measuring-cup-fill::before{content:"\f90d"}.bi-measuring-cup::before{content:"\f90e"}.bi-unlock2-fill::before{content:"\f90f"}.bi-unlock2::before{content:"\f910"}.bi-battery-low::before{content:"\f911"}.bi-anthropic::before{content:"\f912"}.bi-apple-music::before{content:"\f913"}.bi-claude::before{content:"\f914"}.bi-openai::before{content:"\f915"}.bi-perplexity::before{content:"\f916"}.bi-css::before{content:"\f917"}.bi-javascript::before{content:"\f918"}.bi-typescript::before{content:"\f919"}.bi-fork-knife::before{content:"\f91a"}.bi-globe-americas-fill::before{content:"\f91b"}.bi-globe-asia-australia-fill::before{content:"\f91c"}.bi-globe-central-south-asia-fill::before{content:"\f91d"}.bi-globe-europe-africa-fill::before{content:"\f91e"}
/*!******************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./src/themes.css ***!
  \******************************************************************/
:root {
    /*
  GENERAL COLORS
  */

    --hero-title: #eeeeee;
    --background: #111111;
    --generals: #1e1e1e;
    --superficials: #222222;
    --dropdown-back: #313131;
    --elements: #303030;
    --augment-buttons-bg: #474747;
    --augment-buttons-hover: #5a5a5a;
    --dropdown-hover: #414141;
    --table-default: #1b1b1b;
    --table-default-odd: #1e1e1e;
    --table-header: #2f2f2f;
    --dark-text: #b1b1b1;
    --disabled-text: #7a7a7a;
    --modal-text: #777777;
    --text-muted: #94a3b8; 
    --negative-text: #292929;
    --new-primary: #c89efc;
    /* C37CF9 alternative*/
    --new-primary-dark: #ba82ff;
    --new-primary-transparent: color-mix(in srgb, var(--new-primary) 25%, var(--elements));
    --new-primary-background-dropdown: color-mix(in srgb, var(--new-primary) 25%, var(--elements));
    --new-primary-background-dropdown-items: color-mix(in srgb, var(--new-primary) 45%, var(--elements));
    --text-selected: #e7d3ff;
    --text-selected-secondary: #b1dbd6;
    --new-secondary: #9AD2CB;
    --new-secondary-transparent: color-mix(in srgb, var(--new-secondary) 25%, var(--elements));
    --new-secondary-dark: #74aaa4;
    --table-hover: #4a4a4a;
    --elements-hover: #3a3a3a;
    --box-shadow: #00000033;
    --table-first: #fde06b;
    --table-first-light: #f0e2ac;
    --table-second: #b5bcc6;
    --table-second-light: #cacaca;
    --table-third: #d7985a;
    --table-third-light: #f2cda6;
    --table-dnf: #676767;
    --text-outline: #000000;
    --blur-color: #616161d3;
    --toast-background: #5a5b5c;
    --console-transparent: #42424299;
    --separator: #4a4a4a;
    --separator-light: #4f4f4f;
    --frozen: #77e2f0;
    --extra-hard: #edf037;
    --brutal: #f0c537;
    --unfair: #f09a37;
    --insane: #f06b37;
    --impossible: #f03737;
    --modal-warning: #f03737a1;
    --modal-warning-text: #f8bbbb;
    --engine-table-name: #878787;
    --engine-table-name-hover: #575757;
    --support-me: #f96854;
    --twitter: #51afe9;
    --reddit: #f87444;
    --custom-dif: #52ebbd;
    --discord: #7289da;

    --table-hover-text: #292929;
    --session-results-hover: #4a4a4a;

    --news-overlays-text: #dedde6;
    --news-date-text: #292929;

    --primary-gradient: linear-gradient(to right, var(--new-primary) 0%, #ffb38c 100%);

    --scrollbar-hover: color-mix(in srgb, var(--white-general) 70%, var(--elements));

    --amo-1: #bd6962;
    --amo-2: #eec987;

    --rate-ok-color: #2ecc71;
    --rate-ok-bg: color-mix(in srgb, var(--rate-ok-color) 30%, transparent);

    --rate-warning-color: #f1c40f;
    --rate-warning-bg: color-mix(in srgb, var(--rate-warning-color) 30%, transparent);

    --rate-danger-color: #e67e22;
    --rate-danger-bg: color-mix(in srgb, var(--rate-danger-color) 30%, transparent);

    --rate-blocked-color: #e74c3c;
    --rate-blocked-bg: color-mix(in srgb, var(--rate-blocked-color) 30%, transparent);

    --mentality-enthusiastic: #c055e3;
    --mentality-positive: #10ffff;
    --mentality-neutral: #f3f3f3;
    --mentality-negative: #e9de35;
    --mentality-demoralized: #dd3356;

    --technical-chief: #ec4e98;
    --race-engineer: #bce64a;
    --head-aero: #5097e7;
    --sporting-director: #925aeb;

    --background-general: #110f24;
    --slight-contrast: #797599;
    --white-general: #f3f3f3;
    --tech-grid-color: var(--text-general);
    --tech-grid-line: color-mix(in srgb, var(--tech-grid-color) 2%, transparent);
    --glow-x: 50%;
    --glow-y: 0px;
    --tech-grid-highlight-color: var(--new-primary);
    --tech-grid-highlight-opacity: 0.54;
    --tech-grid-highlight-radius: 240px;
    --gold-gradient-text: #f3f3f3;


    --text-general: #dedde6;
    --text-general-transparent: #e9e8f0be;

    --logos-general: #f0f0f0;

    --text-secondary: #a8a8a8;
    --text-tertiary: #777777;

    --negative-general: #e95656;
    --negative-general-clicked: #cf2626;
    --negative-transparent: color-mix(in srgb, var(--negative-general) 25%, var(--elements));
    --positive-general: #5bd999;
    --positive-transparent: color-mix(in srgb, var(--positive-general) 25%, var(--elements));
    --positive-general-clicked: #11ac5e;
    --positive-general-darker: #3f8a6b;
    --positive--general-darker2: #2f6a4b;
    --random-general: #d4ff6f;
    --h2h-general: #34c297;
    --graph-general: #34bdc2;
    --h2h-detail: #88ebcd;
    --graph-detail: #95ebee;
    --tools-general: #18152e;
    --component-general: #3f3c57;
    --component-general-hover: #4e4b69;
    --component-general-hover-extra: #5d5a7c;
    --overall-holder: #21202e;
    --dropdown-back-general: #8b87af;
    --active-general: #1a1826;
    --row-cell: #110D14;
    --row-odd-cell: #15121B;
    --special-columns: #464166;
    --delete-div: #f15353;
    --weather-vis-back: #292738;
    --weather-vis-border: #2c2b3b;
    --h2h-back: #1f1b3b;
    --h2h-back-hover: #302a57;
    --active-buttons-back: #5f5a7c;
    --mid-gray-contrast: #63636e;
    --awaiting-color: #8a8a8a;
    --mode-line-edit: #fff7b0;
    --mode-line-ai: #baffea;
    --mode-line-view: #e8b6ff;
    --prob-viewer-hover: #625e86;
    --custom-modal-back: #393744;
    --text-in-front: #eeedf3;
    --background--buttons-hover: #6f698f;
    --ai-transparent: #baffea99;
    --edit-transparent: #fff7b099;
    --view-transparent: #e8b6ff99;
    --white-gradient: #ffffff99;

    --f2-border: #38c8f0;
    --f2-back: #388cd5;
    --f2-active: #1374fc;
    --f3-back: #cf2e2e;
    --f3-border: #ff6956;
    --f1-first: #ff0000;

    --shadow-no: 0 1px 2px #00000030,
        /*dark shadow */
        0 2px 4px #00000015;
    /*soft shadow */

    --shadow-s: inset 0 1px 2px #ffffff30,
        /*top highlight */
        0 1px 2px #00000030,
        /*dark shadow */
        0 2px 4px #00000015;
    /*soft shadow */

    --shadow-xs: inset 0 1px 2px #ffffff20,
        /*top highlight */
        0 1px 2px #00000020,
        /*dark shadow */
        0 2px 4px #00000010;

    --shadow-m: inset 0 1px 2px #ffffff50,
        /*top highlight */
        0 2px 4px #00000030,
        /*dark shadow */
        0 4px 8px #00000015;
    /*soft shadow */

    --shadow-l: inset 0 1px 2px #ffffff70,
        /*top highlight */
        0 4px 6px #00000030,
        /*dark shadow */
        0 6px 110px #00000015;
    /*soft shadow */

    --shadow-red:
        inset 0 -1px 2px #ff3b3b25,   /* light from bottom */
        2px 2px 4px #ff3b3b20,        /* red glow bottom-right */
        -1px -1px 2px #00000030,      /* opposite shadow */
        0 2px 4px #00000020;          /* soft depth */


    --switch-border-on: var(--new-primary);
    --switch-border-off: var(--text-general);


    /*
  TEAMS COLORS
  */
    --alphatauri-original: #5E8FAA;
    --alphatauri-secondary-original: #f1f1f1;
    --alpine-original: #F168BA;
    --alpine-secondary-original: #f1f1f1;
    --andretti-primary: #fac51c;
    --andretti-secondary: #1e7696;
    --lotus-primary: #b09247;
    --lotus-secondary: #595959;
    --visarb-primary: #6c8ff3;
    --visarb-secondary: #f1f1f1;
    --toyota-primary: #989898;
    --toyota-secondary: #f1f1f1;
    --hugo-primary: #bd9514;
    --hugo-secondary: #f1f1f1;
    --alphatauri-primary: #5E8FAA;
    --porsche-primary: #873AC4;
    --porsche-secondary: #f1f1f1;
    --brawn-primary: #d0e610;
    --brawn-secondary: #f1f1f1;
    --ferrari-primary: #f53311;
    --general-secondary: #f1f1f1;
    --mercedes-primary: #00F5D3;
    --redbull-original: #3172bf;
    --redbull-secondary-original: #ffd300;
    --redbull-primary: #3172bf;
    --redbull-secondary: #ffd300;
    --ford-primary: #3172bf;
    --ford-secondary: #f1f1f1;
    --stake-primary: #54d650;
    --stake-secondary: #595959;
    --audi-primary: #C00A26;
    --audi-secondary: #f1f1f1;
    --sauber-primary: #f50537;
    --aston-original: #07977b;
    --aston-secondary-original: #c3dc00;
    --aston-primary: #07977b;
    --aston-secondary: #c3dc00;
    --racingpoint-primary: #F395C7;
    --racingpoint-secondary: #f1f1f1;
    --jordan-primary: #e6e624;
    --jordan-secondary: #1f1f1f;
    --alfa-original: #C92D4B;
    --alfa-secondary-original: #f1f1f1;
    --alfa-primary: #C92D4B;
    --alfa-secondary: #f1f1f1;
    --alphatauri-secondary: #f1f1f1;
    --haas-original: #c1c1c7;
    --haas-secondary-original: #f62039;
    --haas-primary: #c1c1c7;
    --haas-secondary: #f62039;
    --mclaren-primary: #FF8000;
    --mclaren-secondary: #47c7fc;
    --williams-original: #1868DB;
    --williams-secondary-original: #f1f1f1;
    --williams-primary: #1868DB;
    --williams-secondary: #f1f1f1;
    --bmw-primary: #f1f1f1;
    --bmw-secondary: #1957bb;
    --alpine-primary: #F168BA;
    --alpine-secondary: #f1f1f1;
    --cadillac-primary: #111111;
    --cadillac-secondary: #d8d8d8;
    --renault-primary: #f7c82f;
    --honda-primary: #d80000;
    --custom-team-primary: #ffffff;
    --custom-team-secondary: #ffffff;

    --redbull-primary-transparent: color-mix(in srgb, var(--redbull-primary) 30%, var(--elements));
    --redbull-secondary-transparent: color-mix(in srgb, var(--redbull-secondary) 30%, var(--elements));
    --redbull-primary-transparent-original: color-mix(in srgb, var(--redbull-original) 30%, var(--elements));
    --redbull-secondary-transparent-original: color-mix(in srgb, var(--redbull-secondary-original) 30%, var(--elements));
    --ford-primary-transparent: color-mix(in srgb, var(--ford-primary) 18%, var(--elements));
    --ford-secondary-transparent: color-mix(in srgb, var(--ford-secondary) 18%, var(--elements));
    --ferrari-primary-transparent: color-mix(in srgb, var(--ferrari-primary) 18%, var(--elements));
    --general-secondary-transparent: color-mix(in srgb, var(--general-secondary) 18%, var(--elements));
    --mercedes-primary-transparent: color-mix(in srgb, var(--mercedes-primary) 18%, var(--elements));
    --mclaren-primary-transparent: color-mix(in srgb, var(--mclaren-primary) 18%, var(--elements));
    --mclaren-secondary-transparent: color-mix(in srgb, var(--mclaren-secondary) 18%, var(--elements));
    --williams-primary-transparent: color-mix(in srgb, var(--williams-primary) 18%, var(--elements));
    --williams-primary-transparent-original: color-mix(in srgb, var(--williams-original) 18%, var(--elements));
    --williams-secondary-transparent: color-mix(in srgb, var(--williams-secondary) 18%, var(--elements));
    --williams-secondary-transparent-original: color-mix(in srgb, var(--williams-secondary-original) 18%, var(--elements));
    --bmw-primary-transparent: color-mix(in srgb, var(--bmw-primary) 18%, var(--elements));
    --bmw-secondary-transparent: color-mix(in srgb, var(--bmw-secondary) 18%, var(--elements));
    --haas-primary-transparent: color-mix(in srgb, var(--haas-primary) 18%, var(--elements));
    --haas-secondary-transparent: color-mix(in srgb, var(--haas-secondary) 18%, var(--elements));
    --haas-primary-transparent-original: color-mix(in srgb, var(--haas-original) 18%, var(--elements));
    --haas-secondary-transparent-original: color-mix(in srgb, var(--haas-secondary-original) 18%, var(--elements));
    --alphatauri-primary-transparent: color-mix(in srgb, var(--alphatauri-primary) 18%, var(--elements));
    --alphatauri-primary-transparent-original: color-mix(in srgb, var(--alphatauri-original) 18%, var(--elements));
    --alphatauri-secondary-transparent: color-mix(in srgb, var(--alphatauri-secondary) 18%, var(--elements));
    --alphatauri-secondary-transparent-original: color-mix(in srgb, var(--alphatauri-secondary-original) 18%, var(--elements));
    --sauber-primary-transparent: color-mix(in srgb, var(--sauber-primary) 18%, var(--elements));
    --alpine-primary-transparent: color-mix(in srgb, var(--alpine-primary) 18%, var(--elements));
    --alpine-primary-transparent-original: color-mix(in srgb, var(--alpine-original) 18%, var(--elements));
    --alpine-secondary-transparent: color-mix(in srgb, var(--alpine-secondary) 18%, var(--elements));
    --alpine-secondary-transparent-original: color-mix(in srgb, var(--alpine-secondary-original) 18%, var(--elements));
    --renault-primary-transparent: color-mix(in srgb, var(--renault-primary) 18%, var(--elements));
    --cadillac-primary-transparent: color-mix(in srgb, var(--cadillac-primary) 18%, var(--elements));
    --cadillac-secondary-transparent: color-mix(in srgb, var(--cadillac-secondary) 18%, var(--elements));
    --aston-primary-transparent: color-mix(in srgb, var(--aston-primary) 18%, var(--elements));
    --aston-secondary-transparent: color-mix(in srgb, var(--aston-secondary) 18%, var(--elements));
    --aston-primary-transparent-original: color-mix(in srgb, var(--aston-original) 18%, var(--elements));
    --aston-secondary-transparent-original: color-mix(in srgb, var(--aston-secondary-original) 18%, var(--elements));
    --racingpoint-primary-transparent: color-mix(in srgb, var(--racingpoint-primary) 18%, var(--elements));
    --racingpoint-secondary-transparent: color-mix(in srgb, var(--racingpoint-secondary) 18%, var(--elements));
    --jordan-primary-transparent: color-mix(in srgb, var(--jordan-primary) 18%, var(--elements));
    --jordan-secondary-transparent: color-mix(in srgb, var(--jordan-secondary) 18%, var(--elements));
    --alfa-primary-transparent: color-mix(in srgb, var(--alfa-primary) 18%, var(--elements));
    --alfa-primary-transparent-original: color-mix(in srgb, var(--alfa-original) 18%, var(--elements));
    --alfa-secondary-transparent: color-mix(in srgb, var(--alfa-secondary) 18%, var(--elements));
    --alfa-secondary-transparent-original: color-mix(in srgb, var(--alfa-secondary-original) 18%, var(--elements));
    --audi-primary-transparent: color-mix(in srgb, var(--audi-primary) 18%, var(--elements));
    --audi-secondary-transparent: color-mix(in srgb, var(--audi-secondary) 18%, var(--elements));
    --toyota-primary-transparent: color-mix(in srgb, var(--toyota-primary) 18%, var(--elements));
    --toyota-secondary-transparent: color-mix(in srgb, var(--toyota-secondary) 18%, var(--elements));
    --porsche-primary-transparent: color-mix(in srgb, var(--porsche-primary) 18%, var(--elements));
    --porsche-secondary-transparent: color-mix(in srgb, var(--porsche-secondary) 18%, var(--elements));
    --brawn-primary-transparent: color-mix(in srgb, var(--brawn-primary) 18%, var(--elements));
    --brawn-secondary-transparent: color-mix(in srgb, var(--brawn-secondary) 18%, var(--elements));
    --stake-primary-transparent: color-mix(in srgb, var(--stake-primary) 18%, var(--elements));
    --stake-secondary-transparent: color-mix(in srgb, var(--stake-secondary) 18%, var(--elements));
    --visarb-primary-transparent: color-mix(in srgb, var(--visarb-primary) 18%, var(--elements));
    --visarb-secondary-transparent: color-mix(in srgb, var(--visarb-secondary) 18%, var(--elements));
    --hugo-primary-transparent: color-mix(in srgb, var(--hugo-primary) 18%, var(--elements));
    --hugo-secondary-transparent: color-mix(in srgb, var(--hugo-secondary) 18%, var(--elements));
    --lotus-primary-transparent: color-mix(in srgb, var(--lotus-primary) 18%, var(--elements));
    --lotus-secondary-transparent: color-mix(in srgb, var(--lotus-secondary) 18%, var(--elements));
    --andretti-primary-transparent: color-mix(in srgb, var(--andretti-primary) 18%, var(--elements));
    --andretti-secondary-transparent: color-mix(in srgb, var(--andretti-secondary) 18%, var(--elements));
    --custom-team-primary-transparent: color-mix(in srgb, var(--custom-team-primary) 18%, var(--elements));
    --custom-team-secondary-transparent: color-mix(in srgb, var(--custom-team-secondary) 18%, var(--elements));
}

body.light-theme {
    --background: #e4e4e4;
    --generals: #dadada;
    --superficials: #d0d0d0;
    --dropdown-back: #cfcfcf;
    --elements: #cccccc;
    --table-default: #f5f5f5;
    --table-default-odd: #e0e0e0;
    --dropdown-hover: #bbbbbb;
    --text-general: #252525;
    --text-secondary: #666666;
    --text-tertiary: #999999;

    --hero-title: #111111;
    --text-muted: #475569;
    --logos-general: #333333;

    --augment-buttons-bg: #bbbbbb;
    --augment-buttons-hover: #aaaaaa;

    --white-general: #131313;
    --tech-grid-color: var(--text-general);
    --tech-grid-line: color-mix(in srgb, var(--tech-grid-color) 5%, transparent);
    --dark-text: #444444;
    --disabled-text: #888888;
    --modal-text: #666666;
    --negative-text: #eeeeee;
    --new-primary: #7a5fd8;
    --new-primary-dark: #5a42b5;
    --new-primary-transparent: color-mix(in srgb, var(--new-primary) 25%, var(--elements));
    --text-selected: #aa88ff;
    --text-selected-secondary: #55aaa9;
    --new-secondary: #66aabb;
    --new-secondary-dark: #447788;
    --new-secondary-transparent: color-mix(in srgb, var(--new-secondary) 25%, var(--elements));
    --table-hover: #cccccc;
    --elements-hover: #bbbbbb;
    --box-shadow: #00000022;

    --switch-border-on: var(--new-primary);
    --switch-border-off: var(--text-general);

    --tech-grid-highlight-color: var(--new-primary);

    --new-primary-background-dropdown: color-mix(in srgb, var(--new-primary) 25%, var(--elements));
    --new-primary-background-dropdown-items: color-mix(in srgb, var(--new-primary) 45%, var(--elements));

    --table-first: #c5ad4d;
    --table-first-light: #f0e2ac;
    --table-second: #797b80;
    --table-second-light: #cacaca;
    --table-third: #b87a3c;
    --table-third-light: #f2cda6;
    --table-header: #d1d1d1;
    --table-dnf: #8b8b8b;

    --sessions-results-hover: #d1d1d1;

    --positive-general: #2a9b63;

    --rate-ok-color: #24a45a;
    --rate-ok-bg: color-mix(in srgb, var(--rate-ok-color) 30%, transparent);

    --rate-warning-color: #bca211;
    --rate-warning-bg: color-mix(in srgb, var(--rate-warning-color) 30%, transparent);

    --rate-danger-color: #d46a11;
    --rate-danger-bg: color-mix(in srgb, var(--rate-danger-color) 30%, transparent);


    --general-secondary: #f1f1f1;
    --mercedes-primary: #13c2a2;
    --haas-primary: #57575a;

    --mentality-enthusiastic: #c055e3;
    --mentality-positive: #10ffff;
    --mentality-neutral: #222222;
    --mentality-negative: #8a8100;
    --mentality-demoralized: #dd3356;

    --scrollbar-hover: color-mix(in srgb, var(--white-general) 70%, var(--elements));

    --redbull-primary-transparent: color-mix(in srgb, var(--redbull-primary) 30%, var(--elements));
    --redbull-secondary-transparent: color-mix(in srgb, var(--redbull-secondary) 30%, var(--elements));
    --ferrari-primary-transparent: color-mix(in srgb, var(--ferrari-primary) 18%, var(--elements));
    --general-secondary-transparent: color-mix(in srgb, var(--general-secondary) 18%, var(--elements));
    --mercedes-primary-transparent: color-mix(in srgb, var(--mercedes-primary) 18%, var(--elements));
    --mclaren-primary-transparent: color-mix(in srgb, var(--mclaren-primary) 18%, var(--elements));
    --mclaren-secondary-transparent: color-mix(in srgb, var(--mclaren-secondary) 18%, var(--elements));
    --williams-primary-transparent: color-mix(in srgb, var(--williams-primary) 18%, var(--elements));
    --haas-primary-transparent: color-mix(in srgb, var(--haas-primary) 18%, var(--elements));
    --haas-secondary-transparent: color-mix(in srgb, var(--haas-secondary) 18%, var(--elements));
    --alphatauri-primary-transparent: color-mix(in srgb, var(--alphatauri-primary) 18%, var(--elements));
    --alphatauri-primary-transparent-original: color-mix(in srgb, var(--alphatauri-original) 18%, var(--elements));
    --alphatauri-secondary-transparent: color-mix(in srgb, var(--alphatauri-secondary) 18%, var(--elements));
    --alphatauri-secondary-transparent-original: color-mix(in srgb, var(--alphatauri-secondary-original) 18%, var(--elements));
    --sauber-primary-transparent: color-mix(in srgb, var(--sauber-primary) 18%, var(--elements));
    --alpine-primary-transparent: color-mix(in srgb, var(--alpine-primary) 18%, var(--elements));
    --alpine-primary-transparent-original: color-mix(in srgb, var(--alpine-original) 18%, var(--elements));
    --alpine-secondary-transparent: color-mix(in srgb, var(--alpine-secondary) 18%, var(--elements));
    --alpine-secondary-transparent-original: color-mix(in srgb, var(--alpine-secondary-original) 18%, var(--elements));
    --renault-primary-transparent: color-mix(in srgb, var(--renault-primary) 18%, var(--elements));
    --cadillac-primary-transparent: color-mix(in srgb, var(--cadillac-primary) 18%, var(--elements));
    --cadillac-secondary-transparent: color-mix(in srgb, var(--cadillac-secondary) 18%, var(--elements));
    --aston-primary-transparent: color-mix(in srgb, var(--aston-primary) 18%, var(--elements));
    --aston-secondary-transparent: color-mix(in srgb, var(--aston-secondary) 18%, var(--elements));
    --alfa-primary-transparent: color-mix(in srgb, var(--alfa-primary) 18%, var(--elements));
    --alfa-primary-transparent-original: color-mix(in srgb, var(--alfa-original) 18%, var(--elements));
    --alfa-secondary-transparent: color-mix(in srgb, var(--alfa-secondary) 18%, var(--elements));
    --alfa-secondary-transparent-original: color-mix(in srgb, var(--alfa-secondary-original) 18%, var(--elements));
    --audi-primary-transparent: color-mix(in srgb, var(--audi-primary) 18%, var(--elements));
    --audi-secondary-transparent: color-mix(in srgb, var(--audi-secondary) 18%, var(--elements));
    --toyota-primary-transparent: color-mix(in srgb, var(--toyota-primary) 18%, var(--elements));
    --toyota-secondary-transparent: color-mix(in srgb, var(--toyota-secondary) 18%, var(--elements));
    --porsche-primary-transparent: color-mix(in srgb, var(--porsche-primary) 18%, var(--elements));
    --porsche-secondary-transparent: color-mix(in srgb, var(--porsche-secondary) 18%, var(--elements));
    --brawn-primary-transparent: color-mix(in srgb, var(--brawn-primary) 18%, var(--elements));
    --brawn-secondary-transparent: color-mix(in srgb, var(--brawn-secondary) 18%, var(--elements));
    --stake-primary-transparent: color-mix(in srgb, var(--stake-primary) 18%, var(--elements));
    --stake-secondary-transparent: color-mix(in srgb, var(--stake-secondary) 18%, var(--elements));
    --visarb-primary-transparent: color-mix(in srgb, var(--visarb-primary) 18%, var(--elements));
    --visarb-secondary-transparent: color-mix(in srgb, var(--visarb-secondary) 18%, var(--elements));
    --hugo-primary-transparent: color-mix(in srgb, var(--hugo-primary) 18%, var(--elements));
    --hugo-secondary-transparent: color-mix(in srgb, var(--hugo-secondary) 18%, var(--elements));
    --lotus-primary-transparent: color-mix(in srgb, var(--lotus-primary) 18%, var(--elements));
    --lotus-secondary-transparent: color-mix(in srgb, var(--lotus-secondary) 18%, var(--elements));
    --andretti-primary-transparent: color-mix(in srgb, var(--andretti-primary) 18%, var(--elements));
    --andretti-secondary-transparent: color-mix(in srgb, var(--andretti-secondary) 18%, var(--elements));
    --custom-team-primary-transparent: color-mix(in srgb, var(--custom-team-primary) 18%, var(--elements));
    --custom-team-secondary-transparent: color-mix(in srgb, var(--custom-team-secondary) 18%, var(--elements));
}

body.og-theme {
    --background: #110f24;
    --generals: #18152e;
    --superficials: #1f1b3b;
    --dropdown-back: #5f5c77;
    --elements: #323046;
    --dropdown-hover: #706c8b;
    --dark-text: #d3d3e7;
    --disabled-text: #a8a8c3;
    --modal-text: #9797b8;
    --negative-text: #3c3c5b;
    --new-primary: #8f89b8;
    --new-primary-dark: #6a678f;
    --new-primary-transparent: color-mix(in srgb, var(--new-primary) 25%, var(--elements));
    --text-selected: #e7d3ff;
    --text-selected-secondary: #ff8f63;
    --new-secondary: #ff7c47;
    --new-secondary-dark: #d76a3b;
    --new-secondary-transparent: color-mix(in srgb, var(--new-secondary) 25%, var(--elements));
    --table-hover: #50577c;
    --elements-hover: #3a3852;
    --box-shadow: #00000044;
    --footer-og: #797599;
    --separator: #5f5c77;
    --table-dnf: #7d7a93;

    --text-secondary: #8d88b4;
    --text-tertiary: #757197;

    --switch-border-on: var(--new-secondary);
    --switch-border-off: var(--text-general);

    --tech-grid-color: transparent;
    --tech-grid-line: transparent;

    --augment-buttons-bg: #5f5c77;
    --augment-buttons-hover: #64617d;

    --scrollbar-hover: color-mix(in srgb, var(--white-general) 70%, var(--elements));
    --session-results-hover: #4a4a4a;

    --table-default: #494561;
    --table-default-odd: #3c3952;
    --table-header: #252335;

    --tech-grid-highlight-color: var(--new-primary);

    --new-primary-background-dropdown: color-mix(in srgb, var(--new-primary) 25%, var(--elements));
    --new-primary-background-dropdown-items: color-mix(in srgb, var(--new-primary) 45%, var(--elements));

    --redbull-primary-transparent: color-mix(in srgb, var(--redbull-primary) 30%, var(--elements));
    --redbull-secondary-transparent: color-mix(in srgb, var(--redbull-secondary) 30%, var(--elements));
    --ferrari-primary-transparent: color-mix(in srgb, var(--ferrari-primary) 18%, var(--elements));
    --general-secondary-transparent: color-mix(in srgb, var(--general-secondary) 18%, var(--elements));
    --mercedes-primary-transparent: color-mix(in srgb, var(--mercedes-primary) 18%, var(--elements));
    --mclaren-primary-transparent: color-mix(in srgb, var(--mclaren-primary) 18%, var(--elements));
    --mclaren-secondary-transparent: color-mix(in srgb, var(--mclaren-secondary) 18%, var(--elements));
    --williams-primary-transparent: color-mix(in srgb, var(--williams-primary) 18%, var(--elements));
    --haas-primary-transparent: color-mix(in srgb, var(--haas-primary) 18%, var(--elements));
    --haas-secondary-transparent: color-mix(in srgb, var(--haas-secondary) 18%, var(--elements));
    --alphatauri-primary-transparent: color-mix(in srgb, var(--alphatauri-primary) 18%, var(--elements));
    --alphatauri-primary-transparent-original: color-mix(in srgb, var(--alphatauri-original) 18%, var(--elements));
    --alphatauri-secondary-transparent: color-mix(in srgb, var(--alphatauri-secondary) 18%, var(--elements));
    --alphatauri-secondary-transparent-original: color-mix(in srgb, var(--alphatauri-secondary-original) 18%, var(--elements));
    --sauber-primary-transparent: color-mix(in srgb, var(--sauber-primary) 18%, var(--elements));
    --alpine-primary-transparent: color-mix(in srgb, var(--alpine-primary) 18%, var(--elements));
    --alpine-primary-transparent-original: color-mix(in srgb, var(--alpine-original) 18%, var(--elements));
    --alpine-secondary-transparent: color-mix(in srgb, var(--alpine-secondary) 18%, var(--elements));
    --alpine-secondary-transparent-original: color-mix(in srgb, var(--alpine-secondary-original) 18%, var(--elements));
    --renault-primary-transparent: color-mix(in srgb, var(--renault-primary) 18%, var(--elements));
    --cadillac-primary-transparent: color-mix(in srgb, var(--cadillac-primary) 18%, var(--elements));
    --cadillac-secondary-transparent: color-mix(in srgb, var(--cadillac-secondary) 18%, var(--elements));
    --aston-primary-transparent: color-mix(in srgb, var(--aston-primary) 18%, var(--elements));
    --aston-secondary-transparent: color-mix(in srgb, var(--aston-secondary) 18%, var(--elements));
    --aston-primary-transparent-original: color-mix(in srgb, var(--aston-original) 18%, var(--elements));
    --aston-secondary-transparent-original: color-mix(in srgb, var(--aston-secondary-original) 18%, var(--elements));
    --racingpoint-primary-transparent: color-mix(in srgb, var(--racingpoint-primary) 18%, var(--elements));
    --racingpoint-secondary-transparent: color-mix(in srgb, var(--racingpoint-secondary) 18%, var(--elements));
    --jordan-primary-transparent: color-mix(in srgb, var(--jordan-primary) 18%, var(--elements));
    --jordan-secondary-transparent: color-mix(in srgb, var(--jordan-secondary) 18%, var(--elements));
    --alfa-primary-transparent: color-mix(in srgb, var(--alfa-primary) 18%, var(--elements));
    --alfa-primary-transparent-original: color-mix(in srgb, var(--alfa-original) 18%, var(--elements));
    --alfa-secondary-transparent: color-mix(in srgb, var(--alfa-secondary) 18%, var(--elements));
    --alfa-secondary-transparent-original: color-mix(in srgb, var(--alfa-secondary-original) 18%, var(--elements));
    --audi-primary-transparent: color-mix(in srgb, var(--audi-primary) 18%, var(--elements));
    --audi-secondary-transparent: color-mix(in srgb, var(--audi-secondary) 18%, var(--elements));
    --toyota-primary-transparent: color-mix(in srgb, var(--toyota-primary) 18%, var(--elements));
    --toyota-secondary-transparent: color-mix(in srgb, var(--toyota-secondary) 18%, var(--elements));
    --porsche-primary-transparent: color-mix(in srgb, var(--porsche-primary) 18%, var(--elements));
    --porsche-secondary-transparent: color-mix(in srgb, var(--porsche-secondary) 18%, var(--elements));
    --brawn-primary-transparent: color-mix(in srgb, var(--brawn-primary) 18%, var(--elements));
    --brawn-secondary-transparent: color-mix(in srgb, var(--brawn-secondary) 18%, var(--elements));
    --stake-primary-transparent: color-mix(in srgb, var(--stake-primary) 18%, var(--elements));
    --stake-secondary-transparent: color-mix(in srgb, var(--stake-secondary) 18%, var(--elements));
    --visarb-primary-transparent: color-mix(in srgb, var(--visarb-primary) 18%, var(--elements));
    --visarb-secondary-transparent: color-mix(in srgb, var(--visarb-secondary) 18%, var(--elements));
    --hugo-primary-transparent: color-mix(in srgb, var(--hugo-primary) 18%, var(--elements));
    --hugo-secondary-transparent: color-mix(in srgb, var(--hugo-secondary) 18%, var(--elements));
    --lotus-primary-transparent: color-mix(in srgb, var(--lotus-primary) 18%, var(--elements));
    --lotus-secondary-transparent: color-mix(in srgb, var(--lotus-secondary) 18%, var(--elements));
    --andretti-primary-transparent: color-mix(in srgb, var(--andretti-primary) 18%, var(--elements));
    --andretti-secondary-transparent: color-mix(in srgb, var(--andretti-secondary) 18%, var(--elements));
    --custom-team-primary-transparent: color-mix(in srgb, var(--custom-team-primary) 18%, var(--elements));
    --custom-team-secondary-transparent: color-mix(in srgb, var(--custom-team-secondary) 18%, var(--elements));
}

body.vaporwave-theme {
    --background: #0d0221;
    --generals: #1a0942;
    --superficials: #230b55;
    --elements: #301070;
    --dropdown-back: #2a0f63;
    --dropdown-hover: #43208e;
    --elements-hover: #5329b5;

    --text-general: #f7dfff;
    --text-secondary: #cdb7ff;
    --text-tertiary: #9a82d8;
    --white-general: #ffffff;

    --new-primary: #ff5ec3;
    --new-primary-dark: #e94eb1;
    --new-primary-transparent: color-mix(in srgb, var(--new-primary) 25%, var(--elements));

    --new-secondary: #00b3ff;
    --new-secondary-dark: #0090d1;
    --new-secondary-transparent: color-mix(in srgb, var(--new-secondary) 25%, var(--elements));
    --text-selected: #ff9fff;
    --text-selected-secondary: #6ef9ff;

    --switch-border-on: var(--new-primary);
    --switch-border-off: var(--text-general);

    --table-default: #250d58;;
    --table-default-odd: #2a0f61;
    --table-header: #3a1488;
    --table-dnf: #614ab1;

    --augment-buttons-bg: #3a1488;
    --augment-buttons-hover: #4b1da3;

    --table-hover: #44238e;
    --box-shadow: #00000066;
    --separator: #5b36b8;

    --positive-general: #5dfbc0;
    --negative-general: #ff477e;

    --news-overlays-text: #fae6ff;
    --news-date-text: #0d0221;

    --primary-gradient: linear-gradient(to right, var(--new-primary), var(--new-secondary));

    --scrollbar-hover: color-mix(in srgb, var(--white-general) 70%, var(--elements));
    --session-results-hover: #3a1488;

    --tech-grid-highlight-color: var(--new-primary);

    --new-primary-background-dropdown: color-mix(in srgb, var(--new-primary) 25%, var(--elements));
    --new-primary-background-dropdown-items: color-mix(in srgb, var(--new-primary) 45%, var(--elements));

    --redbull-primary-transparent: color-mix(in srgb, var(--redbull-primary) 30%, var(--elements));
    --redbull-secondary-transparent: color-mix(in srgb, var(--redbull-secondary) 30%, var(--elements));
    --ferrari-primary-transparent: color-mix(in srgb, var(--ferrari-primary) 18%, var(--elements));
    --general-secondary-transparent: color-mix(in srgb, var(--general-secondary) 18%, var(--elements));
    --mercedes-primary-transparent: color-mix(in srgb, var(--mercedes-primary) 18%, var(--elements));
    --mclaren-primary-transparent: color-mix(in srgb, var(--mclaren-primary) 18%, var(--elements));
    --mclaren-secondary-transparent: color-mix(in srgb, var(--mclaren-secondary) 18%, var(--elements));
    --williams-primary-transparent: color-mix(in srgb, var(--williams-primary) 18%, var(--elements));
    --haas-primary-transparent: color-mix(in srgb, var(--haas-primary) 18%, var(--elements));
    --haas-secondary-transparent: color-mix(in srgb, var(--haas-secondary) 18%, var(--elements));
    --alphatauri-primary-transparent: color-mix(in srgb, var(--alphatauri-primary) 18%, var(--elements));
    --alphatauri-primary-transparent-original: color-mix(in srgb, var(--alphatauri-original) 18%, var(--elements));
    --alphatauri-secondary-transparent: color-mix(in srgb, var(--alphatauri-secondary) 18%, var(--elements));
    --alphatauri-secondary-transparent-original: color-mix(in srgb, var(--alphatauri-secondary-original) 18%, var(--elements));
    --sauber-primary-transparent: color-mix(in srgb, var(--sauber-primary) 18%, var(--elements));
    --alpine-primary-transparent: color-mix(in srgb, var(--alpine-primary) 18%, var(--elements));
    --alpine-primary-transparent-original: color-mix(in srgb, var(--alpine-original) 18%, var(--elements));
    --alpine-secondary-transparent: color-mix(in srgb, var(--alpine-secondary) 18%, var(--elements));
    --alpine-secondary-transparent-original: color-mix(in srgb, var(--alpine-secondary-original) 18%, var(--elements));
    --renault-primary-transparent: color-mix(in srgb, var(--renault-primary) 18%, var(--elements));
    --cadillac-primary-transparent: color-mix(in srgb, var(--cadillac-primary) 18%, var(--elements));
    --cadillac-secondary-transparent: color-mix(in srgb, var(--cadillac-secondary) 18%, var(--elements));
    --aston-primary-transparent: color-mix(in srgb, var(--aston-primary) 18%, var(--elements));
    --aston-secondary-transparent: color-mix(in srgb, var(--aston-secondary) 18%, var(--elements));
    --aston-primary-transparent-original: color-mix(in srgb, var(--aston-original) 18%, var(--elements));
    --aston-secondary-transparent-original: color-mix(in srgb, var(--aston-secondary-original) 18%, var(--elements));
    --racingpoint-primary-transparent: color-mix(in srgb, var(--racingpoint-primary) 18%, var(--elements));
    --racingpoint-secondary-transparent: color-mix(in srgb, var(--racingpoint-secondary) 18%, var(--elements));
    --jordan-primary-transparent: color-mix(in srgb, var(--jordan-primary) 18%, var(--elements));
    --jordan-secondary-transparent: color-mix(in srgb, var(--jordan-secondary) 18%, var(--elements));
    --alfa-primary-transparent: color-mix(in srgb, var(--alfa-primary) 18%, var(--elements));
    --alfa-primary-transparent-original: color-mix(in srgb, var(--alfa-original) 18%, var(--elements));
    --alfa-secondary-transparent: color-mix(in srgb, var(--alfa-secondary) 18%, var(--elements));
    --alfa-secondary-transparent-original: color-mix(in srgb, var(--alfa-secondary-original) 18%, var(--elements));
    --audi-primary-transparent: color-mix(in srgb, var(--audi-primary) 18%, var(--elements));
    --audi-secondary-transparent: color-mix(in srgb, var(--audi-secondary) 18%, var(--elements));
    --toyota-primary-transparent: color-mix(in srgb, var(--toyota-primary) 18%, var(--elements));
    --toyota-secondary-transparent: color-mix(in srgb, var(--toyota-secondary) 18%, var(--elements));
    --porsche-primary-transparent: color-mix(in srgb, var(--porsche-primary) 18%, var(--elements));
    --porsche-secondary-transparent: color-mix(in srgb, var(--porsche-secondary) 18%, var(--elements));
    --brawn-primary-transparent: color-mix(in srgb, var(--brawn-primary) 18%, var(--elements));
    --brawn-secondary-transparent: color-mix(in srgb, var(--brawn-secondary) 18%, var(--elements));
    --stake-primary-transparent: color-mix(in srgb, var(--stake-primary) 18%, var(--elements));
    --stake-secondary-transparent: color-mix(in srgb, var(--stake-secondary) 18%, var(--elements));
    --visarb-primary-transparent: color-mix(in srgb, var(--visarb-primary) 18%, var(--elements));
    --visarb-secondary-transparent: color-mix(in srgb, var(--visarb-secondary) 18%, var(--elements));
    --hugo-primary-transparent: color-mix(in srgb, var(--hugo-primary) 18%, var(--elements));
    --hugo-secondary-transparent: color-mix(in srgb, var(--hugo-secondary) 18%, var(--elements));
    --lotus-primary-transparent: color-mix(in srgb, var(--lotus-primary) 18%, var(--elements));
    --lotus-secondary-transparent: color-mix(in srgb, var(--lotus-secondary) 18%, var(--elements));
    --andretti-primary-transparent: color-mix(in srgb, var(--andretti-primary) 18%, var(--elements));
    --andretti-secondary-transparent: color-mix(in srgb, var(--andretti-secondary) 18%, var(--elements));
    --custom-team-primary-transparent: color-mix(in srgb, var(--custom-team-primary) 18%, var(--elements));
    --custom-team-secondary-transparent: color-mix(in srgb, var(--custom-team-secondary) 18%, var(--elements));
}

/* Same as default, but swap primary and secondary accent colors. */
body.nightly-theme {
    --new-primary: #9AD2CB;
    --new-primary-dark: #74aaa4;
    --new-primary-transparent: color-mix(in srgb, var(--new-primary) 25%, var(--elements));
    --new-primary-background-dropdown: color-mix(in srgb, var(--new-primary) 25%, var(--elements));
    --new-primary-background-dropdown-items: color-mix(in srgb, var(--new-primary) 45%, var(--elements));

    --new-secondary: #c89efc;
    --new-secondary-dark: #ba82ff;
    --new-secondary-transparent: color-mix(in srgb, var(--new-secondary) 25%, var(--elements));

    --switch-border-on: var(--new-primary);
    --switch-border-off: var(--text-general);

    --text-selected: #b1dbd6;
    --text-selected-secondary: #e7d3ff;

    --primary-gradient: linear-gradient(to right, var(--new-primary) 0%, #ffb38c 100%);

    --tech-grid-highlight-color: var(--new-primary);
}

body.ferrari-theme {
    --background: #130c0d;
    --generals: #1a1012;
    --superficials: #211417;
    --dropdown-back: #3b252a;
    --elements: #2e1c20;
    --augment-buttons-bg: #4a2c33;
    --augment-buttons-hover: #5d3740;
    --dropdown-hover: #4b2f36;
    --table-default: #191012;
    --table-default-odd: #1f1316;
    --table-header: #342026;
    --dark-text: #b7afb1;
    --disabled-text: #7f7478;
    --modal-text: #8f8388;
    --negative-text: #292929;
    --new-primary: #ff3d3d;
    --new-primary-dark: #d12a2a;
    --new-secondary: #ffb74d;
    --new-secondary-dark: #d49034;
    --text-selected: #ffd3d3;
    --text-selected-secondary: #ffe0ba;
    --table-hover: #59343c;
    --elements-hover: #3b252b;
    --box-shadow: #0000003a;
    --separator: #5a3a42;
    --separator-light: #69444d;
    --background-general: #140d10;
    --tools-general: #181012;
    --component-general: #4f2f37;
    --component-general-hover: #5d3740;
    --component-general-hover-extra: #6b404a;
    --overall-holder: #28181d;
    --dropdown-back-general: #96606d;
    --active-general: #1f1115;
    --row-cell: #160d10;
    --row-odd-cell: #1b1115;
    --special-columns: #5f3943;
    --h2h-back: #2a1720;
    --h2h-back-hover: #3a202b;
    --active-buttons-back: #6b404a;
    --prob-viewer-hover: #6a3f4a;
    --custom-modal-back: #3f2c33;
    --background--buttons-hover: #7b4855;
    --primary-gradient: linear-gradient(to right, var(--new-primary) 0%, #ff8f6b 100%);
    --session-results-hover: #4a2c33;
    --table-dnf: #7f7478;
    --new-primary-background-dropdown: color-mix(in srgb, var(--new-primary) 25%, var(--elements));
    --new-primary-background-dropdown-items: color-mix(in srgb, var(--new-primary) 45%, var(--elements));
    --new-primary-transparent: color-mix(in srgb, var(--new-primary) 25%, var(--elements));
    --tech-grid-highlight-color: var(--new-primary);
    --text-secondary: #cbbdc1;
    --text-tertiary: #a89299;
    --switch-border-on: var(--new-primary);
    --switch-border-off: var(--text-general);
}

body.redbull-theme {
    --background: #090f1e;
    --generals: #10172b;
    --superficials: #132142;
    --dropdown-back: #263963;
    --elements: #1e2f52;
    --augment-buttons-bg: #324874;
    --augment-buttons-hover: #3e5b8e;
    --dropdown-hover: #2c426b;
    --table-default: #101a33;
    --table-default-odd: #12203d;
    --table-header: #22365d;
    --dark-text: #afbdd8;
    --disabled-text: #7887a8;
    --modal-text: #8797bb;
    --negative-text: #292929;
    --new-primary: #4b7bff;
    --new-primary-dark: #345fd4;
    --new-secondary: #ffd24a;
    --new-secondary-dark: #cfa41f;
    --text-selected: #d8e5ff;
    --text-selected-secondary: #ffe593;
    --table-hover: #344d7f;
    --elements-hover: #2a406b;
    --box-shadow: #00000045;
    --separator: #39578f;
    --separator-light: #4668a4;
    --background-general: #0c1429;
    --tools-general: #11182d;
    --component-general: #355181;
    --component-general-hover: #406093;
    --component-general-hover-extra: #4b6fa7;
    --overall-holder: #192642;
    --dropdown-back-general: #6188c0;
    --active-general: #10192f;
    --row-cell: #0e162b;
    --row-odd-cell: #111c34;
    --special-columns: #3b588b;
    --h2h-back: #142446;
    --h2h-back-hover: #1c3260;
    --active-buttons-back: #4b6fa7;
    --prob-viewer-hover: #44679e;
    --custom-modal-back: #253656;
    --background--buttons-hover: #567ab3;
    --primary-gradient: linear-gradient(to right, var(--new-primary) 0%, #8aa7ff 100%);
    --session-results-hover: #2a406b;
    --table-dnf: #7887a8;
    --new-primary-background-dropdown: color-mix(in srgb, var(--new-primary) 25%, var(--elements));
    --new-primary-background-dropdown-items: color-mix(in srgb, var(--new-primary) 45%, var(--elements));
    --new-primary-transparent: color-mix(in srgb, var(--new-primary) 25%, var(--elements));
    --tech-grid-highlight-color: var(--new-primary);
    --text-secondary: #c1cce6;
    --text-tertiary: #92a2c8;
    --switch-border-on: var(--new-primary);
    --switch-border-off: var(--text-general);
}

body.mercedes-theme {
    --background: #071316;
    --generals: #0b1b1f;
    --superficials: #0e2328;
    --dropdown-back: #1e3a40;
    --elements: #153038;
    --augment-buttons-bg: #234751;
    --augment-buttons-hover: #2c5b67;
    --dropdown-hover: #21424a;
    --table-default: #0b1c20;
    --table-default-odd: #0d2025;
    --table-header: #15343b;
    --dark-text: #a9b9bd;
    --disabled-text: #6d8086;
    --modal-text: #7f949a;
    --negative-text: #292929;
    --new-primary: #00f5d3;
    --new-primary-dark: #00cdb1;
    --new-secondary: #c8f9f2;
    --new-secondary-dark: #93eadd;
    --text-selected: #b9fff5;
    --text-selected-secondary: #e6fffb;
    --table-hover: #244a54;
    --elements-hover: #1b3f48;
    --box-shadow: #00000045;
    --separator: #2a515c;
    --separator-light: #336472;
    --background-general: #09171a;
    --tools-general: #0d1b1f;
    --component-general: #2b5560;
    --component-general-hover: #346574;
    --component-general-hover-extra: #3d7688;
    --overall-holder: #10272d;
    --dropdown-back-general: #5aa6b4;
    --active-general: #0c1d22;
    --row-cell: #081417;
    --row-odd-cell: #0a191d;
    --special-columns: #2f5b68;
    --h2h-back: #0e2328;
    --h2h-back-hover: #14323a;
    --active-buttons-back: #3d7688;
    --prob-viewer-hover: #356675;
    --custom-modal-back: #1a2f34;
    --background--buttons-hover: #457f92;
    --primary-gradient: linear-gradient(to right, var(--new-primary) 0%, #7ff6e4 100%);
    --session-results-hover: #1b3f48;
    --table-dnf: #6d8086;
    --new-primary-background-dropdown: color-mix(in srgb, var(--new-primary) 25%, var(--elements));
    --new-primary-background-dropdown-items: color-mix(in srgb, var(--new-primary) 45%, var(--elements));
    --new-primary-transparent: color-mix(in srgb, var(--new-primary) 25%, var(--elements));
    --tech-grid-highlight-color: var(--new-primary);
    --text-secondary: #b8d6d3;
    --text-tertiary: #85aba6;
    --switch-border-on: var(--new-primary);
    --switch-border-off: var(--text-general);
}

body.astonmartin-theme {
    --background: #020706;
    --generals: #050d0b;
    --superficials: #07120f;
    --dropdown-back: #122822;
    --elements: #0c1b16;
    --augment-buttons-bg: #215042;
    --augment-buttons-hover: #2a6654;
    --dropdown-hover: #17332b;
    --table-default: #050f0c;
    --table-default-odd: #06130f;
    --table-header: #102b22;
    --dark-text: #a7bdb4;
    --disabled-text: #6a867b;
    --modal-text: #7f9e92;
    --negative-text: #292929;
    --new-primary: #07977b;
    --new-primary-dark: #057a63;
    --new-secondary: #c3dc00;
    --new-secondary-dark: #9db300;
    --text-selected: #a9ffe9;
    --text-selected-secondary: #f2ffb0;
    --table-hover: #17332b;
    --elements-hover: #0f241e;
    --box-shadow: #00000045;
    --separator: #2a5a4a;
    --separator-light: #33705b;
    --background-general: #040b09;
    --tools-general: #060f0c;
    --component-general: #1a4036;
    --component-general-hover: #215246;
    --component-general-hover-extra: #296458;
    --overall-holder: #081813;
    --dropdown-back-general: #6bb5a1;
    --active-general: #060f0c;
    --row-cell: #030a08;
    --row-odd-cell: #040d0a;
    --special-columns: #214b3f;
    --h2h-back: #07120f;
    --h2h-back-hover: #0b1b16;
    --active-buttons-back: #3b8974;
    --prob-viewer-hover: #225246;
    --custom-modal-back: #0b1b16;
    --background--buttons-hover: #409e82;
    --primary-gradient: linear-gradient(to right, var(--new-primary) 0%, #b4d400 100%);
    --session-results-hover: #0f241e;
    --table-dnf: #6a867b;
    --new-primary-background-dropdown: color-mix(in srgb, var(--new-primary) 25%, var(--elements));
    --new-primary-background-dropdown-items: color-mix(in srgb, var(--new-primary) 45%, var(--elements));
    --new-primary-transparent: color-mix(in srgb, var(--new-primary) 25%, var(--elements));
    --tech-grid-highlight-color: var(--new-primary);
    --text-secondary: #b9d0c8;
    --text-tertiary: #89a9a0;
    --switch-border-on: var(--new-primary);
    --switch-border-off: var(--text-general);
}

body.audi-theme {
    --background: #0c0708;
    --generals: #140b0d;
    --superficials: #1a0f12;
    --dropdown-back: #31171d;
    --elements: #231114;
    --augment-buttons-bg: #472027;
    --augment-buttons-hover: #5a2831;
    --dropdown-hover: #3b1c23;
    --table-default: #12090b;
    --table-default-odd: #160b0e;
    --table-header: #2a1318;
    --dark-text: #c7b7bb;
    --disabled-text: #8a767b;
    --modal-text: #a08b90;
    --negative-text: #292929;
    --new-primary: #C00A26;
    --new-primary-dark: #9a071e;
    --new-secondary: #f1f1f1;
    --new-secondary-dark: #cfcfcf;
    --text-selected: #ffd0d8;
    --text-selected-secondary: #f3f3f3;
    --table-hover: #4a232b;
    --elements-hover: #32171c;
    --box-shadow: #0000003a;
    --separator: #4a1f27;
    --separator-light: #5b2730;
    --background-general: #0e0709;
    --tools-general: #130a0c;
    --component-general: #4b222a;
    --component-general-hover: #5a2831;
    --component-general-hover-extra: #6a303a;
    --overall-holder: #1b0d10;
    --dropdown-back-general: #a96471;
    --active-general: #140a0d;
    --row-cell: #0d0708;
    --row-odd-cell: #11090b;
    --special-columns: #4f222b;
    --h2h-back: #1a0f12;
    --h2h-back-hover: #241317;
    --active-buttons-back: #6a303a;
    --prob-viewer-hover: #5a2831;
    --custom-modal-back: #231114;
    --background--buttons-hover: #7a3844;
    --primary-gradient: linear-gradient(to right, var(--new-primary) 0%, #ff6a7f 100%);
    --session-results-hover: #32171c;
    --table-dnf: #8a767b;
    --new-primary-background-dropdown: color-mix(in srgb, var(--new-primary) 25%, var(--elements));
    --new-primary-background-dropdown-items: color-mix(in srgb, var(--new-primary) 45%, var(--elements));
    --new-primary-transparent: color-mix(in srgb, var(--new-primary) 25%, var(--elements));
    --tech-grid-highlight-color: var(--new-primary);
    --text-secondary: #d8c6ca;
    --text-tertiary: #b59ea4;
    --switch-border-on: var(--new-primary);
    --switch-border-off: var(--text-general);
}

body.vcarb-theme {
    --background: #070a12;
    --generals: #0d111d;
    --superficials: #101827;
    --dropdown-back: #1f2d4b;
    --elements: #172033;
    --augment-buttons-bg: #2c3e63;
    --augment-buttons-hover: #37507d;
    --dropdown-hover: #26385a;
    --table-default: #0c0f1a;
    --table-default-odd: #0e1321;
    --table-header: #1a2740;
    --dark-text: #b8c6de;
    --disabled-text: #7888a5;
    --modal-text: #8fa0bf;
    --negative-text: #292929;
    --new-primary: #6c8ff3;
    --new-primary-dark: #4f6fcf;
    --new-secondary: #f1f1f1;
    --new-secondary-dark: #cfcfcf;
    --text-selected: #d8e2ff;
    --text-selected-secondary: #f3f3f3;
    --table-hover: #2a3e66;
    --elements-hover: #1f2c48;
    --box-shadow: #00000045;
    --separator: #2b3f6b;
    --separator-light: #355081;
    --background-general: #090c16;
    --tools-general: #0d111d;
    --component-general: #2f446f;
    --component-general-hover: #37507d;
    --component-general-hover-extra: #415d91;
    --overall-holder: #111a2a;
    --dropdown-back-general: #6e90cc;
    --active-general: #0d1220;
    --row-cell: #080a13;
    --row-odd-cell: #0a0d18;
    --special-columns: #314a7a;
    --h2h-back: #101827;
    --h2h-back-hover: #16223a;
    --active-buttons-back: #415d91;
    --prob-viewer-hover: #37507d;
    --custom-modal-back: #172033;
    --background--buttons-hover: #4a69a3;
    --primary-gradient: linear-gradient(to right, var(--new-primary) 0%, #b1c4ff 100%);
    --session-results-hover: #1f2c48;
    --table-dnf: #7888a5;
    --new-primary-background-dropdown: color-mix(in srgb, var(--new-primary) 25%, var(--elements));
    --new-primary-background-dropdown-items: color-mix(in srgb, var(--new-primary) 45%, var(--elements));
    --new-primary-transparent: color-mix(in srgb, var(--new-primary) 25%, var(--elements));
    --tech-grid-highlight-color: var(--new-primary);
    --text-secondary: #c8d4e8;
    --text-tertiary: #9fb1cd;
    --switch-border-on: var(--new-primary);
    --switch-border-off: var(--text-general);
}

body.williams-theme {
    --background: #050a12;
    --generals: #09101d;
    --superficials: #0c1526;
    --dropdown-back: #162a4d;
    --elements: #0f1d33;
    --augment-buttons-bg: #1f3b6b;
    --augment-buttons-hover: #284a86;
    --dropdown-hover: #1b3460;
    --table-default: #070e1a;
    --table-default-odd: #081122;
    --table-header: #12284b;
    --dark-text: #b8cbe4;
    --disabled-text: #7489aa;
    --modal-text: #8fa8c8;
    --negative-text: #292929;
    --new-primary: #1868DB;
    --new-primary-dark: #0f52b0;
    --new-secondary: #f1f1f1;
    --new-secondary-dark: #cfcfcf;
    --text-selected: #d7e8ff;
    --text-selected-secondary: #f3f3f3;
    --table-hover: #1b3a6a;
    --elements-hover: #13294b;
    --box-shadow: #00000045;
    --separator: #173a70;
    --separator-light: #1d4586;
    --background-general: #060c16;
    --tools-general: #09101d;
    --component-general: #21427a;
    --component-general-hover: #284a86;
    --component-general-hover-extra: #2f579d;
    --overall-holder: #0c1628;
    --dropdown-back-general: #5b83c6;
    --active-general: #081020;
    --row-cell: #050a12;
    --row-odd-cell: #060d18;
    --special-columns: #22447f;
    --h2h-back: #0c1526;
    --h2h-back-hover: #0f1f38;
    --active-buttons-back: #2f579d;
    --prob-viewer-hover: #284a86;
    --custom-modal-back: #0f1d33;
    --background--buttons-hover: #3564b3;
    --primary-gradient: linear-gradient(to right, var(--new-primary) 0%, #6fa7ff 100%);
    --session-results-hover: #13294b;
    --table-dnf: #7489aa;
    --new-primary-background-dropdown: color-mix(in srgb, var(--new-primary) 25%, var(--elements));
    --new-primary-background-dropdown-items: color-mix(in srgb, var(--new-primary) 45%, var(--elements));
    --new-primary-transparent: color-mix(in srgb, var(--new-primary) 25%, var(--elements));
    --tech-grid-highlight-color: var(--new-primary);
    --text-secondary: #c8d7ee;
    --text-tertiary: #9fb7d6;
    --switch-border-on: var(--new-primary);
    --switch-border-off: var(--text-general);
}

body.haas-theme {
    --background: #0b0b0d;
    --generals: #121216;
    --superficials: #17171d;
    --dropdown-back: #2a2a36;
    --elements: #1f1f29;
    --augment-buttons-bg: #343443;
    --augment-buttons-hover: #414154;
    --dropdown-hover: #30303f;
    --table-default: #101013;
    --table-default-odd: #131318;
    --table-header: #24242f;
    --dark-text: #c6c6cf;
    --disabled-text: #858591;
    --modal-text: #9b9baa;
    --negative-text: #292929;
    --new-primary: #f62039;
    --new-primary-dark: #cf1a2f;
    --new-secondary: #c1c1c7;
    --new-secondary-dark: #9d9da4;
    --text-selected: #ffd1d7;
    --text-selected-secondary: #e7e7ea;
    --table-hover: #343443;
    --elements-hover: #2a2a36;
    --box-shadow: #00000045;
    --separator: #3c3c4c;
    --separator-light: #48485a;
    --background-general: #0e0e12;
    --tools-general: #121216;
    --component-general: #3b3b4c;
    --component-general-hover: #47475c;
    --component-general-hover-extra: #54546b;
    --overall-holder: #17171d;
    --dropdown-back-general: #8d8d9e;
    --active-general: #121216;
    --row-cell: #0d0d11;
    --row-odd-cell: #101015;
    --special-columns: #3a3a4a;
    --h2h-back: #17171d;
    --h2h-back-hover: #1f1f29;
    --active-buttons-back: #54546b;
    --prob-viewer-hover: #47475c;
    --custom-modal-back: #1f1f29;
    --background--buttons-hover: #64647d;
    --primary-gradient: linear-gradient(to right, var(--new-primary) 0%, #ff7a88 100%);
    --session-results-hover: #2a2a36;
    --table-dnf: #858591;
    --new-primary-background-dropdown: color-mix(in srgb, var(--new-primary) 25%, var(--elements));
    --new-primary-background-dropdown-items: color-mix(in srgb, var(--new-primary) 45%, var(--elements));
    --new-primary-transparent: color-mix(in srgb, var(--new-primary) 25%, var(--elements));
    --tech-grid-highlight-color: var(--new-primary);
    --text-secondary: #d1d1da;
    --text-tertiary: #a7a7b5;
    --switch-border-on: var(--new-primary);
    --switch-border-off: var(--text-general);
}

body.alpine-theme {
    --background: #120b11;
    --generals: #1a101a;
    --superficials: #221523;
    --dropdown-back: #3b243e;
    --elements: #2a182c;
    --augment-buttons-bg: #4a2c4f;
    --augment-buttons-hover: #5a3560;
    --dropdown-hover: #4b2a50;
    --table-default: #19101a;
    --table-default-odd: #1f1321;
    --table-header: #34203a;
    --dark-text: #cbbdcf;
    --disabled-text: #8a7b8f;
    --modal-text: #a08ea7;
    --negative-text: #292929;
    --new-primary: #F168BA;
    --new-primary-dark: #cc4f9a;
    --new-secondary: #47c7fc;
    --new-secondary-dark: #2da6d6;
    --text-selected: #ffe0f2;
    --text-selected-secondary: #cdefff;
    --table-hover: #4a2c4f;
    --elements-hover: #3b2440;
    --box-shadow: #0000003a;
    --separator: #5a3a5f;
    --separator-light: #6a4670;
    --background-general: #140d14;
    --tools-general: #181018;
    --component-general: #5b3a60;
    --component-general-hover: #6a4570;
    --component-general-hover-extra: #7a5182;
    --overall-holder: #281828;
    --dropdown-back-general: #b77cb8;
    --active-general: #1f121f;
    --row-cell: #160d16;
    --row-odd-cell: #1b111b;
    --special-columns: #5f3f66;
    --h2h-back: #221523;
    --h2h-back-hover: #2f1f33;
    --active-buttons-back: #7a5182;
    --prob-viewer-hover: #6a4570;
    --custom-modal-back: #2a182c;
    --background--buttons-hover: #8a5a92;
    --primary-gradient: linear-gradient(to right, var(--new-primary) 0%, #47c7fc 100%);
    --session-results-hover: #3b2440;
    --table-dnf: #8a7b8f;
    --new-primary-background-dropdown: color-mix(in srgb, var(--new-primary) 25%, var(--elements));
    --new-primary-background-dropdown-items: color-mix(in srgb, var(--new-primary) 45%, var(--elements));
    --new-primary-transparent: color-mix(in srgb, var(--new-primary) 25%, var(--elements));
    --tech-grid-highlight-color: var(--new-primary);
    --text-secondary: #d8c6d8;
    --text-tertiary: #b59eb5;
    --switch-border-on: var(--new-primary);
    --switch-border-off: var(--text-general);
}

body.mclaren-theme {
    --background: #120b08;
    --generals: #1a100c;
    --superficials: #22160f;
    --dropdown-back: #3b2a1f;
    --elements: #2a1b13;
    --augment-buttons-bg: #4a3124;
    --augment-buttons-hover: #5a3a2b;
    --dropdown-hover: #4b3326;
    --table-default: #19100c;
    --table-default-odd: #1f140f;
    --table-header: #342218;
    --dark-text: #b7ada8;
    --disabled-text: #7f746e;
    --modal-text: #8f847d;
    --negative-text: #292929;
    --new-primary: #ff8000;
    --new-primary-dark: #d86a00;
    --new-secondary: #47c7fc;
    --new-secondary-dark: #2da6d6;
    --text-selected: #ffd9b5;
    --text-selected-secondary: #cdefff;
    --table-hover: #5a3a2b;
    --elements-hover: #3b281e;
    --box-shadow: #0000003a;
    --separator: #5a4033;
    --separator-light: #6a4b3c;
    --background-general: #140d0a;
    --tools-general: #18100c;
    --component-general: #5b3a2c;
    --component-general-hover: #6a4534;
    --component-general-hover-extra: #7a5140;
    --overall-holder: #281a13;
    --dropdown-back-general: #b77c5d;
    --active-general: #1f120d;
    --row-cell: #160d09;
    --row-odd-cell: #1b110c;
    --special-columns: #5f3f33;
    --h2h-back: #22160f;
    --h2h-back-hover: #2f1f16;
    --active-buttons-back: #7a5140;
    --prob-viewer-hover: #6a4534;
    --custom-modal-back: #2a1b13;
    --background--buttons-hover: #8a5a44;
    --primary-gradient: linear-gradient(to right, var(--new-primary) 0%, #ffb46b 100%);
    --session-results-hover: #3b281e;
    --table-dnf: #7f746e;
    --new-primary-background-dropdown: color-mix(in srgb, var(--new-primary) 25%, var(--elements));
    --new-primary-background-dropdown-items: color-mix(in srgb, var(--new-primary) 45%, var(--elements));
    --new-primary-transparent: color-mix(in srgb, var(--new-primary) 25%, var(--elements));
    --tech-grid-highlight-color: var(--new-primary);
    --text-secondary: #d2c1b7;
    --text-tertiary: #b0978a;
    --switch-border-on: var(--new-primary);
    --switch-border-off: var(--text-general);
}

/*!******************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./src/styles.css ***!
  \******************************************************************/
@font-face {
  font-family: 'Formula1';
  src: url(/f1m-editor/0f4e3d54644717199c6f.ttf) format('truetype');
}

@font-face {
  font-family: 'Formula1Bold';
  src: url(/f1m-editor/7d77e146d9a9f5d930aa.ttf) format('truetype');
}

@font-face {
  font-family: 'NumbersFont';
  src: url(/f1m-editor/3909f8d297d2f3670dc1.otf) format('opentype');
}

@font-face {
  font-family: 'NumbersBold';
  src: url(/f1m-editor/151c9df51b6ec5db50bf.otf) format('opentype');
}

@font-face {
  font-family: 'Formula1Dark';
  src: url(/f1m-editor/1c75fea82fc1e7458b40.ttf) format('truetype');
}

.bold-font {
  font-family: 'Formula1Bold' !important;
}

.numbersFont {
  font-family: 'NumbersFont' !important;
}

html {
  background-color: var(--background, #111111);
}

body {
  background-color: var(--background) !important;
  height: 100vh;
  overflow-x: hidden;
  transition: border-color 0.15s, box-shadow 0.15s, background-color 0.15s;
}



.font {
  font-family: 'Formula1';
}

#byname {
  text-decoration: none;
  color: var(--separator);
  transition: color 0.15s;
}

body.og-theme .footer {
  border-top: 1px solid var(--slight-contrast);
}

.footer {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  background-color: transparent;
  color: var(--dark-text);
  text-align: center;
  padding: 5px 0;
  font-size: 16px;
  z-index: 200;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  max-height: 35px;
  overflow: visible;
  overflow-y: visible;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  transition: opacity 0.15s, transform 0.15s;
}

.scroll-wrapper {
  overflow-y: auto;
  height: 92%;
}

.scroll-wrapper::-webkit-scrollbar {
  width: 6px;
}

.scroll-wrapper::-webkit-scrollbar-thumb {
  background-color: var(--white-general);
  border-radius: 6px;
}

#free-drivers::-webkit-scrollbar,
#free-staff::-webkit-scrollbar {
  width: 4px !important;
  margin-left: 4px;
}

#free-drivers::-webkit-scrollbar-thumb,
#free-staff::-webkit-scrollbar-thumb {
  background-color: var(--white-general);
  border-radius: 3px !important;
}

#free-drivers::-webkit-scrollbar-thumb:hover,
#free-staff::-webkit-scrollbar-thumb:hover {
  background-color: var(--scrollbar-hover);
}

.socials a,
.footer i {
  cursor: pointer !important;
  padding: 0 7px;
  transition: color 0.15s;
  color: var(--dark-text);
  text-decoration: none;
}

body.og-theme .socials a,
body.og-theme .footer i {
  color: var(--footer-og);
}


.save-info {
  display: flex;
  justify-content: center;
  cursor: default;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}

.socials {
  display: flex;
  justify-content: start;
}

.save-button {
  position: fixed;
  bottom: 60px;
  right: -17px;
  z-index: 1000;
  padding: 13px 30px 13px 20px;
  background-color: var(--new-primary);
  color: var(--negative-text);
  border: none;
  border-radius: 5px;
  cursor: pointer;
  transition: right 0.15s, background-color 0.15s, color 0.15s;
  border-radius: 10px;
  font-size: 18px;
  box-shadow: var(--shadow-m);
  min-width: 180px;
}

.save-button:active {
  transform: scale(0.95);
  /* Ajusta esto a tu gusto */
  box-shadow: inset 0 2px 5px rgba(0, 0, 0, 0.2);
}

@keyframes slideAndColorChange {
  0% {
    right: -17px;
    background-color: var(--new-primary);
  }

  10% {
    right: -17px;
    background-color: var(--new-primary);
    box-shadow: 0 0 8px var(--new-primary);
  }

  45% {
    right: -17px;
    background-color: var(--new-primary);
    box-shadow: 0 0 8px var(--new-primary);
  }

  55% {
    right: -17px;
    background-color: var(--new-secondary);
    box-shadow: 0 0 8px var(--new-secondary);
  }

  90% {
    right: -17px;
    background-color: var(--new-secondary);
    box-shadow: 0 0 8px var(--new-secondary);
  }

  100% {
    right: -17px;
    background-color: var(--new-primary);
  }
}

.save-button.first-show {
  animation: slideAndColorChange 3s forwards;
}

body.og-theme .important-text {
  color: var(--new-secondary);
}

.important-text {
  color: var(--new-primary-dark);
}

.patreon-changes-text {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.patreon-text {
  color: var(--support-me);
}

.patreon-paragraph {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

/* Developer tools (localhost only) */
.devtools-window {
  position: fixed;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: min(380px, calc(100vw - 28px));
  min-height: 220px;
  background:
    linear-gradient(180deg, rgba(18, 22, 34, 0.96), rgba(7, 11, 18, 0.96)),
    radial-gradient(circle at top right, rgba(76, 201, 240, 0.12), transparent 38%);
  border: 1px solid rgba(125, 249, 255, 0.18);
  border-radius: 18px;
  padding: 14px;
  color: #d9fdf6;
  box-shadow:
    0 24px 80px rgba(0, 0, 0, 0.55),
    0 0 0 1px rgba(255, 255, 255, 0.03) inset,
    0 0 28px rgba(0, 255, 179, 0.08);
  z-index: 6000;
  display: none;
  overflow: hidden;
  backdrop-filter: blur(18px);
  font-family: "Cascadia Code", "Fira Code", "JetBrains Mono", "Consolas", "Courier New", monospace;
}

.devtools-window::before {
  content: "";
  position: absolute;
  inset: 0;
  background:
    linear-gradient(90deg, rgba(0, 255, 179, 0.08), transparent 30%, transparent 70%, rgba(122, 92, 255, 0.08)),
    repeating-linear-gradient(180deg, rgba(255, 255, 255, 0.03) 0 1px, transparent 1px 4px);
  opacity: 0.8;
  pointer-events: none;
}

.devtools-window::after {
  content: "";
  position: absolute;
  inset: 1px;
  border-radius: 17px;
  border: 1px solid rgba(255, 255, 255, 0.05);
  pointer-events: none;
}

.devtools-window.show {
  display: block;
}

.devtools-header {
  display: flex;
  align-items: center;
  gap: 12px;
  cursor: move;
  user-select: none;
  margin-bottom: 14px;
  padding-bottom: 12px;
  border-bottom: 1px solid rgba(125, 249, 255, 0.12);
  position: relative;
  z-index: 1;
}

.devtools-window.dragging {
  user-select: none;
  box-shadow:
    0 30px 90px rgba(0, 0, 0, 0.65),
    0 0 40px rgba(0, 255, 179, 0.12);
}

.devtools-chrome {
  display: flex;
  align-items: center;
  gap: 6px;
}

.devtools-dot {
  width: 9px;
  height: 9px;
  border-radius: 50%;
  box-shadow: 0 0 12px currentColor;
}

.devtools-dot.is-red {
  color: #ff5f57;
  background: #ff5f57;
}

.devtools-dot.is-yellow {
  color: #febc2e;
  background: #febc2e;
}

.devtools-dot.is-green {
  color: #28c840;
  background: #28c840;
}

.devtools-title {
  font-size: 15px;
  font-weight: 700;
  letter-spacing: 0.22em;
  color: #f5fffd;
  text-shadow: 0 0 14px rgba(0, 255, 179, 0.2);
}

.devtools-status {
  margin-left: auto;
  color: rgba(140, 250, 223, 0.72);
  font-size: 11px;
  letter-spacing: 0.12em;
}

.devtools-close {
  border: 1px solid rgba(255, 95, 87, 0.25);
  background: rgba(255, 95, 87, 0.12);
  color: #ffd8d5;
  font-size: 18px;
  line-height: 1;
  width: 34px;
  height: 34px;
  border-radius: 10px;
  padding: 0;
  cursor: pointer;
  transition: transform 0.14s ease, background-color 0.14s ease, border-color 0.14s ease, box-shadow 0.14s ease;
  position: relative;
  z-index: 2;
}

.devtools-close:hover {
  background: rgba(255, 95, 87, 0.2);
  border-color: rgba(255, 95, 87, 0.45);
  box-shadow: 0 0 18px rgba(255, 95, 87, 0.18);
}

.devtools-close:active {
  transform: scale(0.95);
}

.devtools-close:focus-visible {
  outline: 1px solid rgba(255, 255, 255, 0.28);
  outline-offset: 2px;
}

.devtools-body {
  display: flex;
  flex-direction: column;
  gap: 12px;
  position: relative;
  z-index: 1;
}

.devtools-hint {
  padding: 10px 12px;
  border-radius: 12px;
  background: rgba(255, 255, 255, 0.03);
  border: 1px solid rgba(125, 249, 255, 0.08);
  color: rgba(184, 255, 239, 0.78);
  font-size: 12px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.devtools-action {
  border: 1px solid rgba(125, 249, 255, 0.12);
  border-radius: 14px;
  padding: 14px 16px;
  background:
    linear-gradient(135deg, rgba(9, 28, 26, 0.92), rgba(20, 25, 44, 0.88));
  color: #effffc;
  cursor: pointer;
  transition: transform 0.12s ease, border-color 0.16s ease, box-shadow 0.16s ease, background 0.16s ease;
  text-align: left;
  font-size: 13px;
  font-weight: 600;
  letter-spacing: 0.04em;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.04),
    0 10px 24px rgba(0, 0, 0, 0.22);
}

.devtools-action:hover {
  border-color: rgba(125, 249, 255, 0.28);
  background:
    linear-gradient(135deg, rgba(13, 40, 37, 0.95), rgba(26, 32, 56, 0.92));
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.05),
    0 0 24px rgba(0, 255, 179, 0.08),
    0 12px 30px rgba(0, 0, 0, 0.28);
}

.devtools-action:active {
  transform: translateY(1px) scale(0.99);
}

.devtools-action:disabled {
  opacity: 0.65;
  cursor: default;
  box-shadow: none;
}

@media (max-width: 540px) {
  .devtools-window {
    left: 14px;
    right: 14px;
    top: 14px;
    width: auto;
    transform: none;
  }

  .devtools-header {
    flex-wrap: wrap;
  }

  .devtools-status {
    order: 4;
    width: 100%;
    margin-left: 0;
  }
}

.patreon-plain-text {
  color: var(--modal-text)
}

.patreon-perks {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
}


#patreonKeyGeneral {
  margin-top: 10px;
}

.patreon-button {
  display: flex;
  flex-direction: row;
  gap: 5px;
  align-items: center;
  transition: background-color 0.15s, color 0.15s;
  padding: 8px 15px;
  border-radius: 7px;
  cursor: pointer;
  width: max-content;
  text-decoration: none;
}

a:has(.patreon-button) {
  text-decoration: none;
}

.patreon-button:hover {
  background-color: var(--text-general);
}

.patreon-button:hover .patreon-button-text,
patreon-button:active .patreon-button-text {
  color: var(--negative-text);
}

.patreon-button:hover .patreon-button-logo,
.patreon-button:active .patreon-button-logo {
  background-color: var(--negative-text);
}

.patreon-button:active {
  transform: scale(0.98);
}

.patreon-button-logo {
  width: 1em;
  height: 1em;
  -webkit-mask: url(/f1m-editor/assets/images/patreonLogo.svg) no-repeat center;
  mask: url(/f1m-editor/assets/images/patreonLogo.svg) no-repeat center;
  -webkit-mask-size: contain;
  mask-size: contain;
  background-color: var(--text-general);
  transition: all 0.15s;
}

.patreon-button-text {
  color: var(--text-general);
  font-size: 18px;
  text-transform: uppercase;
  transition: all 0.15s;
  text-decoration: none;
}

.perks-list {
  display: flex;
  flex-direction: column;
  gap: 5px;
}

.danger-text {
  color: var(--negative-general);
}

.save-button .save-label {
  transition: opacity 0.15s;
  cursor: pointer;
}

.save-button i {
  transition: opacity 0.15s;
  cursor: pointer;
}

.save-button .save-label {
  opacity: 1;
  margin-left: 20px;
  transition: opacity 0.15s;
  cursor: pointer;
}

.save-button i {
  transition: opacity 0.15s, color 0.15s;
  cursor: pointer;
  color: var(--negative-text);
}

.save-button:hover i,
.save-button.first-show i {
  opacity: 1;
  color: var(--white-general);
}

.save-button:hover .save-label,
.save-button.first-show .save-label {
  opacity: 1;
}

.save-button:hover {
  right: -17px;
  background-color: var(--new-primary-dark);
}

.save-button i {
  position: absolute;
  left: 15px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 18px;
}

.twenty-three,
.twenty-four {
  color: var(--dark-text);
  transition: color 0.15s, border-color 0.15s;
  width: 50px;
  position: relative;
}

.twenty-three::before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: radial-gradient(circle at 100% 180%, var(--new-secondary), transparent 70%);
  opacity: 0;
  transition: opacity 0.15s;
  z-index: -1;
}

.twenty-four::before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: radial-gradient(circle at 0% 180%, var(--new-primary), transparent 70%);
  opacity: 0;
  transition: opacity 0.15s;
  z-index: -1;
}

.twenty-three {
  border-right: 1px solid var(--dark-text);
}

.twenty-four {
  border-left: 1px solid var(--dark-text);
}

.twenty-three.activated {
  color: var(--text-general);
  border-color: var(--new-secondary);
}

.twenty-four.activated {
  color: var(--text-general);
  border-color: var(--new-primary);
}

.twenty-three.activated::before {
  opacity: 1;
}

.twenty-four.activated .front-gradient,
.twenty-three.activated .front-gradient {
  text-shadow: 0 0 5px black;
}

.twenty-four.activated::before {
  opacity: 1;
}

.socials a:hover,
.footer i:hover {
  color: var(--dark-text);
}

.socials a {
  display: inline-block;
  overflow: hidden;
  max-width: 27px;
  white-space: nowrap;
  transition: max-width 0.35s ease-in-out, color 0.15s;
}

.socials a:hover {
  max-width: 240px;
}

.update-info {
  transition: color 0.15s, opacity 0.15s;
  text-decoration: none;
  color: var(--dark-text);
  cursor: default;
  padding-right: 10px;
}

.update-info.hide {
  opacity: 0;
  width: 0;
  padding-right: 0;
}

.update-info.hide::before {
  width: 0;
}

.version-panel {
  transition: border 0.15s, opacity 0.15s, color 0.15s, text-shadow 0.15s;
  cursor: pointer;
  padding: 0 5px;
  border-left: 2px solid transparent;
  background-color: var(--background);
  z-index: 3;
  will-change: border;
}

.version-panel.nightly {
  color: var(--new-secondary) !important;
}

.version-panel.nightly:hover {
  color: var(--text-selected-secondary) !important;
}

.status:has(.footer-notification.show) .version-panel {
  border-left: 2px solid var(--separator);
}

.footer-notification {
  transition: transform 0.22s ease-out, color 0.22s ease-out;
  padding-right: 5px;
  z-index: 1;
  color: var(--positive-general);
}

.footer-notification.error {
  color: var(--negative-general);
}

.footer-notification.error a {
  color: color-mix(in srgb, var(--negative-general) 60%, white);
}

.footer-notification.error a:hover {
  color: color-mix(in srgb, var(--negative-general) 80%, white);
}

.footer-notification:not(.show) {
  transform: translateX(125%);
}




.version-panel:hover {
  color: var(--text-selected);
}

.dev-console {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  background-color: var(--console-transparent);
  color: var(--text-general);
  border: none;
  font-family: 'Courier New', Courier, monospace;
  z-index: 1000;
}

.dev-console:focus-visible {
  outline: none;
}

.bi-exclamation-diamond {
  color: var(--negative-general);
}

.bi-exclamation-lg,
.bi-cloud-download {
  color: #d3d393;
  cursor: pointer;
}

.bi-exclamation-lg:hover,
.bi-cloud-download:hover {
  color: #FFFF99;
}

a.bi-reddit:hover {
  color: var(--reddit);
}

a.bi-twitter-x:hover,
#byname:hover {
  color: var(--twitter);
}

a.bi-cup-hot-fill:hover {
  color: var(--support-me);
}

a.bi-discord:hover {
  color: var(--discord);
}

a.bi-linkedin:hover {
  color: var(--new-secondary);
}

a.bi-github:hover {
  color: var(--new-primary);
}

a.bi-book:hover {
  color: #c69dfb;
}

i.bi-file-text:hover {
  color: var(--white-general);
}



.status {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
}



.awaiting {
  color: var(--awaiting-color);
}


.rounded-checkbox {
  display: inline-flex;
  align-items: center;
  cursor: pointer;
  border-radius: 5px;
  margin-top: 10px;
  border: 1px solid #adb5bd;
  min-width: 20px;
  min-height: 20px;
}

.title {
  text-align: center;
  color: var(--white-general);
  font-size: 26px;
  padding: 5px 0 5px 0px;
  flex: 1;
}

.title-buttons-left {
  position: absolute;
  gap: 10px;
  padding-left: 14px;
  display: flex;
  align-items: center;
}

.stats-add-controls {
  display: flex;
  align-items: center;
  gap: 10px;
}

#addStaffButton {
  white-space: nowrap;
}

.title-buttons-right {
  position: absolute;
  right: 0;
  gap: 10px;
  padding-right: 14px;
  display: flex;
  align-items: center;
}

.title-buttons-left .custom-dropdown {
  margin: 0 !important;
}

.standings-list {
  width: 65px;
  text-align: center;
}

.standings-list-engine {
  color: var(--engine-table-name);
}

.transfer-top-panel,
.general-top-panel {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.general-top-panel .custom-dropdown {
  margin: 0 !important;
}

.transfer-title {
  flex: 1;
  text-align: center;
}


.add-contract {
  border: 2px dashed var(--disabled-text);
  color: var(--disabled-text);
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  border-radius: 8px;
  transition: color 0.15s, border 0.15s, transform 0.15s;
  padding: 8px;
  font-size: 16px;
}

.add-contract.enabled {
  border: 2px dashed var(--dark-text);
  color: var(--dark-text);
}

.add-contract:not(.enabled) .button-with-icon {
  pointer-events: none;
}

.add-contract.enabled .button-with-icon {
  cursor: pointer;
}


#teamContractButton {
  margin-top: 0 !important;
}

#futureContractTitle {
  border-top: 2px solid var(--separator);
}

#yearMenu{
  min-width: 140px;
}

.year-and-break {
  display: flex;
  flex-direction: row;
  align-items: baseline;
}

.contract-title {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  font-size: 20px;
  font-family: 'Formula1Bold';
  color: var(--white-general);
  margin-bottom: 10px;
}


.auto-contract {
  color: var(--text-general);
  font-size: 16px;
  padding-right: 2rem;
  position: absolute;
  right: 0;
}

.transfer-right-actions {
  right: 14px;
  gap: 10px;
  display: flex;
  align-items: center;
}

.transfer-right-actions .auto-contract {
  position: static;
  right: auto;
  padding-right: 0;
}

.lineups-season-pills-top {
  display: flex;
  align-items: center;
  margin-right: 2px;
}

.lineups-season-pills-top .generalPills {
  padding: 4px 10px !important;
  min-width: 70px;
}

.lineups-view {
  background-color: transparent;
  min-height: 670px;
  height: 100%;
}

.lineups-view-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
}

.lineups-season-pills {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  background-color: var(--elements);
  border-radius: 999px;
  padding: 4px;
  box-shadow: var(--shadow-s);
}

.lineups-pill {
  border: none;
  border-radius: 999px;
  background-color: transparent;
  color: var(--text-general);
  font-size: 14px;
  padding: 5px 14px;
  transition: background-color 0.15s, color 0.15s;
}

.lineups-pill:hover {
  background-color: var(--table-hover);
  color: var(--white-general);
}

.lineups-pill.active {
  background-color: var(--text-general);
  color: var(--negative-text);
}

.lineups-circle-wrap {
  min-height: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  height: 100%;
}

.lineups-circle {
  position: relative;
  width: 90%;
  min-width: 0;
  min-height: 760px;
}



.lineups-team-logo {
  width: 104px;
  height: 46px;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  margin-bottom: 0;
  position: relative;
  z-index: 2;
}

.lineups-team-logo img {
  width: 46px;
  height: 46px;
  object-fit: contain;
}

.lineups-team-logo > *:not(img) {
  transform: scale(1.16);
  transform-origin: center;
}

.lineups-team-drivers {
  margin-top: 8px;
  padding-top: 6px;
  border-top: 1px solid color-mix(in srgb, var(--separator) 72%, transparent);
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 6px;
  position: relative;
  z-index: 1;
}

.lineups-team-card {
  --lineup-accent: var(--new-primary);
  position: absolute;
  width: 272px;
  transform: translate(-50%, -50%);
  background:
    linear-gradient(165deg,
      color-mix(in srgb, var(--lineup-accent) 18%, var(--elements)) 0%,
      color-mix(in srgb, var(--lineup-accent) 10%, var(--elements)) 34%,
      color-mix(in srgb, var(--elements) 95%, black 5%) 100%);
  border-radius: 10px;
  box-shadow:
    0 11px 24px rgba(0, 0, 0, 0.36),
    inset 0 1px 0 rgba(255, 255, 255, 0.04);
  padding: 8px 10px 9px;
  color: var(--text-general);
  transition: none;
  cursor: default;
  overflow: hidden;
}

.lineups-team-card::before {
  content: "";
  position: absolute;
  inset: 0;
  background:
    radial-gradient(120% 85% at -10% -18%, color-mix(in srgb, var(--lineup-accent) 30%, transparent), transparent 55%);
  pointer-events: none;
}

.lineups-team-card::after {
  content: none;
}

.lineups-team-header {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  min-height: 46px;
  padding-top: 1px;
  z-index: 1;
  overflow: hidden;
}

@media (max-height: 940px) {

  .lineups-team-card{
    padding: 5px 10px 9px;
  }

  .lineups-team-drivers{
    margin-top: 4px;
    padding-top: 3px;
  }

  .lineups-team-logo {
    height: 42px;
  }

  .lineups-team-header {
    min-height: 42px;
  }

  .lineups-team-logo img {
    width: 42px;
    height: 42px;
    object-fit: contain;
  }

  .lineups-team-logo > *:not(img) {
    transform: scale(1.06);
    transform-origin: center;
  }
}



.lineups-team-name {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -48%) scaleX(1);
  transform-origin: center center;
  width: 124%;
  text-align: center;
  text-transform: uppercase;
  font-size: 28px;
  line-height: 1;
  letter-spacing: 0.9px;
  color: color-mix(in srgb, var(--white-general) 72%, var(--lineup-accent) 28%);
  opacity: 0.13;
  text-shadow: none;
  overflow: hidden;
  white-space: nowrap;
  pointer-events: none;
  z-index: 1;
}



.lineups-team-driver {
  font-size: 11px;
  color: color-mix(in srgb, var(--text-general) 95%, white 5%);
  text-align: center;
  background-color: color-mix(in srgb, var(--background) 28%, transparent);
  border-radius: 4px;
  padding: 4px 4px;
  position: relative;
  isolation: isolate;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  line-height: 1.05;
  min-height: 34px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.lineups-team-driver > *:not(.lineups-driver-number) {
  position: relative;
  z-index: 1;
}

.lineups-driver-number {
  position: absolute;
  right: 4px;
  top: 1px;
  font-size: 20px;
  line-height: 1;
  color: color-mix(in srgb, var(--white-general) 70%, var(--lineup-accent) 30%);
  opacity: 0.16;
  pointer-events: none;
  z-index: 0;
  font-family: 'NumbersFont';
}

.lineups-driver-first {
  display: block;
  font-size: 10px;
  opacity: 0.92;
}

.lineups-driver-last {
  display: block;
  font-size: 13px;
  letter-spacing: 0.2px;
}

.to-be-decided{
  color: var(--text-tertiary);
}

.lineups-team-driver.next-contract {
  color: var(--new-primary);
}

.lineups-team-card.lineups-custom-team {
  box-shadow:
    0 12px 28px rgba(0, 0, 0, 0.34),
    inset 0 1px 0 rgba(255, 255, 255, 0.04);
}

.lineups-center-title {
  position: absolute;
  top: 47%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  font-family: 'Formula1Dark';
  color: color-mix(in srgb, var(--white-general) 95%, var(--new-primary) 5%);
  text-transform: uppercase;
  letter-spacing: 1.4px;
  line-height: 0.9;
  pointer-events: none;
  text-shadow: 0 12px 28px rgba(0, 0, 0, 0.55);
  z-index: 0;
  opacity: 0.96;
}

.lineups-center-year {
  display: block;
  text-align: center;
  white-space: nowrap;
  font-size: clamp(66px, 8vw, 130px);
  line-height: 0.78;
}

.lineups-center-label {
  display: block;
  text-align: center;
  white-space: nowrap;
  font-size: clamp(24px, 5vw, 88px);
  line-height: 0.88;
}

.lineups-center-label.lineups{
  display: block;
  text-align: center;
  white-space: nowrap;
  font-size: clamp(18px, 3.6vw, 94px);
  line-height: 0.88;
}


.freeze-mentality {
  color: var(--text-general);
  font-size: 20px;
  padding-right: 2rem;
}
/* Base */
input[role="switch"] {
  cursor: pointer;
  box-shadow: none;
  background-color: transparent !important;
  transition: border-color 0.15s, background-color 0.15s;
  border: 2px solid var(--switch-border-off) !important;

  /* clave: necesitamos posicionar el pseudo-thumb */
  position: relative;

  /* clave: desactivamos el “ball” de bootstrap (background-image) */
  --bs-form-switch-bg: none !important;
}

/* Si no quieres glow de focus */
input[role="switch"]:focus {
  box-shadow: none;
}

/* THUMB: un solo SVG (thumb-general.svg) coloreable */
input[role="switch"]::after {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);

  /* tamaño del thumb: ajusta si tu switch es más grande/pequeño */
  width: 0.85rem;
  height: 0.85rem;

  /* posición OFF */
  left: 0.01rem;

  /* el SVG solo define la forma */
  -webkit-mask: url(/f1m-editor/assets/images/thumb-general.svg) no-repeat center / contain;
  mask: url(/f1m-editor/assets/images/thumb-general.svg) no-repeat center / contain;

  /* color del thumb (OFF por defecto) */
  background-color: var(--switch-border-off);

  transition: left 0.15s, background-color 0.15s;
}

/* OFF */
input[role="switch"]:not(:checked) {
  border-color: var(--switch-border-off) !important;
}

/* ON */
input[role="switch"]:checked {
  border-color: var(--switch-border-on) !important;
  background-color: transparent !important;
}

/* mover thumb a la derecha cuando está ON */
input[role="switch"]:checked::after {
  /* calc: 100% - thumbWidth - margenIzq */
  left: calc(100% - 0.85rem - 0.01rem);
  background-color: var(--switch-border-on);
}

/* Variables por tema */
body.light-theme {
  --switch-thumb-color-off: #b0b0b0;          /* gris off */
  --switch-thumb-color-on: var(--new-primary);/* on */
  --switch-thumb-color-focus: var(--new-primary);
}

body:not(.light-theme) {
  --switch-thumb-color-off: #555;             /* gris oscuro off */
  --switch-thumb-color-on: var(--new-primary);
  --switch-thumb-color-focus: var(--new-primary);
}


input[type="checkbox"] {
  border: none;
}

input[type="checkbox"]:focus {
  box-shadow: none;
}



.main-team-changes {
  display: flex;
  flex-direction: column;
}

.team-changes-grid{
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 5px 10px;
  margin-top: 5px;
  align-items: center;
}

.team-changes-grid .logo-and-name{
  font-size: 12px;
  height: 30px;
}

.team-changes-grid .logo-and-name .team-name{
  padding-left: 0px;
}

.team-changes-grid [data-resizable="true"] {
  transform: scale(0.8);
}

.team-change {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.team-change-button {
  text-align: end;
  align-items: end;
  display: flex;
  justify-content: flex-end;
}

.info-modal-section {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}

.texts-and-clear {
  display: flex;
  flex-direction: row;
  gap: 15px;
  align-items: flex-start;
  justify-content: flex-start;
}

.texts-and-clear .fit-button {
  padding: 0;
}

.H2H-text span.text-main {
  color: var(--new-primary);
}


.graph-text span.text-main {
  color: var(--new-secondary);
}

.h2h-highlight {
  animation: h2h-animation 0.15s forwards;
}

.graph-highlight {
  animation: graph-animation 0.15s forwards;
}

@keyframes h2h-animation {

  0%,
  100% {
    color: var(--text-general);
  }

  50% {
    color: var(--text-selected);
  }
}

@keyframes graph-animation {

  0%,
  100% {
    color: var(--text-general);
  }

  50% {
    color: var(--text-selected-secondary);
  }
}

.annotations {
  color: var(--text-general);
  font-size: 16px;
  padding-right: 1rem;
}

.number-details {
  display: flex;
  flex-direction: row;
  align-items: baseline;
  width: 100%;
  justify-content: flex-end;
  gap: 15px;
}

#d1Menu,
#d2Menu,
#teamMenu,
#raceProbMenu {
  max-height: 200px;
  overflow-y: scroll;
}

#numberMenu {
  max-height: 200px;
  overflow-y: scroll;
}

#numberMenu::-webkit-scrollbar,
#d1Menu::-webkit-scrollbar,
#d2Menu::-webkit-scrollbar,
#teamMenu::-webkit-scrollbar,
#teamContractMenu::-webkit-scrollbar,
#raceMenu::-webkit-scrollbar,
#raceProbMenu::-webkit-scrollbar,
#nationalityMenu::-webkit-scrollbar,
.prob-viewer-data::-webkit-scrollbar,
#patchNotesBody::-webkit-scrollbar,
.parts-list::-webkit-scrollbar,
.engine-modal-body::-webkit-scrollbar,
.news-article::-webkit-scrollbar,
.main-second-viewer::-webkit-scrollbar,
.news-edit-textarea::-webkit-scrollbar,
#juniorTeamContractMenu::-webkit-scrollbar,
.poles-comparison::-webkit-scrollbar,
.q3-comparison::-webkit-scrollbar,
.q2-comparison::-webkit-scrollbar,
.wins-drivers-list::-webkit-scrollbar,
.bento-driver-standings::-webkit-scrollbar,
#sessionResultsGpMenu::-webkit-scrollbar,
#engineMenu::-webkit-scrollbar,
.bento-team-standings::-webkit-scrollbar,
.quali-comparison::-webkit-scrollbar,
.race-comparison::-webkit-scrollbar,
.script-view::-webkit-scrollbar {
  width: 4px;
}

#numberMenu::-webkit-scrollbar-thumb,
#d1Menu::-webkit-scrollbar-thumb,
#d2Menu::-webkit-scrollbar-thumb,
#teamMenu::-webkit-scrollbar-thumb,
#teamContractMenu::-webkit-scrollbar-thumb,
#raceMenu::-webkit-scrollbar-thumb,
#raceProbMenu::-webkit-scrollbar-thumb,
#nationalityMenu::-webkit-scrollbar-thumb,
.prob-viewer-data::-webkit-scrollbar-thumb,
#patchNotesBody::-webkit-scrollbar-thumb,
.parts-list::-webkit-scrollbar-thumb,
.engine-modal-body::-webkit-scrollbar-thumb,
.news-article::-webkit-scrollbar-thumb,
.main-second-viewer::-webkit-scrollbar-thumb,
.news-edit-textarea::-webkit-scrollbar-thumb,
#juniorTeamContractMenu::-webkit-scrollbar-thumb,
.poles-comparison::-webkit-scrollbar-thumb,
.q3-comparison::-webkit-scrollbar-thumb,
.q2-comparison::-webkit-scrollbar-thumb,
.wins-drivers-list::-webkit-scrollbar-thumb,
.bento-driver-standings::-webkit-scrollbar-thumb,
.bento-team-standings::-webkit-scrollbar-thumb,
#sessionResultsGpMenu::-webkit-scrollbar-thumb,
#engineMenu::-webkit-scrollbar-thumb,
.quali-comparison::-webkit-scrollbar-thumb,
.race-comparison::-webkit-scrollbar-thumb,
.script-view::-webkit-scrollbar-thumb {
  background-color: var(--white-general);
  border-radius: 3px;
}

#numberMenu::-webkit-scrollbar-thumb:hover,
#d1Menu::-webkit-scrollbar-thumb:hover,
#d2Menu::-webkit-scrollbar-thumb:hover,
#teamMenu::-webkit-scrollbar-thumb:hover,
#teamContractMenu::-webkit-scrollbar-thumb:hover,
#raceMenu::-webkit-scrollbar-thumb:hover,
#raceProbMenu::-webkit-scrollbar-thumb:hover,
#nationalityMenu::-webkit-scrollbar-thumb:hover,
.prob-viewer-data::-webkit-scrollbar-thumb:hover,
#patchNotesBody::-webkit-scrollbar-thumb:hover,
.parts-list::-webkit-scrollbar-thumb:hover,
.engine-modal-body::-webkit-scrollbar-thumb:hover,
.news-article::-webkit-scrollbar-thumb:hover,
.main-second-viewer::-webkit-scrollbar-thumb:hover,
.news-edit-textarea::-webkit-scrollbar-thumb:hover,
#juniorTeamContractMenu::-webkit-scrollbar-thumb:hover,
.poles-comparison::-webkit-scrollbar-thumb:hover,
.q3-comparison::-webkit-scrollbar-thumb:hover,
.q2-comparison::-webkit-scrollbar-thumb:hover,
.wins-drivers-list::-webkit-scrollbar-thumb:hover,
.bento-driver-standings::-webkit-scrollbar-thumb:hover,
#sessionResultsGpMenu::-webkit-scrollbar-thumb:hover,
#engineMenu::-webkit-scrollbar-thumb:hover,
.bento-team-standings::-webkit-scrollbar-thumb:hover,
.quali-comparison::-webkit-scrollbar-thumb:hover,
.race-comparison::-webkit-scrollbar-thumb:hover,
.script-view::-webkit-scrollbar-thumb:hover {
  background-color: var(--scrollbar-hover);
}

#engineMenu {
  max-height: 300px;
  overflow-y: scroll;
}

#allDrivers {
  overflow-y: hidden;
}

.dropdown-menu {
  background-color: var(--dropdown-back) !important;
  border: none !important;
  box-shadow: 0 2px 6px 1px black;
  margin-top: 1px !important;
  z-index: 9999 !important;
}


.dropdown-menu .dropdown-item {
  cursor: pointer;
}

.dropdown-menu a {
  background-color: var(--dropdown-back) !important;
  color: var(--white-general) !important;
  border-bottom: 2px solid transparent !important;
  transition: background-color 0.15s, color 0.15s, border-bottom 0.15s;
}

.dropdown-menu a:hover {
  background-color: var(--dropdown-hover) !important;
  color: var(--text-selected) !important;
  border-bottom: 2px solid var(--new-primary) !important;
}

body.og-theme .dropdown-menu a:hover {
  color: var(--white-general) !important;
  border-bottom: 2px solid #dedde6 !important;
}

.dropdown-manu a::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: radial-gradient(ellipse 70% 150% at center bottom, var(--new-primary), transparent 70%);
  opacity: 0;
  transition: opacity 0.15s ease;
  pointer-events: none;
}

.dropdown-menu a:hover::before {
  opacity: 1;
}

.dropdown-menu a:not(:hover)::before {
  transition-delay: 0s;
}



.modal-subtitle {
  color: var(--text-general);
}

.upper-section-stats {
  display: flex;
  padding-right: 16px;
  background: var(--elements);
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  box-shadow: var(--shadow-s);
  align-items: center;
  padding: 18px 25px;
  height: 116px;
  gap: 20px;
  justify-content: space-between;
  position: relative;
}

.special-overall.cloned {
  margin-left: auto;
}

/*Gradient from left to right with new primary to transparent*/
.upper-section-stats.comparison-active:has(.cloned-separator)::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(to right, var(--new-primary) -39%, transparent 36%);
  z-index: 1;
  border-top-left-radius: 10px;
}

.upper-section-stats.comparison-active:has(.cloned-separator)::before {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(to left, var(--new-secondary) -39%, transparent 36%);
  z-index: 1;
  border-top-right-radius: 10px;
}

.stats-radar-wrap {
  position: relative;
}

/* capa HTML encima del canvas */
.radar-overlay {
  position: absolute;
  inset: 0;
  pointer-events: none;
  font-family: Formula1Bold;
  line-height: 1;
}

.radar-overlay .tick {
  position: absolute;
  transform: translate(-50%, -50%);
  text-align: center;
  white-space: nowrap;
  /* si se corta en bordes, añade un poco de padding externo al chart: options.layout.padding */
}

.radar-overlay .values {
  display: inline-flex;
  gap: 6px;
  justify-content: center;
  font-size: 11px;
}

.radar-overlay .v1 {
  color: var(--new-primary);
}

.radar-overlay .v2 {
  color: var(--new-secondary);
}

.radar-overlay .lab {
  display: block;
  font-size: 12px;
  color: var(--text-secondary);
  margin-top: 2px;
}

.upper-section-stats.comparison-active:has(.cloned-separator) .name-and-info {
  flex-grow: 0;
  max-width: none;
}

.upper-section-stats.comparison-active:has(.cloned-separator) {
  gap: 15px;
}

.upper-section-stats.comparison-active:has(.cloned-separator) .age-text {
  margin-left: 0 !important;
}

.upper-section-stats.comparison-active:has(.cloned-separator) .bi-pencil-fill {
  display: none !important;
  pointer-events: none;
}

.upper-section-stats.comparison-active:has(.cloned-separator) .name-and-code {
  gap: 10px;
}

.upper-section-stats.comparison-active:has(.cloned-separator) .hiddable-text,
.upper-section-stats.comparison-active:has(.cloned-separator) .age-buttons,
.upper-section-stats.comparison-active:has(.cloned-separator) .retirement-buttons {
  display: none;
  pointer-events: none;
}

.title-and-details.cloned {
  align-items: flex-end;
}

.title-and-details.cloned .age-holder {
  align-items: flex-end;
}

.title-and-details.cloned .age,
.title-and-details.cloned .retirement-age {
  flex-direction: row-reverse;
}

.retry-with-lite {
  margin-top: 10px;
}

.button-with-icon {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 10px;
  cursor: pointer;
  color: var(--text-secondary);
  transition: color 0.15s, background-color 0.15s;
  font-size: 16px;
  padding: 3px 7px;
  border-radius: 5px;
}

.button-with-icon.close-modal{
  padding: 3px 7px;
}

#compDataButton.button-with-icon {
  color: var(--text-general);
}

#compDataButton.button-with-icon:hover {
  color: var(--new-primary);
}


.button-with-icon:hover {
  color: var(--new-primary);
  background-color: var(--new-primary-transparent)
}

#patreonLoginButton i::before {
  transition: background-color 0.15s;
}

#patreonLoginButton:hover i::before {
  background-color: var(--new-primary);
}

.user-name-and-logout-tool {
  position: relative;
}

.userToolMenu {
  display: flex;
  flex-direction: column;
  position: absolute;
  top: 40px;
  right: 0px;
  border-radius: 7px;
  width: max-content;
  gap: 2px;
  padding: 8px 5px;
  opacity: 1;
  z-index: 200;
  transform: translateY(0);
  pointer-events: auto;
  background-color: var(--elements);
  box-shadow: var(--shadow-m);
  transition: opacity 0.15s, transform 0.15s;
}

.userToolMenu.hidden {
  opacity: 0;
  transform: translateY(-10px);
  pointer-events: none;
}

.button-with-icon.active {
  color: var(--new-primary);
  background-color: var(--new-primary-transparent);
}

.button-with-icon:active {
  color: var(--new-primary);
  background-color: var(--new-primary-transparent);
  transform: scale(0.97);
}

.button-with-icon#patreonStatus:hover {
  color: var(--text-secondary);
  background-color: transparent;
  cursor: default;
}

.button-with-icon#patreonStatus:active {
  transform: none;
}

.button-with-icon#patreonStatus i.bi-custom-patreon::before {
  background-color: var(--text-secondary);
}

.button-with-icon#patreonStatus:hover i.bi-custom-patreon::before {
  background-color: var(--text-secondary);
}

.comparing-tag {
  font-size: 12px;
  padding: 2px 6px;
  border-radius: 4px;
  text-transform: capitalize;
  font-weight: bold;
  margin-left: 8px;
}

.bar-container.comparing {
  flex-direction: column;
  align-items: flex-start;
  gap: 1px;
}

input.comparing-tag {
  font-weight: normal !important;
  font-size: 18px !important;
  color: var(--text-general) !important;
  padding: 2px !important;
  line-height: 1.5;
  margin: 0 5px !important;
}

.comparing-tag.primary {
  background-color: var(--new-primary-transparent);
  color: var(--new-primary);
}

.comparing-tag.secondary {
  background-color: var(--new-secondary-transparent);
  color: var(--new-secondary);
}

.comparing-tag.ct {
  background-color: color-mix(in srgb, var(--custom-team-primary) 35%, transparent);
  color: var(--custom-team-primary);
}


.comparing-tag.fe {
  background-color: color-mix(in srgb, var(--ferrari-primary) 35%, transparent);
  color: var(--ferrari-primary);
}

.comparing-tag.me {
  background-color: color-mix(in srgb, var(--mercedes-primary) 35%, transparent);
  color: var(--mercedes-primary);
}

.comparing-tag.rb {
  background-color: color-mix(in srgb, var(--redbull-primary) 35%, transparent);
  color: var(--redbull-primary);
}

.comparing-tag.mc {
  background-color: color-mix(in srgb, var(--mclaren-primary) 35%, transparent);
  color: var(--mclaren-primary);
}

.comparing-tag.wi {
  background-color: color-mix(in srgb, var(--williams-primary) 35%, transparent);
  color: var(--williams-primary);
}

.comparing-tag.ha {
  background-color: color-mix(in srgb, var(--haas-primary) 35%, transparent);
  color: var(--haas-primary);
}

.comparing-tag.as {
  background-color: color-mix(in srgb, var(--aston-primary) 35%, transparent);
  color: var(--aston-primary);
}

.comparing-tag.al {
  background-color: color-mix(in srgb, var(--alpine-primary) 35%, transparent);
  color: var(--alpine-primary);
}

.comparing-tag.af {
  background-color: color-mix(in srgb, var(--alfa-primary) 35%, transparent);
  color: var(--alfa-primary);
}

.comparing-tag.at {
  background-color: color-mix(in srgb, var(--alphatauri-primary) 35%, transparent);
  color: var(--alphatauri-primary);
}

.upper-section-stats.showing-driver .name-and-info {
  max-width: calc(42% - 20px);
}

.name-and-info {
  display: flex;
  flex-direction: column;
  gap: 10px;
  flex-grow: 1;
  z-index: 3;
}

.name-and-info.cloned {
  align-items: flex-end;
}

.name-and-info.cloned .name-and-code,
.name-and-info.cloned .flag-and-team {
  flex-direction: row-reverse;
}

.stats-header-separator {
  width: 2px;
  background-color: var(--separator-light);
  height: 100%;
  z-index: 3;
}

.name-and-code {
  display: flex;
  flex-direction: row;
  height: 36px;
  align-items: center;
  gap: 30px;
  z-index: 3;
}

.custom-separator {
  width: 2px;
  background-color: var(--separator-light);
  height: 85%;
  z-index: 3;
}

.flag-and-team {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 15px;
  height: 30px;
  z-index: 3;
}

.image-and-text {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 10px;
  z-index: 3;
}

.nationality-dropdown {
  display: flex;
  align-items: center;
  gap: 10px;
  height: 32px;
  padding: 0 10px;
  border-radius: 8px;
  background: transparent;
  max-width: 200px;
}

.nationality-dropdown:disabled {
  opacity: 0.75;
  cursor: default;
}

.nationality-dropdown .flag-text {
  flex: 1;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  text-align: left;
}

#nationalityMenu {
  max-height: 320px;
  overflow: auto;
  max-width: 200px;
  scrollbar-width: thin;
  scrollbar-color: var(--white-general) transparent;
}

.redesigned-dropdown-item.nationality-item {
  display: flex;
  align-items: center;
  gap: 10px;
  justify-content: flex-start;
  width: 100%;
  max-width: 100%;
}

.nationality-item span {
  flex: 1;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.nationality-item img {
  width: 22px;
  height: 14px;
  border-radius: 3px;
  object-fit: cover;
}


.driver-info-driver-flag {
  width: 40px;
  height: auto;
  border-radius: 4px;
  height: 20px;
  object-fit: cover;
}

.driver-info-team-logo {
  width: 34px;
  height: auto;
  border-radius: 5px;
}

.driver-info-team-logo-masked {
  height: 24px;
  -webkit-mask: url(/f1m-editor/assets/images/mclaren.svg) no-repeat center;
  mask: url(/f1m-editor/assets/images/mclaren.svg) no-repeat center;
  -webkit-mask-size: contain;
  mask-size: contain;
  background-color: var(--mclaren-primary);
}

.actual-age,
.actual-retirement {
  width: 30px;
  text-align: center;
  display: inline-block;
}

.info-text {
  color: var(--text-secondary);
  font-size: 18px;
  text-transform: capitalize;
}

#driverStatsTitle {
  font-size: 26px;
  width: max-content;
  position: relative;
  max-width: 350px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

#availabilityDetails:has(#superLicenseSwitch.d-none) {
  justify-content: flex-start;
  gap: 6px;
}

#driverCode {
  font-size: 26px;
  color: var(--text-secondary);
  text-transform: uppercase;
  position: relative;
}

#driverStatsTitle textarea,
#driverCode textarea {
  resize: none;
  background: transparent;
  color: inherit;
  font: inherit;
  border: none;
  border-bottom: 2px solid var(--text-secondary);
  outline: none;
  box-sizing: border-box;
  padding: 0;
  margin: 0;
  overflow: hidden;
  white-space: nowrap;
  /* evita saltos de línea */
  overflow-x: hidden;
  /* permite hacer scroll horizontal si se pasa del ancho */
  overflow-y: hidden;
}

#editNameButton.bi-check {
  font-size: 22px;
}

#editNameButton.bi-check:hover {
  color: var(--positive-general);
  background-color: var(--positive-transparent);
}

#editNameButton {
  width: 24px;
  height: 24px;
  cursor: pointer;
  border-radius: 5px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: background-color 0.15s, color 0.15s;
}

#editNameButton:hover {
  background-color: var(--new-primary-transparent);
  color: var(--new-primary);
}

#editNameButton:active {
  background-color: var(--new-primary-transparent);
  color: var(--new-primary);
  transform: scale(0.97);
}

.draft-staff-type-dropdown {
  min-width: 190px;
  height: 32px;
  font-size: 14px;
  padding: 0 14px;
}

#genderSwapButton.compact {
  height: 32px;
  min-width: 104px;
  font-size: 14px;
  padding: 0 12px;
  white-space: nowrap;
}

.api-key-section .separator {
  height: 20px;
}

.separator-3 {
  width: 3px;
  background-color: var(--separator);
  height: calc(100% - 22px);
}

.title-and-details {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  z-index: 3;
}

.title-and-details.special-overall {
  align-items: center;
}

.stats-title {
  font-size: 17px;
  color: var(--text-secondary);
}

.age-holder {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.age-title {
  color: var(--text-general);
}

.age-text {
  color: var(--text-secondary);
  margin-left: 12px;
}

.text-filter {
  background-color: transparent;
  color: var(--white-general);
  border-bottom: 2px solid var(--separator);
  border-right: 0px;
  border-left: 0px;
  border-top: 0px;
  transition: color 0.15s, border-color 0.15s;
  height: 36px;
  padding: 6px;
  width: 100%;

}

.text-filter-container {
  margin-top: 5px;
  width: 100%;
  margin-right: 10px;
  position: relative;
}

.text-filter-container .bi-x {
  color: var(--dark-text);
  cursor: pointer;
  transition: color 0.15s, transform 0.15s, opacity 0.15s;
  position: absolute;
  right: 0px;
}

.text-filter-container .bi-x:hover {
  color: var(--new-primary);
  transform: scale(1.1);
}

.filter-icon {
  color: var(--dark-text);
  font-size: 20px;
  display: flex;
  align-items: center;
  cursor: pointer;
  transition: color 0.15s;
}

.new-pills-filters{
  padding: 3px 10px !important;
  border-radius: 6px !important;
  background-color: transparent;
}

.new-pills-filters:hover{
  background-color: var(--new-primary-transparent);
  color: var(--new-primary);
}

.new-pills-filters:active{
  transform: scale(0.97);
}

.new-pills-filters.active{
  background-color: var(--new-primary-transparent) !important;
  color: var(--new-primary) !important;
}

.new-pills-filters.f2-filter:hover{
  color: var(--f2-back);
  background-color: color-mix(in srgb, var(--f2-back) 30%, transparent);
  transform: scale(1.05);
}

.new-pills-filters.f2-filter:active{
  transform: scale(0.97);
}

.new-pills-filters.f2-filter.active{
  color: var(--f2-back);
  background-color: color-mix(in srgb, var(--f2-back) 30%, transparent);
}

.new-pills-filters.f3-filter:hover{
  color: var(--f3-back);
  background-color: color-mix(in srgb, var(--f3-back) 30%, transparent);
  transform: scale(1.05);
}

.new-pills-filters.f3-filter:active{
  transform: scale(0.97);
}

.new-pills-filters.f3-filter.active{
  color: var(--f3-back);
  background-color: color-mix(in srgb, var(--f3-back) 30%, transparent);
}

.filter-icon:hover {
  color: var(--new-primary);
  transform: scale(1.05);
}

.filter-icon:active {
  color: var(--new-primary);
  transform: scale(0.97);
}

.filter-container {
  background-color: transparent;
  border-radius: 10px;
  box-shadow: 0 0 0 0 var(--box-shadow);
  transition: background-color 0.15s, box-shadow 0.15s;
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 14px;
  padding: 2px 12px;
}

.filter-container:not(.focused) .category-filters {
  pointer-events: none;
}

.filter-container.focused .filter-icon {
  color: var(--new-primary);
}


.category-filters,
.order-filters {
  opacity: 0;
  transition: opacity 0.15s;
}

.category-filters:not(.show) a {
  pointer-events: none;
}

.category-filters.show,
.order-filters.show {
  opacity: 1;
}

.category-filters .basic-label {
  color: var(--dark-text);
}

#freefilter:hover .pill-line,
#freefilterTransfers:hover .pill-line {
  width: 100%;
}

#freefilter.active .basic-label,
#freefilterTransfers.active .basic-label {
  color: var(--new-primary);
}

#freefilter:hover .pill-line,
#freefilterTransfers:hover .pill-line {
  background-color: var(--new-primary);
}

#freefilter:hover .basic-label,
#freefilterTransfers:hover .basic-label {
  color: var(--new-primary);
}


#F1filter:hover .pill-line,
#F1filterTransfers:hover .pill-line {
  width: 100%;
}

#F1filter .pill-line,
#F1filterTransfers .pill-line {
  background-color: var(--white-general);
}

#F1filter.active .basic-label,
#F1filterTransfers.active .basic-label {
  color: var(--text-general);
}

#F1filter:hover .pill-line,
#F1filterTransfers:hover .pill-line {
  background-color: var(--text-general);
}

#F1filter:hover .basic-label,
#F1filterTransfers:hover .basic-label {
  color: var(--text-general);
}


#F2filter:hover .pill-line,
#F2filterTransfers:hover .pill-line {
  width: 100%;
}

#F2filter .pill-line,
#F2filterTransfers .pill-line {
  background-color: var(--f2-border);
}

#F2filter.active .basic-label,
#F2filterTransfers.active .basic-label {
  color: var(--f2-border);
}

#F2filter:hover .pill-line,
#F2filterTransfers:hover .pill-line {
  background-color: var(--f2-border);
}

#F2filter:hover .basic-label,
#F2filterTransfers:hover .basic-label {
  color: var(--f2-border);
}


#F3filter .pill-line,
#F3filterTransfers .pill-line {
  background-color: var(--f3-back);
}

#F3filter:hover .pill-line,
#F3filterTransfers:hover .pill-line {
  width: 100%;
}

#F3filter.active .basic-label,
#F3filterTransfers.active .basic-label {
  color: var(--f3-border);
}

#F3filter:hover .pill-line,
#F3filterTransfers:hover .pill-line {
  background-color: var(--f3-border);
}

#F3filter:hover .basic-label,
#F3filterTransfers:hover .basic-label {
  color: var(--f3-border);
}

#StaffLists {
  margin-left: 14px;
}


.search-and-order {
  margin-left: 10px;
  margin-bottom: 7px;
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
}

.order-space {
  margin-right: 20px;
  width: 23px;
  height: 35px;
  position: relative;
  cursor: pointer;
}

.search-and-order i {
  font-size: 24px;
  transition: opacity 0.15s, transform 0.15s, color 0.15s;
  color: var(--dark-text);
  position: absolute;
  z-index: 1;
}

.order-space i:hover {
  transform: scale(1.1);
  color: var(--text-selected);
}

.search-and-order i.active {
  color: var(--new-primary);
}

.search-and-order i.hidden {
  opacity: 0;
  z-index: 0;
}


.text-filter:hover {
  border-bottom: 2px solid var(--text-selected);
}

.text-filter:focus {
  color: var(--text-selected);
  border-bottom: 2px solid var(--new-primary);
}

.text-filter:focus-visible {
  outline: none;
}

.color-reader:focus-visible {
  outline: none;
}


.retirement-age,
.age {
  display: flex;
  gap: 3px;
}

.retirement-buttons,
.age-buttons {
  font-size: 18px;
  display: flex;
  flex-direction: row;
  margin-top: 4px;
  gap: 5px;
  margin-left: 5px;
}

.number-selector-and-number-1 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.number-selector {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 9px;
}

.number-holder {
  font-size: 20px;
  color: var(--text-general);
  width: 32px;
}

.wc-number {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}

.number-buttons {
  display: flex;
  flex-direction: row;
  gap: 5px;
}

.new-augment-button.transparent {
  background-color: transparent;
}

.new-augment-button.transparent:hover {
  background-color: var(--augment-buttons-bg);
}

.new-augment-button {
  background-color: var(--augment-buttons-bg);
  border-radius: 5px;
  width: 18px;
  height: 18px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 22px;
  cursor: pointer;
  transition: background-color 0.15s, color 0.15s;
  user-select: none;
}

.new-augment-button.small {
  font-size: 16px;
}

.new-augment-button:hover {
  background-color: var(--augment-buttons-hover);
  color: var(--new-primary);
}

.new-augment-button:active {
  transform: scale(0.95);
  color: var(--new-primary);
}


.name-age-and-retired {
  display: flex;
  flex-direction: row;
  gap: 15px;
}

#numberName {
  position: relative;
}

#numberName .name-and-stat {
  position: absolute;
  margin-left: 20px;
}

#numberName .number-details {
  position: absolute;
  margin-right: 50px;
  margin-top: 15px;
}

.ovr {
  font-size: 21px;
  color: var(--disabled-text)
}

.ovrcombined {
  display: flex;
  width: 116px;
  align-items: baseline;
  justify-content: space-between;
  width: 120px;
  position: relative;
  gap: 5px;
}

.wc-number .custom-toggle {
  margin-left: -20px;
}


.overall-holder {
  font-size: 34px;
}

.upper-panel {
  display: flex;
}

.number-and-retirement {
  display: flex;
  flex-direction: row;
  width: 66%;
  background-color: var(--elements);
  padding: 10px;
  border-radius: 10px;
  margin-right: 20px;
  margin-top: 10px;
  margin-bottom: 10px;
  margin-left: 10px;
  box-shadow: 0 0 10px 1px var(--box-shadow);
}

.number-options {
  width: 66%;
}

.retirement-options i {
  color: var(--text-general);
  border-radius: 7.5px !important;
  width: 20px !important;
  height: 20px !important;
  font-size: 20px !important;
  margin-left: 5px !important;
}

@keyframes colorChangeNeg {

  0%,
  100% {
    background-color: transparent;
    color: var(--white-general);
  }

  50% {
    background-color: transparent;
    color: var(--negative-general);
  }
}

@keyframes colorChangePos {

  0%,
  100% {
    background-color: transparent;
    color: var(--white-general);
  }

  50% {
    background-color: transparent;
    color: var(--positive-general);
  }
}


.alertNeg {
  animation: colorChangeNeg 0.15s;
  margin-bottom: 0px !important;
}

.alertPos {
  animation: colorChangePos 0.15s;
  margin-bottom: 0px !important;
}

.main-title-old {
  text-align: left;
  background-color: var(--tools-general);
  padding-top: 1rem;
  padding-bottom: 0.1%;
  display: flex;
  width: 100%;
  justify-content: center;
}

.cet-menubar {
  opacity: 0 !important;
}

.cet-title {
  font-family: 'Formula1Bold' !important;
}

.patchNotesPanel {
  position: fixed;
  top: 70px;
  left: 10px;
}

.patchNotesPanel i {
  transition: color 0.15s;
  font-style: normal;
  color: var(--separator);
  cursor: pointer;
}

.patchNotesPanel i:hover {
  color: var(--white-general);
}

.notification-panel {
  position: absolute;
  top: 56px;
  right: 0px;
  color: var(--white-general);
  width: 530px;
  height: 116px;
  display: flex;
  flex-direction: column;
  text-align: center;
  align-items: flex-end;
  gap: 10px;
  pointer-events: none;
}

.notification-line {
  width: 0%;
  height: 2px;
  background-color: var(--white-general);
  position: relative;
  bottom: 7px;
  transition: width 3s linear;
}

.notification-line.start {
  width: 100%;
}

.line-error {
  width: 100%;
  height: 2px;
  position: relative;
  bottom: 7px;
  background-color: var(--negative-general) !important;
}

.custom-toast {
  background-color: var(--toast-background) !important;
  color: var(--white-general);
  border-radius: 10px !important;
  min-width: 420px !important;
  z-index: 9999 !important;
  flex-direction: row !important;
  position: relative !important;
  justify-content: space-between !important;
}

.toast-icon {
  font-size: 26px;
  height: 65%;
  border-right: 2px solid transparent;
  display: flex;
  padding: 0 10px;
  align-items: center;
}

.custom-toast-body {
  font-size: 16px;
  text-align: left;
}

.toast-icon.success {
  border-color: var(--positive-general);
  color: var(--positive-general)
}

.toast-icon.error {
  border-color: var(--negative-general);
  color: var(--negative-general);
}

.custom-toast-cross {
  padding: 10px;
  font-size: 30px;
  color: var(--dark-text);
  cursor: pointer;
  transition: transform 0.15s, color 0.15s;
  display: flex;
  align-items: center;
}

.custom-toast-cross:hover {
  color: var(--text-selected);
  transform: scale(1.1);
}

.bar-space {
  width: 100%;
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 0 5px;
}

.driver1-number {
  font-size: 18px;
  margin-right: 10px;
  transition: color 0.15s;
  width: 12.5%;
  text-align: right;
}

.driver2-number {
  font-size: 18px;
  margin-left: 10px;
  width: 12.5%;
  transition: color 0.15s;
}

.driver1-number.little,
.driver2-number.little {
  font-size: 13px;
  height: 27px;
  padding-top: 5px;
}

.avg-comparison {
  display: flex;
  height: 27px;
  gap: 70px;
}

.driver1-avg,
.driver2-avg {
  font-size: 18px;
}

.avg-separator {
  width: 2px;
  height: 20px;
  margin-top: 3px;
  background-color: var(--text-general);
}

.toast-error {
  color: var(--negative-general) !important;
}

.hide {
  animation: fadeOut 0.15s;
}

.myShow {
  animation: myFadeIn 0.15s;
}

@keyframes fadeOut {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
  }
}


@keyframes myFadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

.tools-panel {
  color: var(--white-general);
  background-color: transparent;
  display: flex;
  flex-direction: row;
  position: relative;
  align-items: center;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}

.patreon-login {
  padding-right: 15px;
}

body:has(#blockDiv:not(.disappear)) .patreon-login .patreon-login-button,
body:has(#blockDiv:not(.disappear)) .patreon-login #userToolButton {
  color: var(--text-muted);
}

body:has(#blockDiv:not(.disappear)) .patreon-login .patreon-login-button:hover,
body:has(#blockDiv:not(.disappear)) .patreon-login #userToolButton:hover {
  color: var(--new-primary);
}


.patreon-login .patreon-login-button:hover {
  color: var(--new-primary);
}

.patreon-login .patreon-login-button:active {
  transform: scale(0.97);
  color: var(--new-primary);
}


body.og-theme .tools-panel {
  border-bottom: 1px solid var(--slight-contrast);
}


@keyframes move {
  0% {
    left: -300px;
  }

  100% {
    left: 100%;
  }
}

.mode-line {
  position: relative;
  width: 100%;
  height: 1px;
  background-color: var(--separator);
}

.mode-line.ai {
  background-color: var(--mode-line-ai);
  /* box-shadow: 0 0 6px 1px var(--mode-line-ai); */
}

.mode-line.edit {
  background-color: var(--mode-line-edit);
  /* box-shadow: 0 0 6px 1px #fff7b0; */
}

.mode-line.view {
  background-color: var(--mode-line-view);
  /* box-shadow: 0 0 6px 1px var(--mode-line-view); */
}

.moving-line {
  position: absolute;
  width: 300px;
  height: 1px;
  background: transparent;
  animation: move 10s linear infinite;
}



.background {
  background-color: var(--new-primary);
  background-image: url(/f1m-editor/assets/images/background2.svg);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  height: 100%;
  margin: 0;
  position: absolute;
  width: 100.2%;
  z-index: -5;
  left: -2px;
  opacity: 1;
}

body.light-theme .background {
  background-image: url(/f1m-editor/assets/images/background2light.svg);
}

body.og-theme .background {
  background-image: url(/f1m-editor/assets/images/background2og.svg);
  /* background-image: none;
  background-color: var(--background); */
}

body.vaporwave-theme .background {
  background-image: url(/f1m-editor/assets/images/background2vaporwave.svg);
}

body.ferrari-theme .background {
  background-image: url(/f1m-editor/assets/images/background2.svg);
  filter: hue-rotate(-28deg) saturate(1.4) brightness(0.8);
}

body.redbull-theme .background {
  background-image: url(/f1m-editor/assets/images/background2.svg);
  filter: hue-rotate(145deg) saturate(1.3) brightness(0.8);
}

body.mercedes-theme .background {
  background-image: url(/f1m-editor/assets/images/background2.svg);
  filter: hue-rotate(175deg) saturate(1.25) brightness(0.8);
}

body.astonmartin-theme .background {
  background-image: url(/f1m-editor/assets/images/background2.svg);
  filter: hue-rotate(120deg) saturate(1.25) brightness(0.78);
}

body.mclaren-theme .background {
  background-image: url(/f1m-editor/assets/images/background2.svg);
  filter: hue-rotate(20deg) saturate(1.35) brightness(0.8);
}

.main-panel {
  display: flex;
  position: relative;
  height: 100%;
  overflow-x: hidden;
}

#season_viewer.script-view{
  height: 91vh;
}

.script-view {
  display: flex;
  width: 100%;
  transition: opacity 0.15s;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 1;
  height: 90vh;
  /* overflow-x: hidden; */
  overflow-y: auto;
}

.script-view.hide {
  opacity: 0;
  pointer-events: none;
  visibility: none;
}

.script-view.hide.unloaded {
  display: none;
  opacity: 0;
  pointer-events: none;
  visibility: none;
}

.script-view.enter-from-right {
  animation: slide-in-from-right 0.15s ease-out forwards;
}

.script-view.enter-from-left {
  animation: slide-in-from-left 0.15s ease-out forwards;
}


.scirpt-info {
  font-size: 15px;
}

.script-selector {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex-grow: 1;
  margin-right: 20px;
  transition: transform 0.15s ease, opacity 0.15s ease;
}

/* 让nav-pills横向排列 */
.script-selector .nav.nav-pills {
  flex-direction: row;
  flex-wrap: nowrap;
  gap: 4px;
}

.script-selector .nav-pills > li.nav-item {
  opacity: 1;
  transform: none;
}

.script-selector.hidden .nav-pills > li.nav-item {
  opacity: 0;
  transform: translateX(-12px);
}

@keyframes script-pill-reveal {
  0% {
    opacity: 0;
    transform: translateX(-12px);
  }

  65% {
    opacity: 1;
    transform: translateX(2px);
  }

  100% {
    opacity: 1;
    transform: none;
  }
}

.script-selector:not(.hidden) .nav-pills > li.nav-item {
  animation: script-pill-reveal 0.3s cubic-bezier(0.34, 1.56, 0.64, 1) backwards;
}

.script-selector:not(.hidden) .nav-pills > li.nav-item:nth-child(1) { animation-delay: 0ms; }
.script-selector:not(.hidden) .nav-pills > li.nav-item:nth-child(2) { animation-delay: 45ms; }
.script-selector:not(.hidden) .nav-pills > li.nav-item:nth-child(3) { animation-delay: 90ms; }
.script-selector:not(.hidden) .nav-pills > li.nav-item:nth-child(4) { animation-delay: 135ms; }
.script-selector:not(.hidden) .nav-pills > li.nav-item:nth-child(5) { animation-delay: 180ms; }
.script-selector:not(.hidden) .nav-pills > li.nav-item:nth-child(6) { animation-delay: 225ms; }
.script-selector:not(.hidden) .nav-pills > li.nav-item:nth-child(7) { animation-delay: 270ms; }
.script-selector:not(.hidden) .nav-pills > li.nav-item:nth-child(8) { animation-delay: 315ms; }
.script-selector:not(.hidden) .nav-pills > li.nav-item:nth-child(9) { animation-delay: 360ms; }
.script-selector:not(.hidden) .nav-pills > li.nav-item:nth-child(10) { animation-delay: 405ms; }

@media (prefers-reduced-motion: reduce) {
  .script-selector .nav-pills > li.nav-item {
    animation: none;
    transform: none;
  }

  .script-selector.hidden .nav-pills > li.nav-item {
    transform: none;
  }
}

.script-selector.hidden,
.gear-container.hidden,
.footer.hidden {
  opacity: 0;
  pointer-events: none;
}


.general-config {
  display: flex;
  flex-direction: row;
  gap: 10px;
}

.gear-container {
  font-size: 16px;
  width: 0px;
  height: 40px;
  justify-content: center;
  align-items: center;
  position: relative;
  transition: width 0.15s, opacity 0.15s;
  cursor: pointer;
  border-top: 2px solid transparent;
  border-bottom: 2px solid transparent;
}

.gear-container::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: radial-gradient(ellipse 70% 150% at center bottom, var(--white-gradient), transparent 70%);
  opacity: 0;
  transition: opacity 0.25s ease;
  transition-delay: 0.15s;
  pointer-events: none;
}

.gear-container:hover::before {
  opacity: 1;
}

.gear-container:not(:hover)::before {
  transition-delay: 0s;
}

.gear-container:not(:has(.hidden)) {
  width: 40px;
}

.gear-container:hover .bi-gear-fill {
  opacity: 0;
}

.gear-container:hover .standard-line,
.gear-container:hover {
  width: 117px;
}

.gear-container .standard-label {
  width: 160px;
}

.gear-container:hover .standard-label {
  opacity: 1;
}


.standard-label {
  opacity: 0;
  transition: opacity 0.10s;
  position: absolute;
  left: 8px;
  cursor: pointer;
  pointer-events: none;
  bottom: 7px;
}

.gear-container .bi-gear-fill {
  color: var(--text-general);
  opacity: 1;
  transition: color 0.15s, opacity 0.1s;
  left: 10px;
  font-size: 20px;
  position: absolute;
  bottom: 5px;
}

.gear-container .bi-gear-fill.hidden {
  opacity: 0;
  pointer-events: none;
}

.gear-container.bi-gear-fill:hover .standard-line {
  width: 100%;
  background-color: var(--text-general);
}

.save-selector {
  display: flex;
  flex-direction: column;
  transition: width 0.15s;
}

.custom-dropdown {
  max-width: 250px !important;
  min-width: 100px !important;
  justify-content: space-between;
  margin-top: 0.6rem !important;
  color: var(--white-general) !important;
  transition: color 0.15s !important;
  background-color: transparent !important;
  border: 0px !important;
  position: relative;
  padding: 6px 10px !important;
  display: flex !important;
  align-items: center;
  justify-content: space-around;
}


.custom-dropdown::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: radial-gradient(ellipse 70% 150% at center bottom, var(--new-primary), transparent 70%);
  opacity: 0;
  transition: opacity 0.25s ease;
  transition-delay: 0.15s;
  pointer-events: none;
  z-index: -1;
}

#numberButton::before {
  z-index: 0 !important;
}

.custom-dropdown:hover::before {
  opacity: 1;
}

.custom-dropdown:not(:hover)::before {
  transition-delay: 0s;
}

.custom-dropdown+.dropdown-line {
  width: 0%;
  background-color: var(--new-primary);
}


.custom-dropdown:hover+.dropdown-line {
  width: 100%;
  background-color: var(--new-primary);
}

.custom-dropdown-no-margin {
  max-width: 250px !important;
  background-color: var(--separator) !important;
  margin-bottom: 1% !important;
  border: 2px solid transparent !important;
  border-radius: 10px !important;
  color: var(--white-general) !important;
  transition: border-color 0.15s !important;
}

.dropdown-line {
  height: 2px;
  width: 0%;
  background-color: var(--text-general);
  transition: width 0.15s, color 0.15s;
}

.standard-line {
  height: 2px;
  width: 0%;
  background-color: var(--text-general);
  transition: width 0.15s, color 0.15s;
  position: absolute;
  bottom: 0;
  left: -2px;
}

.new-custom-dropdown::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: radial-gradient(ellipse 70% 150% at center bottom, var(--white-gradient), transparent 70%);
  opacity: 0;
  transition: opacity 0.25s ease;
  transition-delay: 0.15s;
  pointer-events: none;
}

.new-custom-dropdown:hover::before {
  opacity: 1;
}

.new-custom-dropdown:not(:hover)::before {
  transition-delay: 0s;
  /* No delay when not hovering */
}

#saveSelector {
  min-width: 140px;
}

#saveSelector:focus::before {
  opacity: 1;
}

#saveSelector:focus+.dropdown-line {
  width: 100%;
}

.new-custom-dropdown {
  max-width: 250px !important;
  background-color: transparent !important;
  color: var(--white-general) !important;
  border: 0px !important;
  position: relative;
  padding: 6px 10px !important;
  display: flex;
  align-items: center;
  justify-content: space-around;
}

.new-custom-dropdown:hover+.dropdown-line {
  width: 100%;
  background-color: var(--text-general);
}

#numberButton {
  flex-direction: row;
  align-items: center;
  margin-top: 0 !important;
  font-size: 20px;
}

.number-details .form-check {
  font-size: 18px;
}

.custom-dropdown-no-margin:hover {
  border: 2px solid var(--white-general) !important;
}

.custom-dropdown-no-margin:active {
  background-color: var(--active-general) !important;
}

.addTracks-button {
  margin-top: 0.4rem;
  max-width: 210px;
  background-color: var(--separator) !important;
  margin-bottom: 1%;
  border: 2px solid transparent !important;
  border-radius: 10px !important;
  box-shadow: none;

}

.addTracks-button:hover {
  border: 2px solid var(--white-general) !important;
}

.addTracks-button:active {
  background-color: var(--active-general);
}

#addTrackMenu {
  max-height: 300px;
  overflow-y: scroll;
}

#addTrackMenu::-webkit-scrollbar {
  width: 4px;
}

#addTrackMenu::-webkit-scrollbar-thumb {
  background-color: var(--white-general);
  border-radius: 3px;
}

#addTrackMenu::-webkit-scrollbar-thumb:hover {
  background-color: var(--scrollbar-hover);
}

.nav-item {
  cursor: pointer;
}

.menu-race {
  max-width: 200px;
}

.name-flag {
  margin-left: 8px;
  width: 30px;
  height: 24px;
  border-radius: 20px;
  opacity: 0.9;
}

.name-div-edit-stats {
  display: flex;
  align-items: center;
  gap: 4px;
  /* max-height: 24px; */
}

.menuFlag {
  height: 10px;
  width: 20px;
  margin-left: 10px;
}

#edit_teams {
  display: flex;
  flex-direction: column;
}

#objAndYear {
  display: flex;
  flex-direction: row;
  gap: 15px;
  align-items: center;
}

body.og-theme .main-columns-drag-section,
body.og-theme .main-editStats-section,
body.og-theme .main-viewer-section,
body.og-theme .main-calendar-section {
  background-color: var(--background);
  border: 1px solid var(--slight-contrast);
  box-shadow: none;
}

.main-columns-drag-section {
  margin-left: 14px;
  margin-right: 14px;
  background-color: var(--generals);
  color: var(--white-general);
  overflow-y: auto;
  border-radius: 10px;
  box-shadow: var(--shadow-s)
}

.attributes-panel {
  display: flex;
  flex-direction: row;
  gap: 20px;
}

.attributes-column {
  display: flex;
  flex-direction: column;
  gap: 10px;
  width: 100%;
}

.stats-graph {
  width: 30%;
  padding: 0px;
  height: 230px;
  transform: translateY(53px);
  border-left: 3px solid var(--separator-light);
}

.title-and-stats {
  display: flex;
  flex-direction: column;
  gap: 10px;
  width: 100%;
  padding: 18px 0px 10px 25px;
}

.stats-and-graph {
  display: flex;
  flex-direction: row;
  gap: 20px;
  width: 100%;
}



.attributes-title {
  font-size: 20px;
  color: var(--text-secondary);
}

.main-panel-stats,
.other-attributes-stats {
  display: flex;
  flex-direction: column;
  width: 100%;
  gap: 10px;
}

.stats-row {
  display: flex;
  flex-direction: row;
  gap: 15px;
  align-items: center;
}

.stats-row-separator {
  width: 2px;
  background-color: var(--separator-light);
  height: 63px;
}

.stats-row-separator-invisible {
  width: 2px;
  background-color: transparent;
  height: 60px;
  pointer-events: none;
  opacity: 0;
}

.extra-atributes {
  display: grid;
  width: 100%;
  grid-template-columns: repeat(3, 0.34fr);
  gap: 10px 15px;
}

.bottom-panel {
  display: flex;
  flex-direction: row;
}

.left-panel-stats {
  width: 100%;
}

.custom-hr {
  border: none;
  height: 2px;
  /* border: 1px solid var(--separator); */
  margin-left: 10px;
  margin-right: 10px;
  margin-top: 1rem;
  margin-bottom: 1rem;
  background-color: var(--separator);
}


.categoryPills,
.scriptPills,
.generalPills {
  padding: 6px 12px !important;
  border-radius: 10px !important;
}

.pill-types {
  display: flex;
  flex-direction: row;
  color: var(--text-general);
  font-size: 18px;
  width: 100%;
}

.pill-types .activeType {
  color: var(--white-general);
}


#editPills {
  position: absolute;
  z-index: 1;
  right: 350px;
  transition: color 0.15s;
}

#dataPills {
  z-index: 1 !important;
  padding-left: 144px;
  transition: color 0.15s;
}

#iaPills {
  z-index: 1 !important;
  padding-left: 36px;
  transition: color 0.15s;

}


#iaPills .pill-line {
  background-color: var(--mode-line-ai);
}


#dataPills .pill-line {
  background-color: var(--mode-line-view);
}


#editPills .pill-line {
  background-color: var(--mode-line-edit);
}

#predict_results,
#edit_stats,
#car_performance,
#driver_transfers,
#regulations,
#season_viewer,
#head2head_viewer,
#car_performance,
#season_mods,
#news {
  flex-direction: column;
}

#regulations .main-viewer-section.points-and-cfd{
  margin-left: 0px;
  flex-grow: 1;
}

#regulations .custom-input-number{
  padding: 0 3px;
}

#regulations .small-regulations .custom-input-number{
  max-width: 25px;
}

#regulations .main-viewer-section.small-regulations{
  width: 36%;
}

#regulations .main-viewer-section.small-regulations .viewer-element{
  height: 56px;
}

#regulations .regulations-main {
  flex: 1;
  min-height: 0;
  gap: 14px;
  max-height: calc(100% - 110px);
}

#regulations .regulations-panels {
  display: flex;
  gap: 14px;
  min-height: 0;
}

#regulations .regulations-panels .viewer-details {
  min-height: 0;
  flex: 1 1 0;
  min-width: 0;
}

#regulations .viewer-details {
  padding: 14px;
  display: flex;
  flex-direction: column;
  gap: 12px;
}

#regulations .viewer-title {
  font-family: 'Formula1Bold';
  font-size: 18px;
  color: var(--white-general);
}

#regulations .viewer-title-row {
  display: flex;
  align-items: center;
  gap: 12px;
  min-width: 0;
}

#regulations .viewer-element {
  background-color: var(--elements);
  border-radius: 10px;
  padding: 10px 12px;
  box-shadow: var(--shadow-s);
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}

#regulations .viewer-element-name {
  color: var(--text-secondary);
  font-size: 16px;
}

#regulations .viewer-element .stat-number {
  gap: 6px;
  margin: 0px !important;
}

#regulations .regulations-table-wrap {
  overflow-x: auto;
}

#regulations .regulations-grid {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 2px;
}

.regulations-grid-resources .regulations-grid-header,
.regulations-grid-resources .regulations-row,
.regulations-grid-points .regulations-grid-header,
.regulations-grid-points .regulations-row {
  justify-content: space-between;
}

#regulations .regulations-grid-header {
  display: flex;
  gap: 8px;
  padding: 0 10px 6px;
}

#regulations .regulations-grid-body {
  display: flex;
  flex-direction: column;
  gap: 6px;
}

#regulations .regulations-row {
  display: flex;
  gap: 8px;
  align-items: center;
  background-color: color-mix(in srgb, var(--background) 55%, transparent);
  border-radius: 8px;
  padding: 8px 10px;
}

#regulations .regulations-cell {
  color: var(--text-general);
}

#regulations .regulations-colheader {
  font-family: 'Formula1Bold';
  font-size: 12px;
  text-transform: uppercase;
  color: var(--text-secondary);
  white-space: nowrap;
}

#regulations .regulations-keycell {
  font-family: 'Formula1Bold';
  color: var(--white-general);
  white-space: nowrap;
  text-align: center;
  width: 45px;
  text-align: center;
  cursor: default;
}

#regulations #regPointSchemeBody input.custom-input-number,
#regulations #regResourcePackageBody input.custom-input-number,
.regulations-grid-resources .regulations-grid-header .regulations-colheader,
.regulations-grid-points .regulations-grid-header .regulations-colheader {
  width: 45px;
  text-align: center;
}

.wind-tunnel-header, .points-header {
  width: min-content !important;
}

#regulations #regSpendingCap.custom-input-number {
  max-width: 155px;
}

#regulations .regulations-switch.form-switch {
  padding-left: 0;
  display: flex;
  align-items: center;
}

.form-check{
  margin-bottom: 0px !important;
}

#regulations .regulations-switch .form-check-input {
  margin: 0;
}

#probText {
  padding-top: 2px;
  color: var(--text-general);
}

#probSelector {
  display: flex;
  align-items: center;
}

#raceProbButton,
#yearPredictionModalButton {
  margin-top: 0.45rem !important;
}

#probViewer {
  width: 100%;
  height: 660px;
  max-height: 660px;
}

#mainProb {
  width: 100%;
}

/*
DRIVERS TABLE
*/

.first {
  color: var(--table-first) !important;
}

.teams-table-row .teams-table-team {
  width: 9.4%;
  gap: 2px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
}

.teams-table-row .teams-table-team span {
  line-height: 1.03;
}

.teams-table-engine-name {
  color: var(--engine-table-name);
  display: block;
  text-transform: uppercase;
  font-size: 13px;
}

.teams-table-engine {
  display: flex;
  align-items: flex-end;
  gap: 3px;
}

.teams-table-engine-logo {
  width: 12px;
  height: 12px;
  object-fit: contain;
  flex: 0 0 auto;
}

.teams-table-row:hover .teams-table-engine-name {
  color: var(--engine-table-name-hover);
}

.drivers-table-row.odd:hover .first,
.drivers-table-row:hover .first,
.teams-table-row.odd:hover .first,
.teams-table-row:hover .first {
  background-color: var(--table-first) !important;
  color: var(--table-hover-text) !important;
}

.second {
  color: var(--table-second) !important;
}

.drivers-table-row.odd:hover .second,
.drivers-table-row:hover .second,
.teams-table-row.odd:hover .second,
.teams-table-row:hover .second {
  background-color: var(--table-second) !important;
  color: var(--table-hover-text) !important;
}

.third {
  color: var(--table-third) !important;
}

.drivers-table-row.odd:hover .third,
.drivers-table-row:hover .third,
.teams-table-row.odd:hover .third,
.teams-table-row:hover .third {
  background-color: var(--table-third) !important;
  color: var(--table-hover-text) !important;
}

.fastest {
  text-decoration: underline;
  text-decoration-color: #c90fd7;
  text-decoration-thickness: 2px;
  text-underline-offset: 2px;
}

.dotd::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 12%;
  height: 27%;
  border-top: 3px solid var(--positive-general);
  border-right: 3px solid var(--positive-general);
}

.dotd::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 12%;
  height: 27%;
  border-bottom: 3px solid var(--positive-general);
  border-left: 3px solid var(--positive-general);
}

/* 
.drivers-table-row:hover .dotd::before {
  border-bottom: 3px solid var(--table-hover-text);
  border-left: 3px solid var(--table-hover-text);
}

.drivers-table-row:hover .dotd::after {
  border-top: 3px solid var(--table-hover-text);
  border-right: 3px solid var(--table-hover-text);
} */



.drivers-table-header,
.teams-table-header {
  display: flex;
  flex-direction: row;
  color: var(--text-general);
  padding-top: 1px;
  background-color: var(--table-header);
  box-shadow: var(--shadow-s);
  border-top-right-radius: 10px;
  border-top-left-radius: 10px;

}

.drivers-table-row {
  display: flex;
  flex-direction: row;
  height: 30px;
}

.teams-table-row {
  display: flex;
  flex-direction: row;
  height: 60px;
}

.drivers-table-data,
.teams-table-data {
  overflow-y: auto;
  font-size: 15px;
  max-height: 80vh;
}

:not(.f2-table-data) .drivers-table-row:first-child .drivers-table-position,
:not(.f2-table-data) .teams-table-row:first-child .teams-table-position {
  background-color: var(--f1-first);
  color: var(--text-general);
}

.f2-table-data .drivers-table-row:first-child .drivers-table-position,
.f2-table-data .teams-table-row:first-child .teams-table-position {
  background-color: var(--f2-back);
  color: var(--text-general);
}

.f3-table-data .drivers-table-row:first-child .drivers-table-position,
.f3-table-data .teams-table-row:first-child .teams-table-position {
  background-color: var(--f3-back);
  color: var(--text-general);
}

.drivers-table-row:has(.drivers-table-position.champion) .drivers-table-position,
.teams-table-row:has(.teams-table-position.champion) .teams-table-position {
  border-left: 2px solid #FEDB37;
  background: linear-gradient(90deg, rgba(254, 219, 55, 0.35) 0%, var(--table-default-odd) 75%);
}

.drivers-table-row:has(.drivers-table-position.champion):hover .drivers-table-position,
.teams-table-row:has(.teams-table-position.champion):hover .teams-table-position {
  border-left: 2px solid #FEDB37;
  background: linear-gradient(90deg, rgba(254, 219, 55, 0.35) 0%, var(--text-general) 75%);
  color: var(--negative-text) !important;
}

.drivers-table-row:has(.drivers-table-position.champion) .drivers-table-points,
.teams-table-row:has(.teams-table-position.champion) .teams-table-points {
  border-right: 2px solid #FEDB37;
  background: linear-gradient(270deg, rgba(254, 219, 55, 0.35) 0%, var(--table-default-odd) 75%);
}

.drivers-table-row:has(.drivers-table-position.champion):hover .drivers-table-points,
.teams-table-row:has(.teams-table-position.champion):hover .teams-table-points {
  border-right: 2px solid #FEDB37;
  background: linear-gradient(270deg, rgba(254, 219, 55, 0.35) 0%, var(--text-general) 75%);
  color: var(--negative-text) !important;
}


.drivers-table-data::-webkit-scrollbar {
  width: 4px !important;
  margin-left: 4px;
}

.drivers-table-data::-webkit-scrollbar-thumb {
  background-color: var(--white-general);
  border-radius: 3px !important;
}

.drivers-table-data::-webkit-scrollbar-thumb:hover {
  background-color: var(--scrollbar-hover);
}


.drivers-table-row:hover .drivers-table-driver,
.drivers-table-row:hover .drivers-table-normal,
.teams-table-row:hover .teams-table-normal {
  background-color: var(--text-general);
  color: var(--negative-text);
}

.drivers-table-row.odd:hover .drivers-table-driver,
.drivers-table-row.odd:hover .drivers-table-normal,
.teams-table-row.odd:hover .teams-table-normal {
  background-color: var(--text-general);
  color: var(--negative-text);
}


.drivers-table-row:hover .drivers-table-position,
.teams-table-row:hover .teams-table-position,
.drivers-table-row-odd:hover .drivers-table-position,
.teams-table-row-odd:hover .teams-table-position,
.drivers-table-row.odd:hover .standings-pos-change,
.teams-table-row.odd:hover .standings-pos-change,
.drivers-table-row.odd:hover .standings-points-gap,
.teams-table-row.odd:hover .standings-points-gap {
  background-color: var(--text-general) !important;
  color: var(--negative-text) !important;
}

.drivers-table-row:hover .drivers-table-points,
.teams-table-row:hover .teams-table-points,
.drivers-table-row:hover .standings-pos-change,
.teams-table-row:hover .standings-pos-change,
.drivers-table-row:hover .standings-points-gap,
.teams-table-row:hover .standings-points-gap{
  background-color: var(--text-general) !important;
  color: var(--negative-text);
}

.drivers-table-row:hover .standings-pos-change.up,
.teams-table-row:hover .standings-pos-change.up {
  color: var(--positive-general-darker) !important;
}


.drivers-table-row:hover .standings-pos-change.down,
.teams-table-row:hover .standings-pos-change.down {
  color: var(--negative-general) !important;
}

.drivers-table-row:hover,
.teams-table-row:hover {
  cursor: pointer;
}

.drivers-table-row span.bold-font {
  color: var(--white-general);
}



.drivers-table-row:hover span.bold-font {
  color: var(--negative-text) !important;
}

.drivers-table-row .drivers-table-normal,
.teams-table-row .teams-table-normal,
.drivers-table-row .drivers-table-driver,
.drivers-table-row .drivers-table-points,
.drivers-table-row .drivers-table-position,
.drivers-table-row .drivers-table-logo-div,
.teams-table-row .standings-pos-change,
.teams-table-row .standings-points-gap,
.drivers-table-row .standings-pos-change,
.drivers-table-row .standings-points-gap {
  background-color: var(--table-default);
}

.drivers-table-row.odd .drivers-table-normal,
.teams-table-row.odd .teams-table-normal,
.drivers-table-row.odd .drivers-table-driver,
.drivers-table-row.odd .drivers-table-points,
.drivers-table-row.odd .drivers-table-position,
.drivers-table-row.odd .drivers-table-logo-div,
.drivers-table-row.odd .standings-pos-change,
.teams-table-row.odd .standings-pos-change,
.teams-table-row.odd .standings-points-gap,
.drivers-table-row.odd .standings-points-gap {
  background-color: var(--table-default-odd);
}

.teams-table-row .teams-table-team,
.teams-table-row .teams-table-points,
.teams-table-row .teams-table-position {
  background-color: var(--table-default)
}

.teams-table-row .teams-table-team {
  padding: 0 7px;
}

.teams-table-row.odd .teams-table-team,
.teams-table-row.odd .teams-table-points,
.teams-table-row.odd .teams-table-position {
  background-color: var(--table-default-odd);
}

.teams-table-row:hover .teams-table-team {
  background-color: var(--text-general);
  color: var(--negative-text);
  border-color: var(--text-general);
}

.drivers-table-normal[data-pos="DNF"] {
  color: var(--table-dnf);
}


.drivers-table-normal,
.teams-table-normal {
  flex: 1 0 0;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 14px;
  position: relative;
}

.teams-table-multi {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  gap: 2px 6px;
  width: 100%;
  line-height: 1.1;
}

.teams-table-multi-item {
  white-space: nowrap;
}

.f3-table-data .teams-table-multi-item {
  font-size: 12px;
}

.drivers-table-position,
.teams-table-position {
  width: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding-top: 3px;
  position: relative;
}

.drivers-table-data .drivers-table-points,
.teams-table-data .teams-table-points {
  padding-top: 3px;
}

#season_viewer {
  --standings-details-col-width: 0px;
}

#season_viewer.standings-details-enabled {
  --standings-details-col-width: 44px;
}

.drivers-table-header .standings-pos-change,
.teams-table-header .standings-pos-change,
.drivers-table-header .standings-points-gap,
.teams-table-header .standings-points-gap {
  font-family: "Formula1Bold" !important;
  padding-top: 0px !important;
}

.standings-pos-change,
.standings-points-gap {
  flex: 0 0 var(--standings-details-col-width);
  width: var(--standings-details-col-width);
  min-width: 0;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1px;
  font-size: 13px;
  line-height: 1;
  font-family: 'NumbersFont';
  padding-top: 0;
}


#season_viewer.standings-details-enabled .standings-pos-change,
#season_viewer.standings-details-enabled .standings-points-gap {
  padding-top: 3px;
}

.standings-pos-change.up {
  color: var(--positive-general);
}

.standings-pos-change.down {
  color: var(--negative-general);
}

.standings-pos-change.neutral {
  color: var(--text-secondary);
}

.standings-points-gap {
  color: var(--text-secondary);
}

.drivers-table-row:has(.drivers-table-points.eliminated) .standings-points-gap,
.teams-table-row:has(.teams-table-points.eliminated) .standings-points-gap {
  color: var(--table-dnf) !important;
}

#season_viewer.standings-details-enabled .drivers-table-row.last-title-contender {
  border-bottom: 1px solid var(--table-dnf);
}

#season_viewer.standings-details-enabled .teams-table-row.last-title-contender {
  border-bottom: 1px solid var(--table-dnf);
}

.drivers-table-data .drivers-table-position,
.teams-table-data .teams-table-position {
  font-family: 'NumbersBold' !important;
  font-size: 16px;
}

.drivers-table-data .drivers-table-points,
.teams-table-data .teams-table-points {
  font-family: 'NumbersBold' !important;
  font-size: 16px;
}


.drivers-table-header .drivers-table-position,
.teams-table-header .teams-table-position {
  padding-top: 0;
  padding-bottom: 1px;
}

.aston-team-table-logo {
  padding: 6px 0 !important;
}

.racingpoint-team-table-logo,
.jordan-team-table-logo {
  padding: 9px 4px !important;
}

.cadillac-team-table-logo {
  padding: 9px 5px !important;
}

.ferrari-team-table-logo {
  padding: 8px !important;
}

.mclaren-team-table-logo {
  margin-right: 3px !important;
}

.teams-table-logo-inner.mclaren-team-table-logo:not(img) {
  -webkit-mask: url(/f1m-editor/assets/images/mclaren.svg) no-repeat center;
  mask: url(/f1m-editor/assets/images/mclaren.svg) no-repeat center;
  -webkit-mask-size: 90%;
  mask-size: 90%;
  background-color: #f0f0f0;
}

.redbull-team-table-logo {
  padding: 13px 0px !important;
}

.ford-team-table-logo {
  padding: 10px 4px !important;
}

.merc-team-table-logo {
  padding: 9px !important;
}

.alpine-team-table-logo {
  padding: 13px 2px !important
}

.williams-team-table-logo {
  padding: 2px!important;
}

.haas-team-table-logo {
  padding: 7px !important;
}

.stake-team-table-logo {
  padding: 3px !important;
}

.alphatauri-team-table-logo {
  padding: 15px 9px !important;
}

.hugo-team-table-logo {
  padding: 5px 1px !important;
}

.toyota-team-table-logo {
  padding: 13px 8px !important;
}

.teams-table-logo-inner.toyota-team-table-logo:not(img) {
  -webkit-mask: url(/f1m-editor/assets/images/toyota.svg) no-repeat center;
  mask: url(/f1m-editor/assets/images/toyota.svg) no-repeat center;
  -webkit-mask-size: contain;
  mask-size: contain;
  background-color: var(--white-general);
  width: 48px;
}

.porsche-team-table-logo {
  padding: 11px !important;
}

.brawn-team-table-logo {
  padding: 24px 6px !important;
}

.audi-team-table-logo {
  padding: 20px 5px !important;
}

.custom-team-table-logo {
  padding: 1px !important;
}

.drivers-table-logo {
  width: 30px;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 1;
  transition: opacity 0.15s;
}

.teams-table-logo {
  width: 60px;
  height: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: border-height 0.15s;
  position: relative;
  z-index: 1;
}


.teams-table-logo-inner {
  width: 60px;
  height: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 5px;
  position: relative;
  z-index: 1;
}

.junior-team-logo-driver{
  width: 30px;
  height: 30px;
}

.junior-team-logo-team{
  width: 60px;
}

.team-logo-abbr {
  font-family: 'Formula1Bold';
  font-size: 12px;
  letter-spacing: 0.5px;
  color: #f5f5f5;
  text-transform: uppercase;
  width: 30px;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

/*
phm
*/
.team-logo-abbr:has(.junior-team-logo-driver[data-teamid="17"]) img,  .team-logo-abbr:has(.junior-team-logo-driver[data-teamid="31"]) img{ 
  padding: 7px 0;
  width: 32px;
}



/* mp */
.team-logo-abbr:has(.junior-team-logo-driver[data-teamid="16"]) img, .team-logo-abbr:has(.junior-team-logo-driver[data-teamid="27"]) img { 
  width: 38px;
  padding: 3px 0px;
}

.junior-formula-logo img[data-junior-team-id="16"], .junior-formula-logo img[data-junior-team-id="27"] {
  width: 38px;
}


/* carlin*/
.team-logo-abbr:has(.junior-team-logo-driver[data-teamid="13"]) img, .team-logo-abbr:has(.junior-team-logo-driver[data-teamid="29"]) img { 
  padding: 0px;
}

.junior-formula-logo img[data-junior-team-id="13"], .junior-formula-logo img[data-junior-team-id="29"] {
  padding: 0px
}

.team-logo-abbr:has(.junior-team-logo-team[data-teamid="13"]) img, .team-logo-abbr:has(.junior-team-logo-team[data-teamid="29"]) img { 
  width: 55px;
}

/*trident*/
.team-logo-abbr:has(.junior-team-logo-driver[data-teamid="21"]) img, .team-logo-abbr:has(.junior-team-logo-driver[data-teamid="23"]) img {
  width: 45px;
}

.junior-formula-logo img[data-junior-team-id="21"], .junior-formula-logo img[data-junior-team-id="23"] {
  width: 40px;
}


/* art */
.team-logo-abbr:has(.junior-team-logo-driver[data-teamid="15"]) img, .team-logo-abbr:has(.junior-team-logo-driver[data-teamid="24"]) img {
  width: 38px;
}

.junior-formula-logo img[data-junior-team-id="15"], .junior-formula-logo img[data-junior-team-id="24"] {
  width: 34px;
}


/*hitech*/
.team-logo-abbr:has(.junior-team-logo-driver[data-teamid="14"]) img, .team-logo-abbr:has(.junior-team-logo-driver[data-teamid="25"]) img {
  width: 38px;
}

.junior-formula-logo img[data-junior-team-id="14"], .junior-formula-logo img[data-junior-team-id="25"] {
  width: 34px;
}

.team-logo-abbr:has(.junior-team-logo-team[data-teamid="14"]) img, .team-logo-abbr:has(.junior-team-logo-team[data-teamid="25"]) img {
  width: 74px;
}

/* var */
.team-logo-abbr:has(.junior-team-logo-driver[data-teamid="20"]) img, .team-logo-abbr:has(.junior-team-logo-driver[data-teamid="26"]) img {
  width: 38px;
}

.junior-formula-logo img[data-junior-team-id="20"], .junior-formula-logo img[data-junior-team-id="26"] {
  width: 32px;
}


/* prema */
.team-logo-abbr:has(.junior-team-logo-driver[data-teamid="11"]) img, .team-logo-abbr:has(.junior-team-logo-driver[data-teamid="22"]) img {
  padding: 6px 2px;
}

.junior-formula-logo img[data-junior-team-id="11"], .junior-formula-logo img[data-junior-team-id="22"] {
  padding: 3px 1px;
}

/* campos */
.team-logo-abbr:has(.junior-team-logo-driver[data-teamid="19"]) img, .team-logo-abbr:has(.junior-team-logo-driver[data-teamid="28"]) img {
  width: 38px;
}

.junior-formula-logo img[data-junior-team-id="19"], .junior-formula-logo img[data-junior-team-id="28"] {
  width: 30px;
}

/* invicta */
.team-logo-abbr:has(.junior-team-logo-driver[data-teamid="12"]) img {
  width: 42px;
}

.junior-formula-logo img[data-junior-team-id="12"] {
  width: 32px;
}


/* dams */
.team-logo-abbr:has(.junior-team-logo-driver[data-teamid="18"]) img {
  width: 36px;
}


/* jenzer */
.team-logo-abbr:has(.junior-team-logo-driver[data-teamid="30"]) img {
  width: 38px;
}

.driver-space:not(.affiliates-space) .junior-formula-logo{
  display: none;
}

.junior-formula-logo {
  width: 26px;
  height: 22px;
  display: flex;
  justify-content: center;
}

.junior-formula-logo img{
  width: 26px;
  height: 22px;
}

.junior-formula-logo.f2-team{
  padding-left: 2px;
  border-left: 2px solid var(--f2-back);
}

.junior-formula-logo.f3-team{
  padding-left: 4px;
  border-left: 2px solid var(--f3-back);
}

.team-logo-abbr-small {
  font-size: 11px;
}

.team-logo-abbr-large {
  font-size: 14px;
}


.drivers-table-logo {
  padding: 0px 2px;
}

.logo-up-down,
.logo-lotus-table {
  padding: 5px 0;
}

.logo-up-down-little {
  padding: 2px 1px;
}

.logo-up-down-mid {
  padding: 6px 0px;
}

.logo-up-down-extra {
  padding-top: 10px;
  padding-bottom: 10px;
}

.bento-grid .logo-up-down-extra, .session-results-table .logo-up-down-extra {
  padding-top: 8px;
  padding-bottom: 8px;
}

.records-list .logo-up-down-extra {
  padding-top: 12px;
  padding-bottom: 12px;
}

.bento-grid .logo-ferrari-table{
  padding: 4px;
}

.logo-ferrari-table{
  padding: 5px;
}

.logo-andretti-table,
.logo-renault-table {
  padding: 4px 3px;
}

.logo-bmw-table{
  padding: 2px 0 0 0;
}

.bmw-team-table-logo {
  padding: 4px 3px 1px 3px !important;
}

.logo-porsche-table {
  padding: 5px;
}

.bento-grid .logo-porsche-table{
  padding: 4px;
}

.bento-grid .logo-sauber-table, .session-results-row .logo-sauber-table {
  width: 16px !important;
}

.bento-grid .logo-toyota-table{
  width: 20px !important;
}

.session-results-row .logo-toyota-table {
  width: 22px !important;
}

.session-results-row .logo-ferrari-table{
  padding: 4px !important;
}

.bento-grid .logo-cadillac-table, .session-results-row .logo-cadillac-table {
  padding: 1px 0px;
}

.logo-ford-table,
.logo-jordan-table,
.logo-cadillac-table {
  padding: 4px 2px;
}

.logo-racingpoint-table{
  padding: 4px;
}

.logo-williams-table {
  padding: 6px 4px;
}

.logo-toyota-table{
  width: 24px;
}

.logo-sauber-table{
  height: 20px;
}

.drivers-table-row .hahoverback, .drivers-table-row .afhoverback{
  width: 30px !important;
  height: 30px;
}


.drivers-table-logo-div:has(.logo-sauber-table),
.drivers-table-logo-div:has(.logo-toyota-table){
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24px;
}

.logo-merc-table {
  padding: 4px;
}


.wihoverback {
  width: 30px;
  height: 30px;
}

.wihoverback:has(.logo-williams-2026-table) {
  padding: 0px 0px;
}

.athoverback {
  width: 30px;
  height: 30px;
}

.athoverback:has(.logo-visarb-table) {
  padding: 5px 3px;
}

.athoverback:has(.logo-hugo-table) {
  padding: 2px 0px;
}

.athoverback:has(.logo-alphatauri-table) {
  padding: 8px 4px;
}

.athoverback:has(.logo-brawn-table) {
  padding: 12px 0px;
}


.logo-visarb-table {
  width: 100%;
  height: 100%;
  -webkit-mask: url(/f1m-editor/assets/images/visarb.svg) no-repeat center;
  mask: url(/f1m-editor/assets/images/visarb.svg) no-repeat center;
  -webkit-mask-size: contain;
  mask-size: contain;
  background-color: var(--text-general);
}

.logo-hugo-table {
  width: 100%;
  height: 100%;
  -webkit-mask: url(/f1m-editor/assets/images/hugoboss.svg) no-repeat center;
  mask: url(/f1m-editor/assets/images/hugoboss.svg) no-repeat center;
  -webkit-mask-size: contain;
  mask-size: contain;
  background-color: var(--text-general);
}


.logo-alphatauri-table {
  width: 100%;
  height: 100%;
  -webkit-mask: url(/f1m-editor/assets/images/alphatauri.svg) no-repeat center;
  mask: url(/f1m-editor/assets/images/alphatauri.svg) no-repeat center;
  -webkit-mask-size: contain;
  mask-size: contain;
  background-color: var(--text-general);
}

.logo-brawn-table {
  width: 100%;
  height: 100%;
  -webkit-mask: url(/f1m-editor/assets/images/brawn.svg) no-repeat center;
  mask: url(/f1m-editor/assets/images/brawn.svg) no-repeat center;
  -webkit-mask-size: contain;
  mask-size: contain;
  background-color: var(--text-general);
}

.logo-alpine-table {
  width: 100%;
  height: 100%;
  -webkit-mask: url(/f1m-editor/assets/images/alpine.svg) no-repeat center;
  mask: url(/f1m-editor/assets/images/alpine.svg) no-repeat center;
  -webkit-mask-size: contain;
  mask-size: contain;
  background-color: var(--text-general);
}

.logo-mclaren-table {
  -webkit-mask: url(/f1m-editor/assets/images/mclaren.svg) no-repeat center;
  mask: url(/f1m-editor/assets/images/mclaren.svg) no-repeat center;
  -webkit-mask-size: 75%;
  mask-size: 75%;
  background-color: var(--mclaren-primary);
}

.logo-williams-2026-table {
  width: 100%;
  height: 100%;
  -webkit-mask: url(/f1m-editor/assets/images/Williams_2026_logo.svg) no-repeat center;  
  mask: url(/f1m-editor/assets/images/Williams_2026_logo.svg) no-repeat center;
  -webkit-mask-size: contain;
  mask-size: contain;
  background-color: var(--williams-primary);
}

.logo-toyota-table {
  -webkit-mask: url(/f1m-editor/assets/images/toyota.svg) no-repeat center;
  mask: url(/f1m-editor/assets/images/toyota.svg) no-repeat center;
  -webkit-mask-size: contain;
  mask-size: contain;
  background-color: var(--toyota-primary);
}

.logo-sauber-table {
  -webkit-mask: url(/f1m-editor/assets/images/sauber.svg) no-repeat center;
  mask: url(/f1m-editor/assets/images/sauber.svg) no-repeat center;
  -webkit-mask-size: contain;
  mask-size: contain;
  background-color: var(--sauber-primary);
}

.alhoverback {
  width: 30px;
  height: 30px;
}

.alhoverback:has(.logo-alpine-table) {
  padding: 6px 2px;
}

.alhoverback:has(.logo-andretti-table),
.alhoverback:has(.logo-renault-table) {
  padding: 4px 3px
}

.alhoverback:has(.logo-lotus-table) {
  padding: 5px 0px;
}


.logo-andretti-table {
  width: 100%;
  height: 100%;
  -webkit-mask: url(/f1m-editor/assets/images/andretti.svg) no-repeat center;
  mask: url(/f1m-editor/assets/images/andretti.svg) no-repeat center;
  -webkit-mask-size: contain;
  mask-size: contain;
  background-color: var(--text-general);
}

.logo-renault-table {
  width: 100%;
  height: 100%;
  -webkit-mask: url(/f1m-editor/assets/images/renault.svg) no-repeat center;
  mask: url(/f1m-editor/assets/images/renault.svg) no-repeat center;
  -webkit-mask-size: contain;
  mask-size: contain;
  background-color: var(--text-general);
}

.logo-lotus-table {
  width: 100%;
  height: 100%;
  -webkit-mask: url(/f1m-editor/assets/images/lotus.svg) no-repeat center;
  mask: url(/f1m-editor/assets/images/lotus.svg) no-repeat center;
  -webkit-mask-size: contain;
  mask-size: contain;
  background-color: var(--text-general);
}

.drivers-table-row:hover .logo-alpine-table,
.drivers-table-row:hover .logo-mclaren-table,
.drivers-table-row:hover .logo-visarb-table,
.drivers-table-row:hover .logo-alphatauri-table,
.drivers-table-row:hover .logo-williams-2026-table,
.drivers-table-row:hover .logo-toyota-table,
.drivers-table-row:hover .logo-sauber-table {
  background-color: #f0f0f0;
}

.drivers-table-row:hover .logo-renault-table,
.drivers-table-row:hover .logo-lotus-table,
.drivers-table-row:hover .logo-andretti-table,
.drivers-table-row:hover .logo-lotus-table,
.drivers-table-row:hover .logo-brawn-table {
  background-color: #333333;
}

.logo-reduce {
  padding: 4px;
}




.logo-stake-table {
  padding: 2px 0px;
}


.drivers-table-header .drivers-table-position,
.teams-table-header .teams-table-position {
  border-top-left-radius: 5px;
}

.drivers-table-driver,
.teams-table-team {
  width: calc(9.4% + 60px);
  display: flex;
  align-items: center;
  padding-left: 4px;
}

.drivers-table-row .drivers-table-driver {
  width: calc(9.4% + 30px);
  border-right: 0px solid transparent;
  gap: 3px;
  overflow: hidden;
}



.drivers-table-points,
.teams-table-points {
  width: 80px;
  display: flex;
  justify-content: center;
  align-items: center;

}

.drivers-table-header .drivers-table-points,
.teams-table-header .teams-table-points {
  border-top-right-radius: 5px;
}


.drivers-table-row:hover .fehoverback {
  background-color: var(--ferrari-primary)
}

.teams-table-row .feiconback {
  background-color: var(--ferrari-primary)
}

.feNewBackground {
  background-color: var(--ferrari-primary);
}

.drivers-table-row:hover .ashoverback {
  background-color: var(--aston-primary)
}

.teams-table-row .asiconback {
  background-color: var(--aston-primary)
}

.asNewBackground {
  background-color: var(--aston-primary);
}

.drivers-table-row:hover .mehoverback {
  background-color: var(--mercedes-primary)
}

.teams-table-row .meiconback {
  background-color: var(--mercedes-primary)
}

.meNewBackground {
  background-color: var(--mercedes-primary);
}

.drivers-table-row:hover .rbhoverback {
  background-color: var(--redbull-primary)
}

.teams-table-row .rbiconback {
  background-color: var(--redbull-primary)
}

.rbNewBackground {
  background-color: var(--redbull-primary);
}

.drivers-table-row:hover .mchoverback {
  background-color: var(--mclaren-primary)
}

.teams-table-row .mciconback {
  background-color: var(--mclaren-primary)
}

.mcNewBackground {
  background-color: var(--mclaren-primary);
}


.drivers-table-row:hover .alhoverback {
  background-color: var(--alpine-primary)
}

.teams-table-row .aliconback {
  background-color: var(--alpine-primary)
}

.alNewBackground {
  background-color: var(--alpine-primary);
}

.drivers-table-row:hover .hahoverback {
  background-color: var(--haas-primary)
}

.teams-table-row .haiconback {
  background-color: var(--haas-primary)
}

.haNewBackground {
  background-color: var(--haas-primary);
}

.drivers-table-row:hover .wihoverback {
  background-color: var(--williams-primary)
}

.teams-table-row .wiiconback {
  background-color: var(--williams-primary)
}

.wiNewBackground {
  background-color: var(--williams-primary);
}

.drivers-table-row:hover .athoverback {
  background-color: var(--alphatauri-primary)
}

.teams-table-row .aticonback {
  background-color: var(--alphatauri-primary)
}

.athNewBackground {
  background-color: var(--alphatauri-primary);
}

.drivers-table-row:hover .afhoverback {
  background-color: var(--alfa-primary)
}

.teams-table-row .aficonback {
  background-color: var(--alfa-primary)
}

.afNewBackground {
  background-color: var(--alfa-primary);
}

.teams-table-row .cticonback {
  background-color: var(--custom-team-primary)
}

.drivers-table-row:hover .cthoverback {
  background-color: var(--custom-team-primary)
}

.ctNewBackground {
  background-color: var(--custom-team-primary);
}

body.light-theme .drivers-table:has(.f2-table-data) .drivers-table-row .drivers-table-logo-div,
body.light-theme .drivers-table:has(.f3-table-data) .drivers-table-row .drivers-table-logo-div {
  background-color: var(--white-general);
}

.drivers-table-row:hover .prehoverback {
  background-color: #ebebeb !important;
}

.teams-table-row .preiconback {
  background-color: #ebebeb;
}

.drivers-table-row:hover .virhoverback {
  background-color: #2a2a2a !important;
}

.teams-table-row .viriconback {
  background-color: #2a2a2a;
}

.drivers-table-row:hover .carhoverback {
  background-color: #1b6fe0 !important;
}

.teams-table-row .cariconback {
  background-color: #1b6fe0;
}

.drivers-table-row:hover .hithoverback {
  background-color: #9FB4C7 !important;
}

.teams-table-row .hiticonback {
  background-color: #9FB4C7;
}

.drivers-table-row:hover .arthoverback {
  background-color: #2b2d42 !important;
}

.teams-table-row .articonback {
  background-color: #2b2d42;
}

.drivers-table-row:hover .mphoverback {
  background-color: #FF9144 !important;
}

.teams-table-row .mpiconback {
  background-color: #FF9144;
}

.drivers-table-row:hover .phmhoverback {
  background-color: #793118 !important;
}

.teams-table-row .phmiconback {
  background-color: #793118;
}

.drivers-table-row:hover .damhoverback {
  background-color: #00C8FF !important;
}

.teams-table-row .damiconback {
  background-color: #00C8FF;
}

.drivers-table-row:hover .camhoverback {
  background-color: #707070 !important;
}

.teams-table-row .camiconback {
  background-color: #707070;
}

.drivers-table-row:hover .varhoverback {
  background-color: #FF5A00 !important;
}

.teams-table-row .variconback {
  background-color: #FF5A00;
}

.drivers-table-row:hover .trihoverback {
  background-color: #7B01FF !important;
}

.teams-table-row .triiconback {
  background-color: #7B01FF;
}

.drivers-table-row:hover .jenhoverback {
  background-color: #00C8FF !important;
}

.teams-table-row .jeniconback {
  background-color: #00C8FF;
}

.new-team-logo {
  max-width: 50%;
  align-self: center;
  max-height: 60%;
}

.new-team-name {
  text-transform: uppercase;
  font-size: 36px;
}

.new-drivers-names {
  font-size: 28px;
}

.new-vs {
  font-size: 22px;
  font-family: 'Formula1';
  padding: 0px 4px 4px 4px;
  position: relative;
}



.new-team-text {
  align-self: center;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  line-height: 1;
}

.driver-comparison-overlay {
  display: flex;
  height: 100%;
  justify-content: center;
}

.prob-viewer-data {
  overflow-y: scroll;
  max-height: 621px;
}

.prob-viewer-header,
.prob-viewer-row {
  display: flex;
  flex-direction: row;
  color: var(--text-general);
}

.prob-row-odd {
  background-color: var(--elements);
}

.prob-row-even {
  background-color: var(--superficials);
}

.negative-text:hover {
  color: var(--negative-text) !important;
}

.dark-text:hover {
  color: var(--dark-text) !important;
}

.prob-viewer-header .viewer-header-data,
.prob-viewer-row .viewer-header-data {
  margin-left: 4px;
  z-index: 3;
}

.prob-viewer-header {
  border-bottom: 1px solid var(--white-general);
}

.viewer-header-driver {
  width: 210px;
  padding: 0px 7px;
  height: 34px;
  display: flex;
  align-items: center;
  transition: background-color 0.15s, color 0.15s, text-shadow 0.15s;
  z-index: 3;
  overflow: hidden;
}

.prob-viewer-row {
  transition: background-color 0.15s, color 0.15s;
  position: relative;
}

.prob-viewer-row:hover {
  background-color: var(--dropdown-hover);
  cursor: pointer;
}

.prob-viewer-row .viewer-header-driver span.bold-font {
  transition: background-color 0.15s, color 0.15s;
  margin-left: 4px;
}

.prob-viewer-row .viewer-header-driver span {
  transition: background-color 0.15s, color 0.05s;
}


.prob-viewer-row .viewer-header-driver span.bold-font {
  transition: color 0.15s;
}


.prob-viewer-row .viewer-header-position {
  transition: background-color 0.15s, color 0.15s;
  padding-top: 4px;
  text-align: center;
}


.viewer-header-position {
  width: 50px;
  text-align: center;
  padding-top: 4px;
  z-index: 3;
  transition: text-shadow 0.15s;
}

.viewer-header-pos,
.viewer-header-data {
  flex: 1 0 0;
  text-align: center;
  /* background-color: wheat; */
}

.viewer-header-pos {
  padding-top: 4px;
  padding-left: 4px;
}

.viewer-header-data {
  border-radius: 5px;
  color: var(--negative-text);
  transition: border 0.15s;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 28px;
  margin-top: 3px;
}

.viewer-header-data.i75-100 {
  background-color: var(--positive-general);
  transition: background-color 0.15s, color 0.15s, text-shadow 0.15s;
}

.prob-viewer-row:hover .viewer-header-data.i75-100 {
  background-color: transparent;
  color: var(--positive-general);
  text-shadow: 1px 1px 0 black;
}

.viewer-header-data.i50-75 {
  background-color: #7adfac;
  transition: background-color 0.15s, color 0.15s, text-shadow 0.15s;
}

.prob-viewer-row:hover .viewer-header-data.i50-75 {
  background-color: transparent;
  color: #7adfac;
  text-shadow: 1px 1px 0 black;
}

.viewer-header-data.i25-50 {
  background-color: #a2dfc0;
  transition: background-color 0.15s, color 0.15s, text-shadow 0.15s;
}

.prob-viewer-row:hover .viewer-header-data.i25-50 {
  background-color: transparent;
  color: #a2dfc0;
  text-shadow: 1px 1px 0 black;
}

.viewer-header-data.i0-25 {
  background-color: #c5e7d6;
  transition: background-color 0.15s, color 0.15s, text-shadow 0.15s;
}

.prob-viewer-row:hover .viewer-header-data.i0-25 {
  background-color: transparent;
  color: #c5e7d6;
  text-shadow: 1px 1px 0 black;
}

.save-selector-title {
  color: var(--text-general);
  transition: color 0.15s;
}

.save-selector-title.activeSelected {
  color: var(--white-general) !important;
}

.confirm-section {
  margin-left: 20px;
  margin-right: 20px;
  margin-bottom: 20px;
  margin-top: 15px;
  background-color: var(--tools-general);
  border: 1px solid var(--separator);
  border-radius: 10px;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  min-height: 276px;
}

.custom-confirm {
  width: 140px;
  border: 2.5px solid transparent !important;
  border-left: 0px !important;
  border-right: 0px !important;
  border-radius: 10px !important;
  color: var(--white-general) !important;
  transition: border-color 0.15s, background-color 0.15s, color 0.15s !important;
  background-color: transparent !important;
}

.custom-confirm::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: radial-gradient(ellipse 70% 150% at center bottom, var(--new-primary), transparent 70%);
  opacity: 0;
  transition: opacity 0.25s ease;
  transition-delay: 0.15s;
  pointer-events: none;
  z-index: -1;
}

.custom-confirm:hover::before {
  opacity: 1;
}

.custom-confirm:not(:hover)::before {
  transition-delay: 0s;
  /* No delay when not hovering */
}

.custom-confirm+.dropdown-line {
  width: 0%;
  background-color: var(--new-primary);
}

.custom-confirm:hover+.dropdown-line {
  width: 100%;
}

.extra-inputs {
  margin-bottom: 20px !important;
  margin-top: 20px !important;
}


.custom-delete {
  width: 140px;
  border: 2.5px solid transparent !important;
  border-left: 0px !important;
  border-right: 0px !important;
  border-radius: 10px !important;
  color: var(--white-general) !important;
  transition: border-color 0.15s, background-color 0.15s, color 0.15s !important;
  background-color: transparent !important;
  display: flex;
  justify-content: center;
}

.custom-delete::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: radial-gradient(ellipse 70% 150% at center bottom, var(--negative-general), transparent 70%);
  opacity: 0;
  transition: opacity 0.25s ease;
  transition-delay: 0.15s;
  pointer-events: none;
  z-index: -1;
}

.custom-delete:hover::before {
  opacity: 1;
}

.custom-delete:not(:hover)::before {
  transition-delay: 0s;
  /* No delay when not hovering */
}

.custom-delete+.dropdown-line {
  width: 0%;
  background-color: var(--negative-general);
}

.custom-delete:hover+.dropdown-line {
  width: 100%;
}

.delete-mode:not(:hover) {
  background-color: transparent !important;
  color: var(--negative-general) !important;
}

.delete-mode:not(:hover) .dropdown-line {
  width: 0%;
}

.trash-and-text {
  display: flex;
  flex-direction: row;
  gap: 10px;
  align-items: center;
  font-size: 18px;
}

.trash-and-text:hover {
  cursor: pointer;
}

.main-viewer-section {
  margin-left: 14px;
  margin-right: 14px;
  background-color: var(--generals);
  color: var(--white-general);
  overflow: hidden;
  border-radius: 10px;
  box-shadow: var(--shadow-s);
}


.year-drivers-teams {
  padding-top: 0.6rem;
  padding-bottom: 0.7rem;
  position: absolute;
  display: flex;
  gap: 10px;
}

.prediction-buttons {
  padding-top: 0.6rem;
  padding-bottom: 0.7rem;
  position: absolute;
  display: flex;
}

.year-and-race {
  display: flex;
  flex-direction: row;
  gap: 10px;
}

.drivers-teams-pills {
  display: flex;
  align-items: flex-end;
}

.modal-buttons {
  gap: 10px;
  display: flex;
}

.team-table-logo-name {
  display: flex;
  align-items: center;
  gap: 7px;
  border-right: 4px solid transparent;
  transition: border 0.15s;
  width: 100%;
  height: 100%;
}

.flag-header {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 5px;
}

.flag-header img {
  width: 100%;
  height: 33px;
}

.text-in-front {
  position: absolute;
  z-index: 4;
  color: var(--text-in-front);
  text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
  font-size: 15px;
  background: linear-gradient(to right, var(--background), color-mix(in srgb, var(--background) 60%, transparent));
  width: 100%;
  height: 100%;
  align-content: center;
}

.drivers-table:has(.f2-table-data) .sprint-label,
.teams-table:has(.f2-table-data) .sprint-label {
  color: var(--f2-border);
}

.sprint-result-cell{
  box-sizing: border-box;
  border-left: 1px solid var(--table-dnf);
}

.drivers-table:has(.f2-table-data) .standings-points-gap,
.teams-table:has(.f2-table-data) .standings-points-gap, 
.drivers-table:has(.f3-table-data) .standings-points-gap,
.teams-table:has(.f3-table-data) .standings-points-gap{
  border-left: 1px solid var(--table-dnf);
}


.drivers-table:has(.f3-table-data) .sprint-label,
.teams-table:has(.f3-table-data) .sprint-label {
  color: var(--f3-border);
}

.light-theme .drivers-table-header .flag-header img,
.light-theme .teams-table-header .flag-header img {
  opacity: 0.85 !important;
}

.light-theme .text-in-front {
  background: transparent;
}

.main-calendar {
  width: 100%;
  margin-right: 14px;
}

.main-calendar-section {
  margin-left: 14px;
  color: var(--white-general);
  min-height: 660px;
  max-height: 660px;
  overflow-y: auto;
  border-radius: 10px;
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 8px;
  overflow-x: hidden;
  grid-auto-rows: min-content;
}


.main-options-section {
  margin-left: 1.5rem;
  margin-right: 14px;
  border: 1px solid var(--separator);
  color: var(--white-general);
  min-height: 660px;
  max-height: 660px;
  overflow-y: auto;
  border-radius: 10px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
}

.save-calendar-section {
  height: 530px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-end;
}

.buttons-h2h {
  display: flex;
  gap: 10px;
}

#driver1Button,
#driver2Button {
  display: flex;
  flex-direction: row;
  align-items: center;
}

.race-calendar {
  position: relative;
  background-color: var(--elements);
  border-radius: 10px;
  padding: 8px;
  color: var(--text-general);
  transition: border-color 0.15s, color 0.15s, background-color 0.15s;
  display: flex;
  cursor: grab !important;
  max-height: 112px;
  gap: 8px;
  box-shadow: var(--shadow-s);
  justify-content: space-between;
  border: none;
}

.race-calendar.completed {
  cursor: default !important;
}

.race-calendar.drop-before {
  box-shadow: var(--shadow-s);
}

.race-calendar.drop-after {
  box-shadow: var(--shadow-s);
}

.race-series-badges {
  position: absolute;
  top: 6px;
  left: 6px;
  cursor: pointer;
  display: flex;
  gap: 4px;
  z-index: 2;
}

.race-series-badge {
  border: none;
  border-radius: 6px;
  padding: 2px 5px;
  font-size: 12px;
  background-color: var(--elements-hover);
  color: var(--text-secondary);
  cursor: default;
  box-shadow: var(--shadow-xs);
  transition: background-color 0.15s, color 0.15s;
}

.race-series-badge:hover {
  background-color: var(--table-hover);
  color: var(--text-general);
}

.race-series-badge:active {
  transform: scale(0.96);
}

.race-series-badge-f2.active-badge {
  color: var(--f2-back);
  background-color: color-mix(in srgb, var(--f2-back) 30%, transparent);
}

.race-series-badge-f2.active-badge:hover {
  color: var(--f2-border);
  background-color: color-mix(in srgb, var(--f2-border) 30%, transparent);
}

.race-series-badge-f3.active-badge {
  color: var(--f3-back);
  background-color: color-mix(in srgb, var(--f3-back) 30%, transparent);
}

.race-series-badge-f3.active-badge:hover {
  color: var(--f3-border);
  background-color: color-mix(in srgb, var(--f3-border) 30%, transparent);
}

.race-calendar-number {
  border-right: 2px solid var(--separator);
  font-size: 30px;
  display: flex;
  align-items: center;
  width: 20%;
  justify-content: center;
  padding-right: 12px;
}

.race-calendar-number-completed {
  color: var(--positive-general);
  font-size: 34px;
}

.race-calendar-number-delete {
  color: var(--delete-div);
  cursor: pointer;
  font-size: 28px;
}

.race-calendar-number-delete i {
  border-radius: 8px;
  transition: background-color 0.15s;
  padding: 0 4px;
}

.race-calendar-number-delete i:hover {
  background-color: color-mix(in srgb, var(--delete-div) 30%, transparent);
}

.upper-text-and-flag {
  display: flex;
  flex-direction: row;
  justify-content: center;
  position: relative;
  align-items: center;
  width: 95px;
}

.left-race {
  gap: 4px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.right-race {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 2px;
}

.full-quali-weather {
  display: flex;
  flex-direction: row;
  gap: 4px;
  justify-content: space-between;
}

.session-name {
  font-size: 20px;
}

.weather-vis {
  width: 30px;
  height: 30px;
  border-radius: 10px;
  background-color: var(--superficials);
  border: none;
  font-size: 19px;
  text-align: center;
}

.weather-selector {
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-left: 5px;
  font-size: 20px;
  padding-top: 2px;
  gap: 4px;
}

.weather-selector i {
  cursor: pointer;
}


.race-calendar:not(.completed):hover {
  color: var(--white-general);
  background-color: var(--elements-hover);
}

.race-calendar.completed,
.race-calendar.completed:hover {
  color: var(--text-general);
  background-color: var(--elements);
  border: none;
  box-shadow: var(--shadow-s);
}

.race-calendar.completed .left-race,
.race-calendar.completed .right-race,
.race-calendar.completed .race-series-badges {
  pointer-events: none;
}

.pit-crew-button {
  width: 100px;
}

.pit-crew-group {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  gap: 10px;
}

.pit-crew-details {
  display: flex;
  flex-direction: column;
  color: var(--text-general);
  gap: 5px;
}

.pit-crew-stat {
  width: 23%;
}

.complete-div {
  position: absolute;
  top: -1px;
  left: -1px;
  width: 100.9%;
  height: 101.9%;
  background-color: var(--blur-color);
  z-index: 20;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 10px;
  color: var(--positive-general);
  transition: color 0.15s, border-color 0.15s;
  cursor: default;
  backdrop-filter: blur(5px);
}

.race-calendar.completed:hover {
  border-color: transparent;
}

.delete-div {
  position: absolute;
  top: -1px;
  left: -1px;
  width: 100.9%;
  height: 101.9%;
  background-color: var(--blur-color);
  z-index: 20;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 10px;
  color: var(--text-general);
  transition: color 0.15s, border-color 0.15s;
  cursor: default;
  backdrop-filter: blur(5px);
  border: none;
}

.delete-div:hover {
  color: var(--delete-div);
}



.upper-race {
  font-size: 24px;
  display: flex;
  flex-direction: row;
  gap: 10px;
  position: absolute;
  z-index: 2;
  text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.76);
  color: var(--text-in-front);
}

.flag {
  width: 95px;
  height: 45px;
  border-radius: 6px;
  opacity: 0.45;
}

body.light-theme .flag,
body.light-theme .flag-header img {
  opacity: 0.9;
  position: relative;
}



.main-editStats-section {
  background-color: var(--generals);
  color: var(--white-general);
  height: 660px;
  border-radius: 10px;
  scrollbar-width: thin;
  scrollbar-color: var(--white-general);
  box-shadow: var(--shadow-s);
  margin-right: 14px;
}

.staff-list::-webkit-scrollbar,
.news-grid::-webkit-scrollbar,
.records-list::-webkit-scrollbar,
#juniorTeamContractMenu::-webkit-scrollbar{
  width: 4px;
}

.staff-list::-webkit-scrollbar-thumb,
.news-grid::-webkit-scrollbar-thumb,
.records-list::-webkit-scrollbar-thumb,
#juniorTeamContractMenu::-webkit-scrollbar-thumb{
  background-color: var(--white-general);
  border-radius: 3px;
}

.staff-list::-webkit-scrollbar-thumb:hover,
.news-grid::-webkit-scrollbar-thumb:hover,
.records-list::-webkit-scrollbar-thumb:hover,
#juniorTeamContractMenu::-webkit-scrollbar-thumb:hover {
  background-color: var(--scrollbar-hover);
}

.staff-list {
  overflow-y: auto;
  height: 610px;
  margin-right: 4px;
}

.staff-logo {
  width: 27px;
  height: 26px;
}

.marquee-wrapper {
  position: relative;
  overflow: hidden;
  flex: 1;
  display: flex;
}

#free-staff .staff-logo {
  width: 32px;
  height: 23px;
}

#driverstats {
  margin-right: 14px;
}

.main-columns-drag-section::-webkit-scrollbar {
  width: 4px;
}


.main-columns-drag-section::-webkit-scrollbar-thumb {
  background-color: var(--white-general);
  border-radius: 3px;
}

.main-columns-drag-section::-webkit-scrollbar-thumb:hover {
  background-color: var(--scrollbar-hover);
}



.categoryPills {
  color: #dbdbdb !important;
}

.categoryPills.active {
  background-color: var(--separator) !important;
  color: #fdfdfd !important;
}

#F2pill {
  border: 2px solid transparent;
  transition: border-color 0.15s, background-color 0.15s, color 0.15s;
}

#F2pill:hover {
  border: 2px solid var(--f2-border);
  background-color: var(--f2-back);
  color: var(--white-general) !important;

}

#F3pill {
  border: 2px solid transparent;
  transition: border-color 0.15s, background-color 0.15s, color 0.15s;
}

#F3pill:hover {
  border: 2px solid var(--f3-border);
  background-color: var(--f3-back);
  color: var(--white-general) !important;
}

#F2pill.active {
  background-color: var(--f2-active) !important;
}

#F3pill.active {
  background-color: red !important;
}

#mainH2h .col-3.main-viewer-section{
  padding: 10px;
}

/*First .one-statH2H with margin top 25 px and no border top*/
#raceh2h {
  margin-top: 25px;
}

#dnfh2h {
  margin-bottom: 0px;
}

.one-statH2H {
  padding-top: 5px;
  display: flex;
  flex-direction: column;
  font-size: 20px;
  color: var(--text-general);
  transition: border-color 0.15s, background-color 0.15s;
  align-items: center;
  min-height: 66px;
  border-top: 2px solid var(--separator);
  padding: 10px 10px 0px;
  margin-bottom: 10px;
}

.one-statH2H:hover .name-H2H .only-name {
  color: var(--white-general);
}

.one-statH2H:hover .driver1-number,
.one-statH2H:hover .driver2-number {
  color: var(--white-general);
}

.driver-names {
  display: flex;
  flex-direction: row;
  justify-content: space-around;
  font-size: 20px;
  height: 110px;
  margin-top: 6px;
}

.driver-space {
  min-width: 200px;
  max-width: 200px;
  min-height: 40px;
}

.staff-space {
  flex: 1 0 0;
  max-width: 20%;
  min-height: 40px;
  padding: 0 3px;
}

#free-staff .technical-chief-border {
  border-left: 2px solid var(--technical-chief);
  padding-left: 6px;
}

#free-staff .race-engineer-border {
  border-left: 2px solid var(--race-engineer);
  padding-left: 6px;
}

#free-staff .head-aero-border {
  border-left: 2px solid var(--head-aero);
  padding-left: 6px;
}

#free-staff .sporting-director-border {
  border-left: 2px solid var(--sporting-director);
  padding-left: 6px;
}


.staff-space[data-type="technical-chief"] {
  border-right: 1px solid var(--separator);
  border-left: 1px solid var(--separator);
}

.staff-space[data-type="sporting-director"],
.staff-space[data-type="race-engineer"][data-pos="2"],
.staff-space[data-type="head-aero"] {
  border-right: 1px solid var(--separator);
}

.affiliates-and-arrows {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 2px;
  width: 60%;
  flex-grow: 1;
}

.affiliates-space {
  display: flex;
  overflow-x: hidden;
  flex: 1 1 auto;
  min-width: 0;
  width: 100%;
  max-width: 100%;
  flex-wrap: nowrap;
  min-height: 40px;
  align-items: center;
}

.affiliates-and-arrows .new-augment-button.affiliates-scroll-disabled {
  opacity: 0.35;
  pointer-events: none;
}

.affiliates-space .free-driver {
  min-width: 200px;
  max-width: 200px;
  flex: 0 0 auto;
  /* Asegura que los elementos mantengan su tamaño */
}

.team-template .free-driver {
  margin: 1px 3px;
}


.driver1-name,
.driver2-name {
  display: flex;
  flex-direction: column;
  color: var(--white-general);
  background-color: var(--elements);
  border-radius: 10px;
  width: 100%;
  margin-left: 5px;
  margin-right: 5px;
  justify-content: center;
  align-items: center;
  transition: background-color 0.15s, color 0.15s;
  box-shadow: var(--shadow-s);
  position: relative;
}

.driver1-name[class*="-back-normal"]::after,
.driver2-name[class*="-back-normal"]::after {
  opacity: 0.45;
  filter: saturate(0.75);
}

.driver1-first,
.driver1-second,
.driver2-first,
.driver2-second,
.team1,
.team2 {
  z-index: 1;
}

.driver1-name:hover,
.driver2-name:hover {
  color: var(--white-general);
}

.driver1-second,
.driver2-second {
  margin-top: -6px;
}

.part-performance-title:has(.arrows.d-none) .part-name-buttons{
  margin-left: 0px;
}

.part-name-buttons {
  display: flex;
  flex-direction: row;
  gap: 10px;
  margin-left: 5px;
  flex-grow: 1;
}

.part-buttons {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 5px;
}


.part-performance-title .redesigned-chevron{
  height: 28px;
  cursor: pointer;
  transition: background-color 0.15s, transform 0.15s;
}

.part-performance-title .redesigned-chevron:hover{
  background-color: var(--new-primary);
}

.custom-engines-div {
  display: flex;
  flex-direction: column;
  gap: 5px;
}

.add-engine {
  border: 2px dashed var(--dark-text);
  color: var(--dark-text);
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  border-radius: 8px;
  transition: color 0.15s, border 0.15s, transform 0.15s;
  padding: 8px;
  font-size: 18px;
}

.add-engine i {
  font-style: normal;
}

.custom-engines-div .engine-performance-stats {
  margin-top: 2px;
  border-top: 2px solid var(--separator);
}

.engine-performance .bi-trash {
  cursor: pointer;
  transition: color 0.15s, transform 0.15s;
  color: var(--text-general);
  position: absolute;
  right: 40px;
  top: 5px;
  font-size: 20px;
}

.engine-performance .bi-trash:hover {
  color: var(--negative-general);
  transform: scale(1.05);
}


.engine-performance .redesigned-chevron {
  cursor: pointer;
  transition: color 0.15s, transform 0.15s;
  color: var(--text-general);
  position: absolute;
  right: 14px;
  top: 7px;
  height: 26px;
}

.engine-performance .redesigned-chevron:hover {
  color: var(--text-selected);
}

.engine-performance .custom-engine-flag {
  position: absolute;
  right: 14px;
  top: 7px;
  font-size: 20px;
  color: var(--text-tertiary);
  pointer-events: auto;
  cursor: pointer;
  padding: 2px 6px;
  border-radius: 6px;
  transition: color 0.15s, background-color 0.15s, background 0.15s;
}

.engine-performance .custom-engine-flag.bi-trash {
  background: color-mix(in srgb, var(--negative-general) 30%, transparent);
  color: var(--negative-general);
}

.engine-performance .custom-engine-flag.bi-trash:active{
  transform: scale(0.97);
}

.custom-engine-title {
  max-width: 100%;
  width: 100%;
}

.custom-engine-name {
  background-color: transparent;
  border: 0;
  outline: none;
  color: inherit;
  width: 100%;
  min-width: 0;
  font: inherit;
  text-transform: inherit;
  field-sizing: content;
}

.part-performance,
.engine-performance {
  background-color: var(--superficials);
  border-radius: 10px;
  box-shadow: var(--shadow-s);
  padding: 5px 10px;
  overflow-y: hidden;
  position: relative;
}

.main-columns-drag-section .engine-performance {
  min-height: 318px;
}

.blank-engine-space{
  height: 100px;
  width: 100%;
}

.engine-f2 {
  border-bottom: 2px solid var(--f2-border);
}

.engine-f3 {
  border-bottom: 2px solid var(--f3-border);
}

.engine-fe {
  border-bottom: 2px solid var(--ferrari-primary);
}

.engine-rb {
  border-bottom: 2px solid var(--redbull-primary);
}

.engine-re {
  border-bottom: 2px solid var(--renault-primary);
}

.engine-ho {
  border-bottom: 2px solid var(--honda-primary);
}

.engine-me {
  border-bottom: 2px solid var(--mercedes-primary);
}

.engine-al {
  border-bottom: 2px solid var(--alpine-primary);
}

.engine-wi {
  border-bottom: 2px solid var(--williams-primary);
}

.engine-af {
  border-bottom: 2px solid var(--alfa-primary);
}

.engine-at {
  border-bottom: 2px solid var(--alphatauri-primary);
}

.engine-ha {
  border-bottom: 2px solid var(--haas-primary);
}

.engine-mc {
  border-bottom: 2px solid var(--mclaren-primary);
}

.engine-ct {
  border-bottom: 2px solid var(--custom-team-primary);
}

.engine-as {
  border-bottom: 2px solid var(--aston-primary);
}

input.engine-performance-title {
  background-color: transparent;
  border-bottom: 0px solid;
  border-right: 0px solid;
  border-left: 0px solid;
  border-top: 0px solid;
}

input.engine-performance-title:hover,
input.engine-performance-title:focus {
  outline: none;
  color: var(--text-selected);
}

.part-performance-title,
.engine-performance-title {
  text-transform: uppercase;
  font-family: 'Formula1Bold';
  font-size: 20px;
  color: var(--white-general);
  transition: color 0.15s, border-color 0.15s;
}

.part-performance-title {
  display: flex;
  justify-content: flex-start;
  position: relative;
}

.engine-performance-title {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  max-width: max-content;
}


.engine-performance-logo {
  width: 30px;
  height: 20px;
  object-fit: contain;
}

.engine-modal-body {
  display: flex;
  flex-direction: column;
  gap: 10px;
  max-height: 600px;
  min-height: 300px;
  overflow-y: scroll;
  padding: 0 10px 5px 10px !important;
}

.part-performance-stat,
.engine-performance-stat {
  display: flex;
  justify-content: space-between;
  color: var(--text-general);
}

.engine-performance-stat {
  position: relative;
  align-items: center;
  margin: 4px 0;
}

.engine-performance-bar {
  position: absolute;
  bottom: 1px;
  left: 0;
  height: 2px;
  width: 83%;
}

.engine-performance-progress {
  width: 50%;
  height: 2px;
  transition: width 0.15s;
  background-color: var(--new-primary);
}

.part-performance-title i.clicked {
  color: var(--new-primary);
}

.parts-list {
  display: flex;
  flex-direction: column;
  gap: 6px;
  margin-top: 6px;
  overflow-y: auto;
  position: absolute;
  top: 30px;
  width: 95%;
  transition: all 0.15s;
  height: calc(100% - 50px);
  padding-right: 5px;
}


.one-part {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}

.one-part-default {
  border-bottom: 2px solid var(--separator);
  margin-bottom: 3px;
  padding: 3px 0;
}

.one-part-title {
  font-size: 18px;
  font-family: 'Formula1Bold';
  color: var(--dark-text);
  display: flex;
}

.one-part-flag-and-text {
  position: relative;
  font-family: 'Formula1Bold';
  font-size: 16px;
  color: var(--text-general);
}

.one-part-flag {
  width: 48px;
  height: 27px;
  border-radius: 5px;
  border: none;
  opacity: 0.45;
}

.one-part-flag-title {
  position: absolute;
  top: 45%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-shadow: 2px 2px 4px var(--negative-text);
}

.part-performance-stats,
.engine-performance-stats {
  margin-top: 8px;
  transition: all 0.15s;
}

.part-performance-stats {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  position: absolute;
  top: 30px;
  width: 95%;
  height: 89% !important;
}

.part-performance-stats:not(.hidden) {
  opacity: 1;
  pointer-events: all;
  transform: translateY(0px);
}

.part-performance-stats.hidden {
  opacity: 0;
  pointer-events: none;
  transform: translateY(20px);
}

.part-performance:has(.part-performance-stats.hidden) .parts-list {
  opacity: 1;
}

.part-performance:has(.part-performance-stats:not(.hidden)) .parts-list {
  opacity: 0;
}


.fit-button {
  font-family: 'Formula1Bold';
  color: var(--text-general);
  transition: color 0.15s, transform 0.15s;
  margin-left: 4px;
}


.fit-button:hover,
.reset-mentality-button:hover {
  cursor: pointer;
  color: var(--new-primary);
  transform: scale(1.05);
}

.n-parts-error {
  animation: errorAnim 0.5s;
}

.loadout-1-error {
  animation: errorLoadout1 0.5s;
}

.loadout-2-error {
  animation: errorLoadout2 0.5s;
}

@keyframes errorAnim {
  0% {
    color: var(--negative-general);
  }

  100% {
    color: var(--dark-text);
  }
}

@keyframes errorLoadout1 {
  0% {
    color: var(--negative-general);
  }

  100% {
    color: var(--new-primary);
  }
}

@keyframes errorLoadout2 {
  0% {
    color: var(--negative-general);
  }

  100% {
    color: var(--new-secondary);
  }
}

.fitted-icons {
  margin-left: 10px;
  display: flex;
  flex-direction: row;
  font-size: 25px;
  max-height: 30px;
  align-items: center;
}

.spare {
  min-width: 25px;
}

.one-part-name {
  transition: color 0.15s, transform 0.15s;
}

.one-part-name:hover {
  cursor: pointer;
  color: var(--text-selected);
  transform: scale(1.05);
}

.one-part-name.editing {
  color: var(--text-general);
}

.part-subtitle {
  color: var(--dark-text);
  font-size: 20px;
  margin-left: -7px;
}

.fitted-icons .n-parts-buttons {
  display: flex;
  flex-direction: row-reverse;
  gap: 3px;
}

.fitted-icons .n-parts-buttons i {
  font-size: 14px;
}

.new-part {
  border: none;
  border-radius: 10px;
  padding-left: 4px;
  cursor: pointer;
  max-width: max-content;
  transition: border-color 0.15s, color 0.15s, transform 0.15s;
  color: var(--dark-text);
}

.new-part i {
  font-style: normal;
}

.new-part:hover {
  color: var(--new-primary);
  transform: scale(1.05);
}

.new-part ::before {
  margin-right: 5px;
}




.fitted-icons .n-parts {
  font-family: "Formula1";
  font-size: 14px;
  max-height: 30px;
  margin-right: 5px;
}

.fitted-icons i:not(.fitted) {
  transition: color 0.15s;
}

.fitted-icons .loadout-1.fitted {
  color: var(--new-primary);
}

.fitted-icons .loadout-1 {
  position: relative;
  padding-bottom: 4px;
  margin-left: 6px;
}

.loadout-1:not(.fitted):hover,
.loadout-2:not(.fitted):hover {
  cursor: pointer;
  transform: scale(1.05);
}

.loadout-1:not(.fitted):hover {
  color: var(--text-selected);
}

.loadout-2:not(.fitted):hover {
  color: var(--text-selected-secondary);
}

.loadout-1 .number,
.loadout-2 .number {
  font-size: 10px;
  font-family: 'Formula1Bold';
  position: absolute;
  bottom: 7px;
  right: 3px;
  z-index: 2;
  padding-bottom: 4px;
}

.fitted-icons .loadout-2 {
  position: relative;
  padding-bottom: 4px;
}

.fitted-icons .loadout-2.fitted {
  color: var(--new-secondary);
}

.new-or-existing-part {
  font-family: 'Formula1Bold';
  display: flex;
  gap: 15px;
  padding: 6px 2px;
  color: var(--dark-text);
}

.existing-part {
  font-size: 16px;
  transition: color 0.15s, transform 0.15s;
}

.existing-part:hover {
  cursor: pointer;
  color: var(--text-selected);
  transform: scale(1.05);
}

.existing-part.active-part {
  color: var(--new-primary);
}

.part-performance-stat .custom-input-number,
.engine-performance-stat .custom-input-number {
  font-size: 16px;
  max-width: 70px;
}

.teams-show.expertise-mode .part-performance-stat .custom-input-number {
  color: var(--new-primary);
}



.overview-show {
  background-color: transparent !important;
  box-shadow: none !important;
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  grid-template-rows: repeat(2, minmax(0, 1fr));
  gap: 8px;
  flex: 1;
  padding-right: 7px;
  overflow-y: auto;
}

.overview-card {
  background-color: var(--superficials);
  border-radius: 10px;
  padding: 8px;
  display: flex;
  flex-direction: column;
  min-height: 0;
  box-shadow: var(--shadow-s);
}

.overview-card-title {
  font-size: 15px;
  color: var(--text-secondary);
  margin-bottom: 6px;
}

.overview-card-teams {
  display: flex;
  gap: 2px;
  overflow-y: auto;
  min-height: 0;
  justify-content: space-between;
  flex-direction: column;
  height: 100%;
}

.overview-team .car-title {
  font-size: 11px;
  height: auto;
  padding-bottom: 0;
}

.overview-team-left {
  display: flex;
  align-items: center;
  gap: 4px;
  min-width: 0;
}

.overview-team-rank {
  color: var(--text-secondary);
  font-size: 11px;
  min-width: 12px;
  text-align: right;
}

.overview-team .performance-bar {
  height: 3px;
  margin: 1px 0 2px;
}

.overview-team .performance-bar-progress {
  height: 3px;
}

.overview-team-value {
  color: var(--dark-text);
  font-size: 11px;
}
.teams-show,
.engines-show {
  background-color: transparent !important;
  box-shadow: none !important;
  display: grid;
  grid-template-columns: repeat(3, 0.333fr);
  grid-template-rows: repeat(2, 1fr);
  gap: 8px;
  flex: 1;
}

.main-columns-drag-section:has(.teams-show:not(.d-none)),
.main-columns-drag-section:has(.overview-show:not(.d-none)){
  background-color: transparent !important;
  box-shadow: none !important;
}

.engines-show {
  /* Keep the grid layout but allow any number of rows (custom engines are appended). */
  grid-template-columns: repeat(3, minmax(0, 1fr));
  grid-template-rows: unset;
  grid-auto-rows: max-content;
  align-content: start;
  padding-right: 7px;
  max-height: 81vh;
}


.one-performance {
  padding: 10px;
  display: flex;
  flex-direction: row;
  align-items: center;
  font-size: 22px;
  padding-left: 20px;
  background-color: var(--component-general);
  border-radius: 10px;
  margin-top: 10px;
  margin-left: 10px;
  margin-right: 10px;
  color: var(--text-general);
  border: 2px solid transparent;
  transition: border-color 0.15s, background-color 0.15s;
}

.one-performance:hover {
  border-color: var(--white-general);
  background-color: var(--component-general-hover);
}

.one-performance:hover .performance-name {
  color: var(--white-general);
}

.performance-buttons {
  padding: 10px;
  display: flex;
  width: 100px;
  justify-content: space-around;
}


.perf-engine {
  font-size: 20px;
}

.performance-buttons i {
  cursor: pointer;
  background-color: transparent;
  border-radius: 10px;
  transition: background-color 0.15s, color 0.15s;
  background-color: transparent;
  width: 25px;
  height: 25px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.performance-buttons i:hover {
  background-color: var(--background--buttons-hover) !important;
  color: var(--white-general) !important;
}

.performance-buttons i:active {
  background-color: var(--active-buttons-back) !important;
  color: #e2e2e2 !important;
  transition-duration: 0s;
}

.performance-name {
  width: 200px;
  transition: color 0.15s;
  cursor: default !important;
}

.performance-name-engine {
  width: 300px;
  transition: color 0.15s;
  cursor: default !important;
}

.custom-progress {
  width: 603px;
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-left: 50px;
}

.name-H2H {
  width: 100%;
  transition: color 0.15s;
  cursor: default !important;
  text-align: center;
}

.only-name {
  transition: color 0.15s;
}

#bestrh2h .name-H2H,
#raceh2h .name-H2H,
#qualih2h .name-H2H {
  display: flex;
  justify-content: space-between;
}

.custom-H2H {
  width: 75%;
  display: flex;
  flex-direction: row;
  background-color: var(--h2h-back);
  height: 7px;
  margin-top: 5px;
}

.driver1-bar {
  float: right;
  width: 0%;
  height: 7px;
  transition: width 0.15s;
}

.h2h-top {
  display: flex;
  flex-direction: row;
  justify-content: space-between
}

.driver2-bar {
  float: left;
  width: 0%;
  height: 7px;
  transition: width 0.15s;
}

.driver2-space,
.driver1-space {
  width: 50%;
  background-color: var(--background);
  height: 7px;
}

i.disabled {
  pointer-events: none;
  color: var(--disabled-text);
}

input.disabled {
  pointer-events: none;
  color: var(--disabled-text);
}

.red-part {
  width: 300px;
  height: 3px;
  background-color: var(--negative-general);
  position: relative;
}

.disabled-part {
  width: 300px;
  height: 3px;
  background-color: var(--background-general);
  position: relative;
}

.disabled-part-engine {
  width: 100%;
  height: 3px;
  background-color: var(--background-general);
  position: relative;
}

.green-part {
  width: 0%;
  height: 100%;
  background-color: var(--positive-general);
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  transition: width 0.15s;
}

.white-part {
  width: 0%;
  height: 100%;
  background-color: #f0f0f0;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  transition: width 0.15s;
}

.separation-zone {
  width: 3px;
  height: 10px;
  background-color: #f0f0f0;
}

.gray-part {
  width: 100%;
  height: 100%;
  background-color: var(--background-general);
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  transition: width 0.15s;
}

.car-info {
  font-size: 14px;
}

body.og-theme .teams-columns,
body.og-theme .records-list {
  padding: 12px 10px;
}

.teams-columns {
  display: flex;
  flex-direction: column;
  overflow-y: hidden;
  margin-left: 0%;
  margin-right: 14px;
  background: transparent;
  box-shadow: none;
  gap: 10px;
}

.performance-bar {
  width: 300px;
}

.performance-section {
  overflow: hidden;
  margin-left: 0%;
  margin-right: 14px;
  display: flex;
  height: 100%;
}

.btn-number {
  background-color: transparent !important;
  color: var(--white-general) !important;
  padding-left: 0px !important;
  border: none !important;
}

.collapse-number {
  color: var(--white-general);
  background-color: var(--custom-modal-back);
}

.contract-details {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  color: var(--white-general);
}

.number-and-contract {
  display: flex;
  flex-direction: column;
  background-color: var(--custom-modal-back);
}

.custom-body {
  color: var(--text-general);
  background-color: var(--generals);
  z-index: -2;
  padding: 0px 20px 5px 20px;
}

.pos-relative {
  position: relative;
}


.custom-modal {
  min-width: 600px !important;
  z-index: 2000 !important;
  border-radius: 10px !important;
}


#patreonModal .custom-modal,
#patreonModal .modal-dialog {
  min-width: 800px !important;
}


.drivers-modal-zone,
.teams-modal-zone {
  border-radius: 10px;
  width: 100%;
  display: grid;
  gap: 12px;
  background-color: transparent;
  grid-template-columns: repeat(4, 1fr);
}


.contract-details div {
  color: var(--text-general);
}

.custom-header {
  color: var(--white-general) !important;
  background-color: var(--generals) !important;
  display: flex;
  justify-content: space-between;
  border-bottom: none !important;
  flex-direction: column;
  align-items: flex-start;
  position: relative;
}


.custom-footer {
  color: var(--white-general) !important;
  background-color: var(--generals) !important;
  z-index: -3;
  border-top: none !important;
  padding: 5px 5px;
}

::-webkit-input-placeholder {
  color: #999;
  /* Cambia el color del texto del placeholder */
}

.rounded-input {
  border: 2px solid transparent;
  border-radius: 10px;
  padding: 8px 12px;
  max-width: 210px;
  outline: none;
  transition: border-color 0.15s;
  background-color: var(--mid-gray-contrast);
  color: #ebeaf0;
}

.rounded-input.retirement {
  max-width: 75px;
}

.rounded-input.retirement::selection,
.modal-subtitle::selection,
#difficultySpan::selection {
  background-color: transparent;
}


.driver1-number::selection,
.driver2-number::selection {
  background-color: transparent;
}

.custom-disabled {
  background-color: -internal-light-dark(rgba(239, 239, 239, 0.3), rgba(59, 59, 59, 0.3));
}


.rounded-input:hover {
  border-color: #cecece;
}

.rounded-input:focus {
  outline: 0px solid transparent;
  border-color: var(--white-general);
  color: var(--white-general);
}

.confirm-area {
  display: flex;
  justify-content: center;
  align-items: center;
  padding-top: 50px;
}

.performance-data {
  margin-left: 30px;
  font-size: 26px;
  width: 200px;
  text-align: center;
}

.team,
.engine {
  border: 2px solid transparent;
  border-radius: 10px;
  padding: 4.8px;
  cursor: pointer !important;
  margin: 10px;
  color: var(--text-general);
  transition: border-color 0.15s, color 0.15s, background-color 0.15s;
  position: relative;
  font-size: 18px;
}

.team {
  margin: 0;
  border: none;
  padding: 5.8px;
  transition: background-color 0.15s;
}


.car {
  border: 1px solid transparent;
  border-radius: 7px;
  padding: 4px;
  cursor: pointer !important;
  margin: 4px 6px;
  color: var(--text-general);
  transition: border-color 0.15s, color 0.15s, background-color 0.15s;
  position: relative;
  font-size: 18px;
}



.driver-info {
  border-radius: 10px;
  cursor: default !important;
  padding: 10px;
  margin: 9px 8px;
  color: var(--text-general);
  background-color: var(--dropdown-hover);
  transition: border-color 0.15s, color 0.15s, background-color 0.15s;
  position: relative;
  font-size: 18px;
  display: flex;
  flex-direction: row;
  box-shadow: 0px 0px 10px 1px var(--box-shadow);
}

.driver-info:hover {
  background-color: var(--elements-hover);
}

.race:hover {
  background-color: var(--text-general-transparent);
  color: var(--negative-text);
}


.rb-gradient::before {
  border-radius: 10px;
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: radial-gradient(circle at -5% 200%, var(--redbull-primary), transparent 25%);
  opacity: 0;
  transition: opacity 0.15s;
  z-index: 0;
}

.rb-gradient-mid::before {
  border-radius: 10px;
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: radial-gradient(circle at -5% 150%, var(--redbull-primary), transparent 25%);
  opacity: 0;
  transition: opacity 0.15s;
  z-index: 0;
}

.rb-gradient-small::before {
  border-radius: 10px;
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: radial-gradient(circle at -5% 200%, var(--redbull-primary-transparent), transparent 30%);
  opacity: 0;
  transition: opacity 0.15s;
  z-index: 0;
}

.rb-gradient:hover::before,
.rb-gradient-small:hover::before,
.rb-gradient-mid:hover::before {
  opacity: 1;
}

.rb-back-gradient-primary {
  background: radial-gradient(circle at 5% 100%, var(--redbull-primary), var(--elements) 35%);
}

.rb-back-gradient-secondary {
  background: radial-gradient(circle at 5% 100%, var(--redbull-secondary), var(--elements) 35%);
}

.mc-gradient::before {
  border-radius: 10px;
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: radial-gradient(circle at -5% 200%, var(--mclaren-primary), transparent 25%);
  opacity: 0;
  transition: opacity 0.15s;
  z-index: 0;
}

.mc-gradient-mid::before {
  border-radius: 10px;
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: radial-gradient(circle at -5% 150%, var(--mclaren-primary), transparent 25%);
  opacity: 0;
  transition: opacity 0.15s;
  z-index: 0;
}

.mc-gradient-small::before {
  border-radius: 10px;
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: radial-gradient(circle at -5% 200%, var(--mclaren-primary-transparent), transparent 30%);
  opacity: 0;
  transition: opacity 0.15s;
  z-index: 0;
}

.mc-back-gradient-primary {
  background: radial-gradient(circle at 5% 100%, var(--mclaren-primary), var(--elements) 35%);
}

.mc-back-gradient-secondary {
  background: radial-gradient(circle at 5% 100%, var(--mclaren-secondary), var(--elements) 35%);
}

.mc-gradient:hover::before,
.mc-gradient-small:hover::before,
.mc-gradient-mid:hover::before {
  opacity: 1;
}

.as-gradient::before {
  border-radius: 10px;
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: radial-gradient(circle at -5% 200%, var(--aston-primary), transparent 25%);
  opacity: 0;
  transition: opacity 0.15s;
  z-index: 0;
}

.as-gradient-mid::before {
  border-radius: 10px;
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: radial-gradient(circle at -5% 150%, var(--aston-primary), transparent 25%);
  opacity: 0;
  transition: opacity 0.15s;
  z-index: 0;
}

.as-gradient-small::before {
  border-radius: 10px;
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: radial-gradient(circle at -5% 200%, var(--aston-primary-transparent), transparent 30%);
  opacity: 0;
  transition: opacity 0.15s;
  z-index: 0;
}

.as-back-gradient-primary {
  background: radial-gradient(circle at 5% 100%, var(--aston-primary), var(--elements) 35%);
}

.as-back-gradient-secondary {
  background: radial-gradient(circle at 5% 100%, var(--aston-secondary), var(--elements) 35%);
}

.as-gradient:hover::before,
.as-gradient-small:hover::before,
.as-gradient-mid:hover::before {
  opacity: 1;
}

.al-gradient::before {
  border-radius: 10px;
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: radial-gradient(circle at -5% 200%, var(--alpine-primary), transparent 25%);
  opacity: 0;
  transition: opacity 0.15s;
  z-index: 0;
}

.al-gradient-mid::before {
  border-radius: 10px;
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: radial-gradient(circle at -5% 150%, var(--alpine-primary-transparent), transparent 25%);
  opacity: 0;
  transition: opacity 0.15s;
  z-index: 0;
}

.al-gradient-small::before {
  border-radius: 10px;
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: radial-gradient(circle at -5% 200%, var(--alpine-primary-transparent), transparent 30%);
  opacity: 0;
  transition: opacity 0.15s;
  z-index: 0;
}

.al-back-gradient-primary {
  background: radial-gradient(circle at 5% 100%, var(--alpine-primary), var(--elements) 35%);
}

.al-back-gradient-secondary {
  background: radial-gradient(circle at 5% 100%, var(--alpine-secondary), var(--elements) 35%);
}

.al-gradient:hover::before,
.al-gradient-small:hover::before,
.al-gradient-mid:hover::before {
  opacity: 1;
}

.af-gradient::before {
  border-radius: 10px;
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: radial-gradient(circle at -5% 200%, var(--alfa-primary), transparent 25%);
  opacity: 0;
  transition: opacity 0.15s;
  z-index: 0;
}

.af-gradient-small::before {
  border-radius: 10px;
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: radial-gradient(circle at -5% 200%, var(--alfa-primary-transparent), transparent 30%);
  opacity: 0;
  transition: opacity 0.15s;
  z-index: 0;
}

.af-gradient-mid::before {
  border-radius: 10px;
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: radial-gradient(circle at -5% 150%, var(--alfa-primary), transparent 25%);
  opacity: 0;
  transition: opacity 0.15s;
  z-index: 0;
}

.af-back-gradient-primary {
  background: radial-gradient(circle at 5% 100%, var(--alfa-primary), var(--elements) 35%);
}

.af-back-gradient-secondary {
  background: radial-gradient(circle at 5% 100%, var(--alfa-secondary), var(--elements) 35%);
}

.af-gradient:hover::before,
.af-gradient-small:hover::before,
.af-gradient-mid:hover::before {
  opacity: 1;
}

.ha-gradient::before {
  border-radius: 10px;
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: radial-gradient(circle at -5% 200%, var(--haas-primary), transparent 25%);
  opacity: 0;
  transition: opacity 0.15s;
  z-index: 0;
}

.ha-gradient-small::before {
  border-radius: 10px;
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: radial-gradient(circle at -5% 200%, var(--haas-primary-transparent), transparent 30%);
  opacity: 0;
  transition: opacity 0.15s;
  z-index: 0;
}

.ha-gradient-mid::before {
  border-radius: 10px;
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: radial-gradient(circle at -5% 150%, var(--haas-primary), transparent 25%);
  opacity: 0;
  transition: opacity 0.15s;
  z-index: 0;
}

.ha-back-gradient-primary {
  background: radial-gradient(circle at 5% 100%, var(--haas-primary), var(--elements) 35%);
}

.ha-back-gradient-secondary {
  background: radial-gradient(circle at 5% 100%, var(--haas-secondary), var(--elements) 35%);
}

.ha-gradient:hover::before,
.ha-gradient-small:hover::before,
.ha-gradient-mid:hover::before {
  opacity: 1;
}

.wi-gradient::before {
  border-radius: 10px;
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: radial-gradient(circle at -5% 200%, var(--williams-primary), transparent 25%);
  opacity: 0;
  transition: opacity 0.15s;
  z-index: 0;
}

.wi-gradient-small::before {
  border-radius: 10px;
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: radial-gradient(circle at -5% 200%, var(--williams-primary-transparent), transparent 30%);
  opacity: 0;
  transition: opacity 0.15s;
  z-index: 0;
}

.wi-gradient-mid::before {
  border-radius: 10px;
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: radial-gradient(circle at -5% 150%, var(--williams-primary), transparent 25%);
  opacity: 0;
  transition: opacity 0.15s;
  z-index: 0;
}

.wi-back-gradient-primary {
  background: radial-gradient(circle at 5% 100%, var(--williams-primary), var(--elements) 35%);
}

.wi-back-gradient-secondary {
  background: radial-gradient(circle at 5% 100%, var(--general-secondary), var(--elements) 35%);
}

.wi-gradient:hover::before,
.wi-gradient-small:hover::before,
.wi-gradient-mid:hover::before {
  opacity: 1;
}

.at-gradient::before {
  border-radius: 10px;
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: radial-gradient(circle at -5% 200%, var(--alphatauri-primary), transparent 25%);
  opacity: 0;
  transition: opacity 0.15s;
  z-index: 0;
}

.at-gradient-small::before {
  border-radius: 10px;
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: radial-gradient(circle at -5% 200%, var(--alphatauri-primary-transparent), transparent 30%);
  opacity: 0;
  transition: opacity 0.15s;
  z-index: 0;
}

.at-gradient-mid::before {
  border-radius: 10px;
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: radial-gradient(circle at -5% 150%, var(--alphatauri-primary), transparent 25%);
  opacity: 0;
  transition: opacity 0.15s;
  z-index: 0;
}

.at-back-gradient-primary {
  background: radial-gradient(circle at 5% 100%, var(--alphatauri-primary), var(--elements) 35%);
}

.at-back-gradient-secondary {
  background: radial-gradient(circle at 5% 100%, var(--alphatauri-secondary), var(--elements) 35%);
}

.at-gradient:hover::before,
.at-gradient-small:hover::before,
.at-gradient-mid:hover::before {
  opacity: 1;
}


.fe-gradient::before {
  border-radius: 10px;
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: radial-gradient(circle at -5% 200%, var(--ferrari-primary), transparent 25%);
  opacity: 0;
  transition: opacity 0.15s;
  z-index: 0;
}

.fe-gradient-small::before {
  border-radius: 10px;
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: radial-gradient(circle at -5% 200%, var(--ferrari-primary-transparent), transparent 30%);
  opacity: 0;
  transition: opacity 0.15s;
  z-index: 0;
}

.fe-gradient-mid::before {
  border-radius: 10px;
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: radial-gradient(circle at -5% 150%, var(--ferrari-primary), transparent 25%);
  opacity: 0;
  transition: opacity 0.15s;
  z-index: 0;
}

.fe-back-gradient-primary {
  background: radial-gradient(circle at 5% 100%, var(--ferrari-primary), var(--elements) 35%);
}

.fe-back-gradient-secondary {
  background: radial-gradient(circle at 5% 100%, var(--general-secondary), var(--elements) 35%);
}

.fe-gradient:hover::before,
.fe-gradient-small:hover::before,
.fe-gradient-mid:hover::before {
  opacity: 1;
}

.me-gradient::before {
  border-radius: 10px;
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: radial-gradient(circle at -5% 200%, var(--mercedes-primary), transparent 25%);
  opacity: 0;
  transition: opacity 0.15s;
  z-index: 0;
}

.me-gradient-mid::before {
  border-radius: 10px;
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: radial-gradient(circle at -5% 150%, var(--mercedes-primary), transparent 25%);
  opacity: 0;
  transition: opacity 0.15s;
  z-index: 0;
}

.me-gradient-small::before {
  border-radius: 10px;
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: radial-gradient(circle at -5% 200%, var(--mercedes-primary-transparent), transparent 30%);
  opacity: 0;
  transition: opacity 0.15s;
  z-index: 0;
}

.me-back-gradient-primary {
  background: radial-gradient(circle at 5% 100%, var(--mercedes-primary), var(--elements) 35%);
}

.me-back-gradient-secondary {
  background: radial-gradient(circle at 5% 100%, var(--general-secondary), var(--elements) 35%);
}

.me-gradient:hover::before,
.me-gradient-small:hover::before,
.me-gradient-mid:hover::before {
  opacity: 1;
}



.race {
  border-radius: 10px;
  cursor: pointer !important;
  margin: 10px;
  color: var(--text-general);
  background-color: var(--elements);
  transition: border-color 0.15s, color 0.15s, background-color 0.15s;
  position: relative;
  font-size: 24px;
  text-transform: uppercase;
  padding: 5px 0;
  padding-left: 8px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  box-shadow: 0px 0px 10px 1px var(--box-shadow);
}


.race-flag {
  min-width: 80px;
  max-width: 80px;
  min-height: 45px;
  max-height: 45px;
  border-radius: 10px;
  z-index: 2;
  margin-right: 4px;
}

#patchNotesBody {
  max-height: 600px;
  overflow-y: scroll;
}


#raceMenu {
  overflow-y: scroll;
  height: 660px;
}

.config-content {
  color: var(--text-selected);
  font-size: 20px;
}

.toolbar-logo-and-title {
  display: flex;
  flex-direction: row;
  gap: 8px;
  padding: 10px;
  align-items: center;
  cursor: pointer;
}

.toolbar-logo {
  width: 34px;
  height: 34px;
  object-fit: contain;
}

.toolbar-logo--ferrari {
  width: 34px;
  height: 26px;
}

.toolbar-logo--redbull {
  width: 34px;
  height: 34px;
}

.toolbar-logo--nightly {
  width: 34px;
  height: 30px;
}

.toolbar-logo--mclaren {
  width: 34px;
  height: 30px;
}

.toolbar-logo--mercedes {
  width: 34px;
  height: 24px;
}

.toolbar-logo--astonmartin {
  width: 34px;
  height: 34px;
}

.toolbar-logo--haas{
  width: 34px;
  height: 26px;
}

.toolbar-title {
  font-size: 16px;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  color: transparent;
  position: relative;
  /* Necesario para aplicar el gradiente */

}



.toolbar-title span {
  display: inline-block;
  line-height: 1;
  background: linear-gradient(to right, var(--new-primary), var(--text-general), var(--new-primary));
  background-clip: text;
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  background-size: 200% 200%;
  animation: gradient-move-title 6s infinite linear;
}

.toolbar-title.nightly span {
  display: inline-block;
  line-height: 1;
  background: linear-gradient(to right, var(--new-primary), var(--text-general), var(--new-primary));
  background-clip: text;
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  background-size: 200% 200%;
  animation: gradient-move-title 6s infinite linear;
}

.patreon-links {
  display: flex;
  flex-direction: row;
  gap: 10px;
}

.patreon-themes .modal-subtitle {
  margin-bottom: 3px;
}

.nightly-icon {
  position: absolute;
  top: 0px;
  right: 0px;
  width: 14px;
  height: 14px;
  font-size: 8px;
  background-color: var(--new-primary);
  border-radius: 50%;
  color: var(--elements);
  display: flex;
  align-items: center;
  justify-content: center;
}

@keyframes gradient-move-title {
  0% {
    background-position: 0% 50%;
  }

  100% {
    background-position: -200% 50%;
    /* Doble del tamaño inicial para un bucle suave */
  }
}


#predictConfigContent {
  margin-top: 12px;
}


#predictionMenu {
  margin-left: 0px;
  margin-right: 14px;
  width: 100%;
  display: flex;
  flex-direction: row;
}

.prediction-table {
  width: 50%;
}

.prediction-table-header,
.prediction-table-driver {
  display: flex;
  flex-direction: row;
  color: var(--text-general);
  font-size: 20px;
  margin: 20px 20px;
}

.driver-prediction {
  width: 50%;
  z-index: 100;
}

.prediction-table-header .driver-prediction,
.prediction-table-header .position-prediction,
.prediction-table-header .prediction-prediction {
  text-transform: uppercase;
}


.position-prediction {
  width: 25%;
  display: flex;
  justify-content: center;
  gap: 15px;
  padding-left: 40px;
  z-index: 100;
}

.position-prediction> :first-child {
  min-width: 50px;
  margin-left: 20px;
}

.position-prediction> :nth-child(2) {
  min-width: 50px;
}

.prediction-prediction {
  width: 25%;
  display: flex;
  justify-content: center;
  gap: 15px;
  z-index: 100;
}

.front-gradient {
  z-index: 10;
}




.rb-transparent:hover {
  background-color: var(--redbull-primary-transparent) !important;
  color: var(--white-general) !important;
  border-color: transparent !important;
}

.rb-transparent .custom-icon i {
  filter: drop-shadow(0px 0px 4px var(--redbull-primary));
}

.rb-transparent:hover .surname {
  color: var(--redbull-primary) !important
}

.rb-back-transparent {
  background-color: var(--redbull-primary-transparent);
}

.rb-back-transparent-secondary {
  background-color: var(--redbull-secondary-transparent);
}

.mc-transparent:hover {
  background-color: var(--mclaren-primary-transparent) !important;
  color: var(--white-general) !important;
  border-color: transparent !important;
}

.mc-transparent:hover .surname {
  color: var(--mclaren-primary) !important
}

.mc-transparent .custom-icon i {
  filter: drop-shadow(0px 0px 4px var(--mclaren-primary));
}

.mc-back-transparent {
  background-color: var(--mclaren-primary-transparent);
}

.mc-back-transparent-secondary {
  background-color: var(--mclaren-secondary-transparent);
}

.as-transparent:hover {
  background-color: var(--aston-primary-transparent) !important;
  color: var(--white-general) !important;
  border-color: transparent !important;
}

.as-transparent:hover .surname {
  color: var(--aston-primary) !important
}

.as-back-transparent {
  background-color: var(--aston-primary-transparent);
}

.as-transparent .custom-icon i {
  filter: drop-shadow(0px 0px 4px var(--aston-primary));
}

.as-back-transparent-secondary {
  background-color: var(--aston-secondary-transparent);
}

.al-transparent:hover {
  background-color: var(--alpine-primary-transparent) !important;
  color: var(--white-general) !important;
  border-color: transparent !important;
}

.al-transparent:hover .surname {
  color: var(--alpine-primary) !important
}

.al-transparent .custom-icon i {
  filter: drop-shadow(0px 0px 4px var(--alpine-primary));
}

.al-back-transparent {
  background-color: var(--alpine-primary-transparent);
}

.al-back-transparent-secondary {
  background-color: var(--alpine-secondary-transparent);
}

.af-transparent:hover {
  background-color: var(--alfa-primary-transparent) !important;
  color: var(--white-general) !important;
  border-color: transparent !important;
}

.af-transparent:hover .surname {
  color: var(--alfa-primary) !important
}

.af-transparent .custom-icon i {
  filter: drop-shadow(0px 0px 4px var(--alfa-primary));
}

.af-back-transparent {
  background-color: var(--alfa-primary-transparent);
}

.af-back-transparent-secondary {
  background-color: var(--alfa-secondary-transparent);
}

.ha-transparent:hover {
  background-color: var(--haas-primary-transparent) !important;
  color: var(--white-general) !important;
  border-color: transparent !important;
}

.ha-transparent:hover .surname {
  color: var(--haas-primary) !important
}

.ha-back-transparent {
  background-color: var(--haas-primary-transparent);
}

.ha-transparent .custom-icon i {
  filter: drop-shadow(0px 0px 4px var(--haas-primary));
}

.ha-back-transparent-secondary {
  background-color: var(--haas-secondary-transparent);
}

.wi-transparent:hover {
  background-color: var(--williams-primary-transparent) !important;
  color: var(--white-general) !important;
  border-color: transparent !important;
}

.wi-transparent:hover .surname {
  color: var(--williams-primary) !important
}

.wi-back-transparent {
  background-color: var(--williams-primary-transparent);
}

.wi-transparent .custom-icon i {
  filter: drop-shadow(0px 0px 4px var(--williams-primary));
}

.wi-back-transparent-secondary {
  background-color: var(--general-secondary-transparent);
}

.at-transparent:hover {
  background-color: var(--alphatauri-primary-transparent) !important;
  color: var(--white-general) !important;
  border-color: transparent !important;
}

.at-transparent:hover .surname {
  color: var(--alphatauri-primary) !important
}

.at-back-transparent {
  background-color: var(--alphatauri-primary-transparent);
}

.at-transparent .custom-icon i {
  filter: drop-shadow(0px 0px 4px var(--alphatauri-primary));
}

.at-back-transparent-secondary {
  background-color: var(--alphatauri-secondary-transparent);
}

.fe-transparent:hover {
  background-color: var(--ferrari-primary-transparent) !important;
  color: var(--white-general) !important;
  border-color: transparent !important;
}

.fe-transparent:hover .surname {
  color: var(--ferrari-primary) !important;
}

.fe-transparent .custom-icon i {
  filter: drop-shadow(0px 0px 4px var(--ferrari-primary));
}

.fe-back-transparent {
  background-color: var(--ferrari-primary-transparent);
}

.fe-back-transparent-secondary {
  background-color: var(--general-secondary-transparent);
}

.me-transparent:hover {
  background-color: var(--mercedes-primary-transparent) !important;
  color: var(--white-general) !important;
  border-color: transparent !important;
}

.me-transparent:hover .surname {
  color: var(--mercedes-primary) !important;
}

.me-transparent .custom-icon i {
  filter: drop-shadow(0px 0px 4px var(--mercedes-primary));
}

.me-back-transparent {
  background-color: var(--mercedes-primary-transparent);
}

.me-back-transparent-secondary {
  background-color: var(--general-secondary-transparent);
}

.ct-transparent .custom-icon i {
  filter: drop-shadow(0px 0px 4px var(--custom-team-primary));
}

.ct-transparent:hover {
  background-color: var(--custom-team-primary-transparent) !important;
  color: var(--white-general) !important;
  border-color: transparent !important;
}

.ct-back-transparent {
  background-color: var(--custom-team-primary-transparent);
}

.ct-back-transparent-secondary {
  background-color: var(--custom-team-secondary-transparent);
}

.ct-transparent:hover .surname {
  color: var(--custom-team-primary) !important;
}

.rb-transparent.selected {
  background-color: var(--redbull-primary-transparent) !important;
  color: var(--white-general) !important;
}

.mc-transparent.selected {
  background-color: var(--mclaren-primary-transparent) !important;
  color: var(--white-general) !important;
}

.as-transparent.selected {
  background-color: var(--aston-primary-transparent) !important;
  color: var(--white-general) !important;
}

.al-transparent.selected {
  background-color: var(--alpine-primary-transparent) !important;
  color: var(--white-general) !important;
}

.af-transparent.selected {
  background-color: var(--alfa-primary-transparent) !important;
  color: var(--white-general) !important;
}

.ha-transparent.selected {
  background-color: var(--haas-primary-transparent) !important;
  color: var(--white-general) !important;
}

.wi-transparent.selected {
  background-color: var(--williams-primary-transparent) !important;
  color: var(--white-general) !important;
}

.at-transparent.selected {
  background-color: var(--alphatauri-primary-transparent) !important;
  color: var(--white-general) !important;
}

.fe-transparent.selected {
  background-color: var(--ferrari-primary-transparent) !important;
  color: var(--white-general) !important;
}

.me-transparent.selected {
  background-color: var(--mercedes-primary-transparent) !important;
  color: var(--white-general) !important;
}

.ct-transparent.selected {
  background-color: var(--custom-team-primary-transparent) !important;
  color: var(--white-general) !important;
}

.modal-team.rb-transparent:hover {
  background-color: var(--redbull-primary-transparent);
  color: var(--redbull-primary);
}

.modal-team.mc-transparent:hover {
  background-color: var(--mclaren-primary-transparent);
  color: var(--mclaren-primary);
}

.modal-team.as-transparent:hover {
  background-color: var(--aston-primary-transparent);
  color: var(--aston-primary);
}

.modal-team.al-transparent:hover {
  background-color: var(--alpine-primary-transparent);
  color: var(--alpine-primary);
}

.modal-team.af-transparent:hover {
  background-color: var(--alfa-primary-transparent);
  color: var(--alfa-primary);
}

.modal-team.ha-transparent:hover {
  background-color: var(--haas-primary-transparent);
  color: var(--haas-primary);
}

.modal-team.wi-transparent:hover {
  background-color: var(--williams-primary-transparent);
  color: var(--williams-primary);
}

.modal-team.at-transparent:hover {
  background-color: var(--alphatauri-primary-transparent);
  color: var(--alphatauri-primary);
}

.modal-team.fe-transparent:hover {
  background-color: var(--ferrari-primary-transparent);
  color: var(--ferrari-primary);
}

.modal-team.me-transparent:hover {
  background-color: var(--mercedes-primary-transparent);
  color: var(--mercedes-primary);
}

.free-driver:hover .future-contract-noti {
  opacity: 0;
}

.future-contract-noti {
  position: absolute;
  top: 5px;
  right: 5px;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  animation: pulse 1.5s infinite;
  opacity: 1;
  transition: opacity 0.15s;
}

.noti-fe {
  background-color: var(--ferrari-primary);
}

.noti-fe-affiliate{
  background-color: transparent;
  border: 1px solid var(--ferrari-primary);
}

.noti-rb {
  background-color: var(--redbull-primary);
}

.noti-rb-affiliate{
  background-color: transparent;
  border: 1px solid var(--redbull-primary);
}

.noti-mc {
  background-color: var(--mclaren-primary);
}

.noti-mc-affiliate{
  background-color: transparent;
  border: 1px solid var(--mclaren-primary);
}


.noti-as {
  background-color: var(--aston-primary);
}

.noti-as-affiliate{
  background-color: transparent;
  border: 1px solid var(--aston-primary);
}


.noti-al {
  background-color: var(--alpine-primary);
}

.noti-al-affiliate{
  background-color: transparent;
  border: 1px solid var(--alpine-primary);
}


.noti-af {
  background-color: var(--alfa-primary);
}


.noti-af-affiliate{
  background-color: transparent;
  border: 1px solid var(--alfa-primary);
}


.noti-ha {
  background-color: var(--haas-primary);
}

.noti-ha-affiliate{
  background-color: transparent;
  border: 1px solid var(--haas-primary);
}


.noti-wi {
  background-color: var(--williams-primary);
}

.noti-wi-affiliate{
  background-color: transparent;
  border: 1px solid var(--williams-primary);
}

.noti-at {
  background-color: var(--alphatauri-primary);
}

.noti-at-affiliate{
  background-color: transparent;
  border: 1px solid var(--alphatauri-primary);
}


.noti-me {
  background-color: var(--mercedes-primary);
}

.noti-me-affiliate{
  background-color: transparent;
  border: 1px solid var(--mercedes-primary);
}

.noti-ct {
  background-color: var(--custom-team-primary);
}

.noti-ct-affiliate{
  background-color: transparent;
  border: 1px solid var(--custom-team-primary);
}

.name-container {
  display: flex;
  overflow: hidden;
  white-space: nowrap;
  position: relative;
  min-width: max-content;
  gap: 5px;
}

.name-container span {
  white-space: nowrap;
}

@keyframes marquee {
  0% {
    transform: translateX(0);
  }

  50% {
    transform: translateX(calc(-1 * var(--scroll-amount)));
  }

  100% {
    transform: translateX(0);
  }
}


.free-driver .edit-container {
  display: flex;
  gap: 5px;
  position: absolute;
  left: -5px;
  top: -6px;
  width: 39px;
  opacity: 0;
  color: var(--text-general);
  transition: opacity 0.15s, background-color 0.15s, color 0.15s;
  cursor: pointer;
  font-size: 14px;
  border-bottom-right-radius: 3px;
  z-index: 3;
  padding-left: 8px;
  padding-top: 1px;
  height: 17px;
  align-items: center;
}

.free-driver .bi-pencil-fill {
  font-size: 8px;
  height: 8PX;
}

.free-driver .bi-123 {
  height: 17px;
}

.free-driver:hover .edit-container {
  opacity: 1;
}

.free-driver .edit-container:hover {
  background-color: var(--text-general);
  color: var(--negative-text);
}


.free-driver {
  background-color: var(--elements);
  border-radius: 9px;
  padding: 5px 6px;
  cursor: grab !important;
  margin: 6px 5px;
  color: var(--text-general);
  transition: border-color 0.15s, color 0.15s, background-color 0.15s;
  position: relative;
  font-size: 15px;
  overflow: hidden;
  height: 36px;
  display: flex;
  gap: 3px;
  box-shadow: var(--shadow-s);
  align-items: center;
}

.free-driver span:not(.bold-font) {
  max-height: 22.5px;
}

.drivers-table-row .drivers-table-driver span:not(.bold-font),
.viewer-header-driver span:not(.bold-font) {
  max-height: 22.5px;
  white-space: nowrap;
}

.main-viewer-section:has(.records-list:not(.d-none)) {
  background-color: transparent;
  box-shadow: none;
}

.records-list {
  display: flex;
  flex-direction: column;
  gap: 10px;
  background-color: transparent;
  overflow-y: auto;
  max-height: calc(100vh - 160px);
  padding-right: 5px;
}

.record-surname {
  text-transform: uppercase;
}

.records-list .record-item {
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  background-color: var(--superficials);
  border-radius: 10px;
  padding: 10px 20px;
  align-items: center;
  height: 67px;
  position: relative;
  box-shadow: var(--shadow-s);
}

.number-and-name {
  display: flex;
  flex-direction: row;
  gap: 20px;
  align-items: center;
  z-index: 2;
}

.record-number {
  font-size: 22px;
  font-family: 'NumbersBold';
  padding-top: 4px;
  width: 37px;
  display: flex;
  justify-content: center;
}

.record-logo-div{
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  margin: 0 -10px;
}

.record-logo-div img, .record-logo-div div {
  width: 40px;
  height: 40px;
}

.record-team-drivers{
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
}

.record-drivers-separator{
  color: var(--text-general);
  user-select: none;
}

.record-team-driver{
  display: inline-flex;
  align-items: center;
  gap: 6px;
}

.record-driver-number{
  font-family: 'NumbersFont';
  padding-top: 1px;
  height: 21px;
}

.record-name {
  font-size: 20px;
  color: var(--text-general);
  line-height: 1.3;
}

.record-value {
  font-size: 22px;
  font-family: 'NumbersFont';
  padding-top: 4px;
  z-index: 2;
}

.name-and-team {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.record-team {
  font-size: 14px;
  color: var(--engine-table-name);
}

.rb-record::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: radial-gradient(circle at -19% 4%, var(--redbull-primary), transparent 30%);
  border-radius: 10px;
  z-index: 0;
}

.rb-record .record-team {
  color: var(--redbull-primary);
}

.rb-back::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: radial-gradient(circle at -5% 45%, var(--redbull-primary), transparent 120%);
  border-radius: 10px;
  z-index: 0;
  border-radius: 0px;
}

.rb-back-normal::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: radial-gradient(circle at -60% 45%, var(--redbull-primary), transparent);
  border-radius: 10px;
  z-index: 0;
}

.rb-back-normal-secondary::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: radial-gradient(circle at -60% 45%, var(--redbull-secondary), transparent);
  border-radius: 10px;
  z-index: 0;
}


.mc-record::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: radial-gradient(circle at -19% 4%, var(--mclaren-primary), transparent 30%);
  border-radius: 10px;
  z-index: 0;
}

.mc-record .record-team {
  color: var(--mclaren-primary);
}

.mc-back::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: radial-gradient(circle at -5% 45%, var(--mclaren-primary), transparent 120%);
  border-radius: 10px;
  z-index: 0;
  border-radius: 0px;
}

.mc-back-normal::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: radial-gradient(circle at -60% 45%, var(--mclaren-primary), transparent);
  border-radius: 10px;
  z-index: 0;
}

.mc-back-normal-secondary::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: radial-gradient(circle at -60% 45%, var(--mclaren-secondary), transparent);
  border-radius: 10px;
  z-index: 0;
}

.as-record::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: radial-gradient(circle at -19% 4%, var(--aston-primary), transparent 30%);
  border-radius: 10px;
  z-index: 0;
}

.as-record .record-team {
  color: var(--aston-primary);
}

.as-back::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: radial-gradient(circle at -5% 45%, var(--aston-primary), transparent 120%);
  border-radius: 10px;
  z-index: 0;
  border-radius: 0px;
}

.as-back-normal::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: radial-gradient(circle at -60% 45%, var(--aston-primary), transparent);
  border-radius: 10px;
  z-index: 0;
}

.as-back-normal-secondary::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: radial-gradient(circle at -60% 45%, var(--aston-secondary), transparent);
  border-radius: 10px;
  z-index: 0;
}

.al-record::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: radial-gradient(circle at -19% 4%, var(--alpine-primary), transparent 30%);
  border-radius: 10px;
  z-index: 0;
}

.al-record .record-team {
  color: var(--alpine-primary);
}

.al-back::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: radial-gradient(circle at -5% 45%, var(--alpine-primary), transparent 120%);
  border-radius: 10px;
  z-index: 0;
  border-radius: 0px;
}

.al-back-normal::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: radial-gradient(circle at -60% 45%, var(--alpine-primary), transparent);
  border-radius: 10px;
  z-index: 0;
}

.al-back-normal-secondary::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: radial-gradient(circle at -60% 45%, var(--alpine-secondary), transparent);
  border-radius: 10px;
  z-index: 0;
}

.af-record::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: radial-gradient(circle at -19% 4%, var(--alfa-primary), transparent 30%);
  border-radius: 10px;
  z-index: 0;
}

.af-record .record-team {
  color: var(--alfa-primary);
}

.af-back::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: radial-gradient(circle at -5% 45%, var(--alfa-primary), transparent 120%);
  border-radius: 10px;
  z-index: 0;
  border-radius: 0px;
}

.af-back-normal::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: radial-gradient(circle at -60% 45%, var(--alfa-primary), transparent);
  border-radius: 10px;
  z-index: 0;
}

.af-back-normal-secondary::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: radial-gradient(circle at -60% 45%, var(--alfa-secondary), transparent);
  border-radius: 10px;
  z-index: 0;
}

.ha-record::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: radial-gradient(circle at -19% 4%, var(--haas-primary), transparent 30%);
  border-radius: 10px;
  z-index: 0;
}

.ha-record .record-team {
  color: var(--haas-primary);
}

.ha-back::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: radial-gradient(circle at -5% 45%, var(--haas-primary), transparent 120%);
  border-radius: 10px;
  z-index: 0;
  border-radius: 0px;
}

.ha-back-normal::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: radial-gradient(circle at -60% 45%, var(--haas-primary), transparent);
  border-radius: 10px;
  z-index: 0;
}

.ha-back-normal-secondary::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: radial-gradient(circle at -60% 45%, var(--haas-secondary), transparent);
  border-radius: 10px;
  z-index: 0;
}

.wi-record::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: radial-gradient(circle at -19% 4%, var(--williams-primary), transparent 30%);
  border-radius: 10px;
  z-index: 0;
}

.wi-record .record-team {
  color: var(--williams-primary);
}

.wi-back::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: radial-gradient(circle at -5% 45%, var(--williams-primary), transparent 120%);
  border-radius: 10px;
  z-index: 0;
  border-radius: 0px;
}

.wi-back-normal::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: radial-gradient(circle at -60% 45%, var(--williams-primary), transparent);
  border-radius: 10px;
  z-index: 0;
}

.wi-back-normal-secondary::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: radial-gradient(circle at -60% 45%, var(--general-secondary), transparent);
  border-radius: 10px;
  z-index: 0;
}

.at-record::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: radial-gradient(circle at -19% 4%, var(--alphatauri-primary), transparent 30%);
  border-radius: 10px;
  z-index: 0;
}

.at-record .record-team {
  color: var(--alphatauri-primary);
}

.at-back::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: radial-gradient(circle at -5% 45%, var(--alphatauri-primary), transparent 120%);
  border-radius: 10px;
  z-index: 0;
  border-radius: 0px;
}

.at-back-normal::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: radial-gradient(circle at -60% 45%, var(--alphatauri-primary), transparent);
  border-radius: 10px;
  z-index: 0;
}

.at-back-normal-secondary::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: radial-gradient(circle at -60% 45%, var(--alphatauri-secondary), transparent);
  border-radius: 10px;
  z-index: 0;
}

.fe-record::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: radial-gradient(circle at -19% 4%, var(--ferrari-primary), transparent 30%);
  border-radius: 10px;
  z-index: 0;
}

.fe-record .record-team {
  color: var(--ferrari-primary);
}

.fe-back::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: radial-gradient(circle at -5% 45%, var(--ferrari-primary), transparent 120%);
  z-index: 0;
  border-radius: 0px;
}

.fe-back-normal::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: radial-gradient(circle at -60% 45%, var(--ferrari-primary), transparent);
  border-radius: 10px;
  z-index: 0;
}

.fe-back-normal-secondary::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: radial-gradient(circle at -60% 45%, var(--general-secondary), transparent);
  border-radius: 10px;
  z-index: 0;
}

.me-record::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: radial-gradient(circle at -19% 4%, var(--mercedes-primary), transparent 30%);
  border-radius: 10px;
  z-index: 0;
}

.me-record .record-team {
  color: var(--mercedes-primary);
}

.me-back::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: radial-gradient(circle at -5% 45%, var(--mercedes-primary), transparent 120%);
  border-radius: 10px;
  z-index: 0;
  border-radius: 0px;
}

.me-back-normal::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: radial-gradient(circle at -60% 45%, var(--mercedes-primary), transparent);
  border-radius: 10px;
  z-index: 0;
}

.me-back-normal-secondary::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: radial-gradient(circle at -60% 45%, var(--general-secondary), transparent);
  border-radius: 10px;
  z-index: 0;
}

.ct-record::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: radial-gradient(circle at -19% 4%, var(--custom-team-primary), transparent 30%);
  border-radius: 10px;
  z-index: 0;
}

.ct-record .record-team {
  color: var(--custom-team-primary);
}

.ct-back::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: radial-gradient(circle at -5% 45%, var(--custom-team-primary), transparent 120%);
  border-radius: 10px;
  z-index: 0;
  border-radius: 0px;
}

.ct-back-normal::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: radial-gradient(circle at -60% 45%, var(--custom-team-primary), transparent);
  border-radius: 10px;
  z-index: 0;
}

.ct-back-normal-secondary::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: radial-gradient(circle at -60% 45%, var(--custom-team-secondary), transparent 120%);
  border-radius: 10px;
  z-index: 0;
}

.generic-record::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: radial-gradient(circle at -19% 4%, color-mix(in srgb, var(--text-general) 60%, var(--engine-table-name)), transparent 30%);
  border-radius: 10px;
  z-index: 0;
}

.generic-record .record-team {
  color: color-mix(in srgb, var(--text-general) 60%, var(--engine-table-name));
}

.extra-stats-section {
  display: grid;
  grid-auto-flow: column;
  grid-template-rows: repeat(2, auto);
  grid-auto-columns: minmax(150px, max-content);
  color: var(--engine-table-name);
  border-left: 2px solid var(--engine-table-name);
  padding-left: 25px;
  column-gap: 15px;
  font-size: 15px;
  height: 45px;
}

#recordsTypeDropdown{
  min-width: 215px;
}

#tableTypeDropdown{
  right: 0px;
}

.dropdown-submenu {
  position: relative;
}

.dropdown-global .redesigned-dropdown-menu.dropdown-submenu-menu {
  top: 0;
  left: 100%;
  margin-top: 0;
  margin-left: 6px;
  opacity: 0;
  visibility: hidden;
  transform: translateX(-6px);
  pointer-events: none;
}

.dropdown-global .redesigned-dropdown-menu.dropdown-submenu-menu .dropdown-submenu-menu{
  margin-left: 1px;
}

.dropdown-global .redesigned-dropdown-menu.dropdown-submenu-menu::before {
  content: '';
  position: absolute;
  top: 0;
  left: -6px;
  width: 6px;
  height: 100%;
  background: transparent;
}

.dropdown-submenu:hover > .redesigned-dropdown-menu.dropdown-submenu-menu {
  opacity: 1;
  visibility: visible;
  transform: translateX(0);
  pointer-events: auto;
}

.dropdown-submenu:not(:hover)  .dropdown-submenu-menu {
  pointer-events: none;
}

.session-results-gp-menu {
  min-width: 240px;
  overflow: visible;
}

.session-results-scroll {
  max-height: 340px;
  overflow-y: auto;
  overflow-x: hidden;
  padding-right: 2px;
}

#sessionResultsGpList::-webkit-scrollbar,
.news-context-textarea::-webkit-scrollbar,
.news-options-context-textarea::-webkit-scrollbar  {
  width: 4px !important;
}

#sessionResultsGpList::-webkit-scrollbar-thumb,
.news-context-textarea::-webkit-scrollbar-thumb,
.news-options-context-textarea::-webkit-scrollbar-thumb {
  background-color: var(--white-general);
  border-radius: 3px !important;
}

#sessionResultsGpList::-webkit-scrollbar-thumb:hover,
.news-context-textarea::-webkit-scrollbar-thumb:hover,
.news-options-context-textarea::-webkit-scrollbar-thumb:hover {
  background-color: var(--scrollbar-hover);
  cursor: default !important;
}

#sessionResultsGpList {
  scrollbar-width: thin;
  scrollbar-color: var(--white-general) transparent;
}

.session-results-scroll .redesigned-dropdown-item {
  min-width: 220px;
}

.session-results-session-menu {
  min-width: 220px;
  z-index: 120;
}

.dropdown-global .redesigned-dropdown-menu.dropdown-submenu-menu.is-open {
  opacity: 1;
  visibility: visible;
  transform: translateX(0);
  pointer-events: auto;
}

.free-driver:hover .bi-ban {
  color: var(--negative-text);
}

.bi-ban:hover {
  color: var(--negative-general);
  cursor: pointer;
}


.H2Hradio {
  border-bottom: none;
  color: var(--text-general);
  background-color: transparent;
  transition: color 0.15s, background-color 0.15s;
  height: 28px;
  font-size: 16px;
  padding: 1px 5px;
  cursor: pointer;
  z-index: 100;
  position: relative;
  border-radius: 5px;
}

.performance-graph-button {
  color: var(--text-general);
  background-color: transparent;
  font-size: 24px;
  padding: 0 3px;
  cursor: pointer;
  position: relative;
  transition: color 0.15s, transform 0.15s;
}

.performance-graph-button:hover {
  color: var(--text-selected);
  transform: scale(1.1);
}

.performance-graph-button i.active {
  color: var(--new-primary);
}

.GraphButton {
  border-bottom: none;
  color: var(--text-general);
  background-color: transparent;
  transition: color 0.15s, background-color 0.15s;
  height: 28px;
  font-size: 16px;
  padding: 0 3px;
  cursor: pointer;
  z-index: 100;
  position: relative;
  border-radius: 5px;
  padding: 1px 5px;
}

.buttons-drivers-modal {
  display: flex;
  gap: 4px;
}

.H2Hradio:hover {
  background-color: var(--new-primary-transparent);
}

.GraphButton:hover {
  background-color: var(--new-secondary-transparent);
}

.H2Hradio.activated {
  background-color: var(--new-primary-transparent);
  color: var(--text-selected);
}

.GraphButton.activated {
  background-color: var(--new-secondary-transparent);
  color: var(--text-selected-secondary);
}

.H2Hradio:active,
.GraphButton:active {
  transform: scale(0.95);
}

.no-pointer {
  pointer-events: none;
}

.modal-dialog-lg {
  min-width: 1300px !important;
}

.modal-dialog-med {
  min-width: 900px !important;
}

.modal-dialog-sm {
  min-width: 600px !important;
}

.predict-footer {
  display: flex !important;
  justify-content: space-between !important;
}

.custom-bar {
  width: 350px;
  --bs-progress-bar-bg: var(--new-primary) !important;
}

.bar-and-indicator {
  opacity: 0;
  display: flex;
  align-items: center;
  gap: 6px;
}

.indicator {
  color: var(--new-primary);
}

.modal-driver {
  background-color: var(--elements);
  border-radius: 10px;
  padding: 8px;
  color: var(--text-general);
  transition: border-color 0.15s, color 0.15s, background-color 0.15s;
  position: relative;
  font-size: 15px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  box-shadow: var(--shadow-s);
}

.modal-team {
  background-color: var(--elements);
  border-radius: 10px;
  padding: 2px 8px;
  color: var(--text-general);
  transition: border-color 0.15s, color 0.15s, background-color 0.15s;
  position: relative;
  font-size: 15px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  box-shadow: var(--shadow-s);
}

.free-driver .custom-icon {
  color: transparent;
  transition: opacity 0.15s;
  width: 80px;
  opacity: 0;
  z-index: 3;
  display: flex;
  position: absolute;
  right: 6px;
  top: 6px;
  justify-content: flex-end;
}

.custom-icon i {
  transition: transform 0.15s, color 0.15s;
}



.standardlogo {
  width: 30px;
  height: 30px;
}


.custom-icon .bi-pencil-square {
  transition: color 0.15s, transform 0.15s;
}

.free-driver .bi-ban {
  opacity: 1 !important;
  transition: color 0.15s;
  color: var(--white-general);
  z-index: 10;
  position: absolute;
  right: 8px;
  cursor: pointer;
}

.free-driver .bi-ban:hover {
  color: var(--negative-general);
}

.custom-icon i:hover {
  color: var(--white-general);
  cursor: pointer;
}

.info-titles {
  color: var(--dark-text);
  font-size: 22px;
  cursor: pointer;
  transition: color 0.15s;
}

.info-titles:hover {
  color: var(--new-primary);
}


.free-driver:hover .custom-icon {
  color: var(--text-general);
  opacity: 1;
}

#free-drivers .free-driver:hover .custom-icon i,
#free-staff .free-driver:hover .custom-icon i {
  color: var(--text-general);
}

#free-drivers .free-driver:hover .custom-icon i:hover,
#free-staff .free-driver:hover .custom-icon i:hover {
  transform: scale(1.05);
}

#free-drivers,
#free-staff {
  overflow-y: scroll;
  margin-right: 4px;
  margin-left: 0px;
}

#allDrivers {
  box-shadow: var(--shadow-s);
}

#free-drivers {
  box-shadow: none;
}

#free-staff {
  box-shadow: none;
}


.free-driver:hover {
  cursor: grab !important;
  background-color: var(--table-hover);
}

.modal-driver:hover,
.modal-team:hover {
  cursor: default;
}

.modal-team.ferrari:hover {
  color: var(--ferrari-primary);
}

.modal-team.redbull:hover {
  color: var(--redbull-primary);
}

.modal-team.mclaren:hover {
  color: var(--mclaren-primary);
}

.modal-team.merc:hover {
  color: var(--mercedes-primary);
}

.modal-team.alpine:hover {
  color: var(--alpine-primary);
}

.modal-team.williams:hover {
  color: var(--williams-primary);
}

.modal-team.haas:hover {
  color: var(--haas-primary);
}

.modal-team.alpha:hover {
  color: var(--alphatauri-primary);
}

.modal-team.alfa:hover {
  color: var(--alfa-primary);
}

.modal-team.aston:hover {
  color: var(--aston-primary);
}

.blocking-div {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 100;
  display: flex;
  justify-content: center;
  align-items: center;
  color: var(--white-general);
  flex-direction: column;
  justify-content: center;
}

.drop-area.drag-over {
  border: 2px dashed var(--new-primary);
  background-color: color-mix(in srgb, var(--new-primary) 5%, var(--elements));
}

.splash-text {
  color: var(--dark-text);
  display: flex;
  justify-content: center;
}

.splash-logo {
  height: 370px;
  margin-bottom: 30px;
}

.blocking-confidence {
  background-color: var(--blur-color);
  z-index: 100;
  display: flex;
  color: var(--white-general);
  backdrop-filter: blur(3px);
  text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
  width: 20%;
  height: 7%;
  position: absolute;
  border-radius: 10px;
  text-align: center;
  align-items: center;
  justify-content: center;
}

.blocking-h2h {
  background-color: var(--blur-color);
  z-index: 100;
  display: flex;
  justify-content: center;
  align-items: center;
  color: var(--white-general);
  backdrop-filter: blur(3px);
  text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
  width: 24.9%;
  height: 658px;
  position: absolute;
  border-radius: 10px;
}


.normal-driver {
  background-color: var(--elements);
  cursor: pointer;
  border-radius: 10px;
  padding: 10px;
  margin: 10px 7px;
  color: var(--text-general);
  transition: border-color 0.15s, color 0.15s, background-color 0.15s;
  display: flex;
  justify-content: space-between;
  position: relative;
  box-shadow: var(--shadow-s);
}

.one-stat-panel,
.one-stat-invisible {
  border-radius: 10px;
  color: var(--text-general);
  transition: border-color 0.15s, background-color 0.15s;
  min-height: 70px;
  display: flex;
  justify-content: space-around;
  align-items: center;
  max-height: 70px;
  flex-direction: column;
  flex: 1 1 0;
}

.one-stat-invisible {
  pointer-events: none;
  opacity: 0;
}

.one-stat-panel .custom-input-number {
  width: 3ch;
  padding: 0;
}

.super-license-holder {
  display: flex !important;
  font-size: 16px;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  padding-left: 0px !important;
  margin-bottom: 0px !important;
}

.super-license-holder .form-check {
  margin-bottom: 0px !important;
}

.name-and-stat {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 20px !important;
}

.name-and-stat.mentality {
  padding: 4px 0;
}

.bar-container {
  height: 100%;
  width: 100%;
  align-items: center;
  display: flex;
}

.one-stat-bar {
  width: 100%;
  height: 6px;
  border-radius: 1px;
  background-color: var(--background);
  position: relative;
}

.one-stat-progress {
  position: absolute;
  background-color: var(--new-primary);
  transition: width 0.15s;
  border-radius: 1px;
  height: 100%;
}

.bar-container:has(.mentality-level-indicator.comparison-bar) {
  flex-direction: row-reverse;
}

.stat-number {
  display: flex;
  align-items: center;
}

.one-stat-panel span {
  color: var(--text-general);
  transition: color 0.15s;
  padding-top: 4px;
}



.positive {
  color: var(--positive-general);
}

.negative {
  color: var(--negative-general);
}

.input-and-buttons {
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-right: 5px;
  gap: 10px;
}

.team-viewer .input-buttons {
  flex-direction: row-reverse;
}

.input-buttons {
  display: flex;
  flex-direction: column;
  font-size: 16px !important;
  padding-top: 2px;
  gap: 5px;
}

.input-buttons .bi-chevron-up,
.input-buttons .bi-chevron-down {
  font-size: 14px !important;
}


.team-menu-logo {
  width: 50px;
  height: 42px;
  display: flex;
  align-items: center;
}

.team-menu-junior-generic {
  width: 50px;
  height: 42px;
  object-fit: contain;
}

.junior-driver-row {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  padding: 4px 0;
}

#juniorPosInTeam{
  width: 30px !important;
}

.junior-driver-left {
  display: flex;
  gap: 10px;
  align-items: baseline;
}

.junior-driver-car {
  color: var(--text-general);
  opacity: 0.75;
  font-size: 12px;
  min-width: 52px;
}

.junior-driver-name {
  color: var(--text-general);
}

.junior-replacing-tag {
  color: var(--new-primary);
  font-weight: 700;
}

.team-menu-aston {
  width: 50px;
  height: 45px;
  padding-bottom: 5px;
  padding-left: 2px;
  padding-top: 5px;
  padding-right: 3px;
}

.team-menu-audi {
  width: 45px;
  height: 45px;
  padding-bottom: 16px;
  padding-left: 3px;
  padding-top: 17px;
}

.changable-team-menu-visarb {
  height: 45px !important;
  padding-bottom: 7px !important;
  padding-left: 6px !important;
  padding-top: 7px !important;
}

.team-menu-haas {
  width: 40px;
  height: 40px;
  padding-bottom: 5px;
  padding-top: 7px;
  padding-left: 6px;
}

.team-menu-custom {
  width: 50px;
  height: 40px;
  padding-bottom: 1px;
  padding-top: 1px;
  padding-left: 3px;
}

.changable-team-menu-williams {
  width: 45px;
  height: 45px;
  padding-bottom: 11px;
  padding-left: 7px;
  padding-top: 10px;
  padding-right: 4px;
  -webkit-mask: url(/f1m-editor/assets/images/Williams_2026_logo.svg) no-repeat center;
  mask: url(/f1m-editor/assets/images/Williams_2026_logo.svg) no-repeat center;
  -webkit-mask-size: contain;
  mask-size: contain;
  background-color: var(--text-general);
}

.changable-team-menu-bmw {
  width: 100%;
  padding-left: 5px;
}

.changable-team-menu-brawn {
  width: 50px !important;
  height: 45px !important;
  padding-bottom: 18px !important;
  padding-left: 5px !important;
  padding-top: 18px !important;
  padding-right: 5px !important;
  margin-left: 0px !important;
}

.changable-team-menu-andretti {
  width: 100% !important;
  height: 100% !important;
  padding-bottom: 3px !important;
  padding-top: 8px !important;
  padding-left: 7px !important;
}

.team-menu-merc {
  width: 50px;
  height: 40px;
  padding-bottom: 5px;
  padding-top: 7px;
  padding-left: 10px;
  padding-right: 8px;
}

.team-menu-redbull {
  width: 45px;
  height: 40px;
  padding-bottom: 8px;
  padding-left: 3px;
  padding-top: 7px;
}

.changable-team-menu-redbull {
  width: 45px;
  height: 40px;
  padding-bottom: 8px;
  padding-left: 3px;
  padding-top: 7px;
}

.changable-team-menu-ford {
  width: 45px;
  height: 40px;
  padding-bottom: 6px;
  padding-left: 3px;
  padding-top: 6px;
}

.changable-team-menu-aston {
  width: 50px;
  height: 45px;
  padding-bottom: 5px;
  padding-left: 2px;
  padding-top: 5px;
  padding-right: 3px;
}

.changable-team-menu-racingpoint,
.changable-team-menu-jordan {
  width: 45px;
  height: 40px;
  padding-bottom: 6px;
  padding-left: 3px;
  padding-top: 6px;
}

.changable-team-menu-cadillac {
  width: 45px;
  height: 40px;
  padding-bottom: 6px;
  padding-left: 3px;
  padding-top: 6px;
}

.team-menu-mclaren {
  width: 40px;
  height: 40px;
  padding-bottom: 4px;
  padding-top: 7px;
  padding-left: 6px;
  -webkit-mask: url(/f1m-editor/assets/images/mclaren.svg) no-repeat center;
  mask: url(/f1m-editor/assets/images/mclaren.svg) no-repeat center;
  -webkit-mask-size: 90%;
  mask-size: 90%;
  background-color: var(--mclaren-primary);
}

.team-menu-ferrari {
  width: 50px;
  height: 40px;
  padding-bottom: 6px;
  padding-top: 8px;
  padding-left: 9px;
  padding-right: 9px;
}

.changable-team-menu-alpine {
  width: 100% !important;
  height: 100% !important;
  padding-bottom: 6px !important;
  padding-top: 9px !important;
  padding-left: 6px !important;
}

.changable-team-menu-alphatauri {
  width: 45px !important;
  height: 45px !important;
  padding-bottom: 12px !important;
  padding-left: 8px !important;
  padding-top: 12px !important;
  padding-right: 4px !important;
}

.changable-team-menu-alfa {
  width: 40px !important;
  height: 40px !important;
  padding-bottom: 3px !important;
  padding-top: 5px !important;
  padding-left: 7px !important;
}

.team-menu-renault {
  width: 45px;
  height: 40px;
  padding-bottom: 6px;
  padding-top: 8px;
  padding-left: 10px;
  padding-right: 5px;
}

.changable-team-menu-hugo {
  height: 45px !important;
  width: 50px !important;
  padding-bottom: 7px !important;
  padding-top: 7px !important;
}

.changable-team-menu-stake {
  width: 40px !important;
  height: 40px !important;
  padding-bottom: 3px !important;
  padding-top: 5px !important;
  padding-left: 7px !important;
}

.changable-team-menu-sauber {
  width: 100% !important;
  height: 30px !important;
}

.changable-team-menu-lotus {
  width: 100% !important;
  height: 100% !important;
  padding-bottom: 4px !important;
  padding-top: 4px !important;
  padding-left: 6px !important;
}

.changable-team-menu-renault {
  width: 100% !important;
  height: 100% !important;
  padding-bottom: 6px;
  padding-top: 8px;
  padding-left: 9px;
  padding-right: 9px;
}

.changable-team-menu-toyota {
  width: 50px !important;
  height: 45px !important;
  padding-bottom: 9px !important;
  padding-left: 5px !important;
  padding-top: 8px !important;
  padding-right: 6px !important;
}

.changable-team-menu-porsche {
  width: 45px !important;
  height: 40px !important;
  padding-bottom: 6px !important;
  padding-top: 8px !important;
  padding-left: 10px !important;
  padding-right: 5px !important;
}

#teamButton {
  z-index: 2;
}

#teamsDiv {
  display: flex;
  flex-direction: column;
  background-color: var(--superficials);
  gap: 0px;
  padding: 10px;
  justify-content: space-between;
}


#carsDiv{
  background-color: var(--superficials);
}


.generalPills {
  color: var(--text-general) !important;
  border: 0px 2px solid transparent !important;
  transition: border-color 0.15s, background-color 0.15s, color 0.15s, width 0.15s !important;
  display: flex;
  position: relative;
  background: none;
  cursor: pointer !important;
}

.basic-label {
  cursor: pointer;
  z-index: 1;
  transition: color 0.15s, transform 0.15s;
  pointer-events: none;
}

.generalPills::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: radial-gradient(ellipse 70% 150% at center bottom, var(--new-primary), transparent 70%);
  opacity: 0;
  transition: opacity 0.25s ease;
  transition-delay: 0.15s;
  pointer-events: none;
  z-index: 0;
}

.generalPills:hover::before {
  opacity: 1;
}

.generalPills:hover,
.scriptPills:hover {
  color: var(--white-general) !important;
}

.generalPills:not(:hover)::before {
  transition-delay: 0s;
}

.generalPills.active::before {
  opacity: 1;
  transition-delay: 0s;
}

.generalPills.active {
  background-color: transparent !important;
  color: var(--white-general) !important;
}

.generalPills .pill-line {
  background-color: var(--new-primary);
  width: 0%;
}

.generalPills:hover .pill-line,
.generalPills.active .pill-line {
  width: 100%;
}


.scriptPills {
  color: var(--text-general) !important;
  border: 2px solid transparent !important;
  transition: border-color 0.15s, background-color 0.15s, color 0.15s !important;
  width: 80px !important;
  min-width: 80px !important;
  max-width: 80px !important;
  height: 44px;
  display: flex;
  position: relative;
  background: none;
  justify-content: flex-start;
  align-items: center;
  padding-left: 8px;
  padding-right: 8px;
  overflow: hidden;
  box-sizing: border-box;
}

.scriptPills:hover,
.scriptPills:focus,
.scriptPills:focus-visible,
.scriptPills.active {
  width: 80px !important;
  min-width: 80px !important;
  max-width: 80px !important;
  box-shadow: none !important;
  outline: none !important;
}


#predictpill:hover,
#predictpill:hover .pill-line,
#predictpill.active .pill-line,
#predictpill.active {
  width: 120px;
}


#h2hpill:hover,
#h2hpill:hover .pill-line,
#h2hpill.active .pill-line,
#h2hpill.active {
  width: 150px;
}

#newspill:hover,
#newspill:hover .pill-line,
#newspill.active .pill-line,
#newspill.active {
  width: 81px;
}

#viewerpill:hover,
#viewerpill:hover .pill-line,
#viewerpill.active .pill-line,
#viewerpill.active {
  width: 111px;
}

#transferpill:hover,
#transferpill:hover .pill-line,
#transferpill.active .pill-line,
#transferpill.active {
  width: 133px;
}

#statspill:hover,
#statspill:hover .pill-line,
#statspill.active .pill-line,
#statspill.active {
  width: 138px;
}

#constructorspill:hover,
#constructorspill:hover .pill-line,
#constructorspill.active .pill-line,
#constructorspill.active {
  width: 95px;
}

#calendarpill:hover,
#calendarpill:hover .pill-line,
#calendarpill.active .pill-line,
#calendarpill.active {
  width: 130px;
}

#regulationspill:hover,
#regulationspill:hover .pill-line,
#regulationspill.active .pill-line,
#regulationspill.active {
  width: 158px;
}

#carpill:hover,
#carpill:hover .pill-line,
#carpill.active .pill-line,
#carpill.active {
  width: 171px;
}

#modpill {
  width: 100px !important;
  min-width: 100px !important;
  max-width: 100px !important;
}

#modpill:hover,
#modpill:hover .pill-line,
#modpill.active .pill-line,
#modpill.active {
  width: 100px;
}

#modpill .pill-label {
  width: 65px;
}

#specialCarIcon {
  width: 20px;
  height: 20px;
  bottom: 8px;
  -webkit-mask: url(/f1m-editor/assets/images/car.svg) no-repeat center;
  mask: url(/f1m-editor/assets/images/car.svg) no-repeat center;
  -webkit-mask-size: contain;
  mask-size: contain;
  background-color: var(--text-general);
}



.download-save-button {
  width: 86px;
  display: flex;
  align-items: center;
  justify-content: center;
  align-content: center;
  height: 40px;
  transition: all 0.15s;
  opacity: 1;
  gap: 6px;
}

.download-save-controls {
  display: flex;
  align-items: center;
  height: 100%;
}

.download-save-progress {
  width: 160px;
  min-width: 160px;
  margin-left: 8px;
  opacity: 1;
  transition: width 0.15s, min-width 0.15s, margin-left 0.15s, opacity 0.15s;
}

.download-save-button.hidden {
  opacity: 0;
  pointer-events: none;
}

.download-save-progress.hidden {
  width: 0;
  min-width: 0;
  margin-left: 0;
  opacity: 0;
  pointer-events: none;
}

.download-save-button i {
  font-size: 20px;
  background-size: 200% 200%;
  transition: all 0.15s, transform 0s;
  display: inline-block;
}

.download-save-button span {
  font-size: 13px;
  font-weight: 600;
  color: var(--text-general);
  transition: all 0.15s;
}

.download-save-button:hover {
  cursor: pointer;
  transform: scale(1.1);
}

.download-save-button:hover i,
.download-save-button:hover span {
  background: linear-gradient(to right, var(--new-primary), var(--text-general), var(--new-primary));
  background-clip: text;
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  animation: gradient-move-title 4s infinite linear;
  background-size: 200% 200%;
}

.download-save-button:active {
  transform: scale(0.98);
}

#panicDownloadButton{
  width: max-content;
  margin-top: 5px;
}
#amoLogo:hover {
  background: linear-gradient(to right, var(--amo-1), var(--amo-2), var(--amo-1));
  background-size: 200% 200%;
  animation: gradient-move-title 5s linear infinite;
  transform: scale(1.1);
}

#amoPill {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  position: absolute;
  right: 0px;
  background: linear-gradient(to right, transparent, #202020 50%);
  width: 135px;
  border-bottom-right-radius: 10px;
}

#amoLogo {
  height: 30px;
  width: 50px;
  margin-right: 10px;
  transition: transform 0.15s ease;
  /* Solo transiciona transform */
  cursor: pointer;

  background: #dedde6;

  -webkit-mask: url(/f1m-editor/assets/images/AMO.svg) no-repeat center;
  -webkit-mask-size: contain;
  mask: url(/f1m-editor/assets/images/AMO.svg) no-repeat center;
  mask-size: contain;

  will-change: transform;
}

.pill-icon {
  opacity: 1;
  transition: opacity 0.10s;
  font-size: 18px;
  position: absolute;
  left: 8px;
  top: 50%;
  transform: translateY(-50%);
  flex-shrink: 0;
}

.pill-label {
  opacity: 1;
  transition: opacity 0.10s;
  position: absolute;
  left: 32px;
  top: 50%;
  transform: translateY(-50%);
  cursor: pointer;
  pointer-events: auto;
  white-space: nowrap;
  font-size: 13px;
  width: 50px;
  overflow: hidden;
  text-overflow: ellipsis;
  flex-shrink: 0;
}

.pill-line {
  width: 0px;
  height: 2px;
  transition: width 0.15s, background-color 0.15s;
  background-color: var(--white-general);
  position: absolute;
  bottom: 0;
  left: 0;
  pointer-events: none;
  box-sizing: border-box;
}



.scriptPills::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: radial-gradient(ellipse 70% 150% at center bottom, var(--new-primary), transparent 70%);
  opacity: 0;
  transition: opacity 0.25s ease;
  transition-delay: 0.15s;
  pointer-events: none;
  box-sizing: border-box;
  z-index: -1;
}

.scriptPills.active {
  background-color: transparent !important;
  color: var(--white-general) !important;
}

.scriptPills.active::before {
  opacity: 1;
  transition-delay: 0s;
  /* Asegurarse de que no haya retraso en el estado activo */
}

.scriptPills .pill-line {
  background-color: var(--new-primary);
  width: 0%;
}

.scriptPills:hover .pill-line,
.scriptPills.active .pill-line {
  width: calc(100% - 4px);
  left: 2px;
}

.ai-pills::before {
  background: radial-gradient(ellipse 75% 160% at center 110%, var(--mode-line-ai), transparent 70%);
}

.ai-pills .pill-line {
  background-color: var(--ai-transparent);
}

.edit-pills::before {
  background: radial-gradient(ellipse 70% 160% at center 110%, var(--mode-line-edit), transparent 70%);
}

.edit-pills .pill-line {
  background-color: var(--edit-transparent);
}


.view-pills::before {
  background: radial-gradient(ellipse 70% 160% at center 110%, var(--mode-line-view), transparent 70%);
}

.view-pills .pill-line {
  background-color: var(--view-transparent);
}

.scriptPills:hover::before {
  opacity: 1;
}

.scriptPills:not(:hover)::before {
  transition-delay: 0s;
  /* No delay when not hovering */
}

.custom-input-number {
  background-color: transparent;
  padding: 3px;
  color: var(--text-general);
  max-width: 52px;
  border: 0px solid;
  font-size: 20px;
  transition: background-color 0.15s, color 0.15s, border-color 0.15s !important;
  text-align: center;
}

.old-custom-input-number {
  background-color: transparent;
  padding: 6px;
  margin-right: 7px;
  color: var(--text-general);
  max-width: 60px;
  border-bottom: 2px solid transparent;
  border-right: 0px solid;
  border-left: 0px solid;
  border-top: 0px solid;
  font-size: 20px;
  transition: background-color 0.15s, color 0.15s, border-color 0.15s !important;
  text-align: center;
}

#contractModal .contract-modal-input {
  padding: 6px;
  margin-right: 0;
  max-width: none;
  text-align: left;
  border-bottom: 2px solid transparent;
  border-right: 0px solid;
  border-left: 0px solid;
  border-top: 0px solid;
  width: 140px;
  font-size: 18px;
}

#contractModal .contract-details .unit-and-input {
  gap: 6px;
  font-size: 16px;
}

.contract-details i:not(.new-augment-button) {
  transition: transform 0.15s, color 0.15s;
}

.custom-input-number::selection {
  background-color: transparent;
}


.custom-input-number:hover,
.old-custom-input-number:hover {
  border-color: var(--text-selected);
}

.custom-input-number:focus,
.old-custom-input-number:focus {
  color: var(--text-selected);
  outline: 0px solid transparent;
  border-color: var(--new-primary);
}


input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

input[type='number'] {
  -moz-appearance: textfield;
  appearance: textfield;
}

.normal-driver:hover {
  background-color: var(--table-hover);
}

.normal-driver.clicked .surname {
  color: var(--negative-text) !important;
}

.normal-driver.clicked .small-ovr {
  color: var(--negative-text) !important;
}

.small-ovr {
  gap: 5px;
  display: flex;
  overflow: hidden;
}

.small-ovr span {
  width: 25px;
}

.mentality-small-ovr-positive {
  color: var(--positive-general);
}

.normal-driver.clicked .mentality-small-ovr-positive {
  color: var(--positive-general-clicked);
}

.mentality-small-ovr-negative {
  color: var(--negative-general);
}

.normal-driver.clicked .mentality-small-ovr-negative {
  color: var(--negative-general-clicked);
}

.race.selected,
.normal-driver.clicked,
.fe-transparent.clicked:hover,
.mc-transparent.clicked:hover,
.me-transparent.clicked:hover,
.al-transparent.clicked:hover,
.wi-transparent.clicked:hover,
.ha-transparent.clicked:hover,
.at-transparent.clicked:hover,
.as-transparent.clicked:hover,
.af-transparent.clicked:hover,
.rb-transparent.clicked:hover {
  background: var(--text-general) !important;
  color: var(--negative-text) !important;
}

.normal-driver span,
.normal-driver .bold-font {
  z-index: 3;
  position: relative;
}

.team-template {
  background-color: var(--superficials);
  border: none;
  color: var(--white-general);
  display: flex;
  flex-direction: row;
  position: relative;
  padding: 5px;
  box-shadow: var(--shadow-s);
  flex-grow: 1;
  border-radius: 10px;
  overflow: hidden;
}

.viewer-top {
  display: flex;
  flex-direction: row;
  align-items: center;
}

.team-performance,
.car-performance {
  display: flex;
  flex-direction: column;
  gap: 1px;
}

.car-performance {
  gap: 0px
}

.performance-bar {
  height: 5px;
  width: 100%;
  background-color: var(--background);
  position: relative;
  margin: 4px 0;
}

.car .performance-bar {
  height: 3px;
  margin: 0px;
  margin-top: 2px;
}

.car .performance-bar-progress {
  height: 3px;
}

.performance-bar-progress {
  width: 0%;
  height: 5px;
  position: absolute;
  border-right: 1px solid var(--text-general);
}

.performance-bar-progress.rb {
  background-color: var(--redbull-primary);
}

.performance-bar-progress.fe {
  background-color: var(--ferrari-primary);
}

.performance-bar-progress.mc {
  background-color: var(--mclaren-primary);
}

.performance-bar-progress.me {
  background-color: var(--mercedes-primary);
}

.performance-bar-progress.al {
  background-color: var(--alpine-primary);
}

.performance-bar-progress.wi {
  background-color: var(--williams-primary);
}

.performance-bar-progress.ha {
  background-color: var(--haas-primary);
}

.performance-bar-progress.at {
  background-color: var(--alphatauri-primary);
}

.performance-bar-progress.as {
  background-color: var(--aston-primary);
}

.performance-bar-progress.af {
  background-color: var(--alfa-primary);
}

.performance-bar-progress.ct {
  background-color: var(--custom-team-primary);
}

.logo-and-name {
  display: flex;
  flex-direction: row;
  max-height: 46px;
  align-items: center;
}

.new-logo-and-name {
  display: flex;
  flex-direction: row;
  align-items: center;
  min-width: 250px;
  z-index: 1;
}

.logo-and-title {
  display: flex;
  flex-direction: row;
  height: 54.5px;

}

.car-title {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  font-size: 13px;
  height: 13.5px;
  padding-bottom: 4px;
}

.team-title {
  display: flex;
  align-items: center;
  font-size: 18px;
  justify-content: space-between;
}

.team-performance:hover .team-title-value {
  color: var(--white-general);
}

.team-performance.selected .team-title-value {
  color: var(--white-general);
}

.team-title-value {
  color: var(--dark-text);
  transition: color 0.15s;
}

.car:hover .main-car,
.team:hover .main-car {
  border-left: 2px solid var(--white-general);
}

.car.selected .main-car,
.team.selected .main-car {
  border-left: 2px solid var(--white-general);
}

.main-car {
  border-left: 2px solid var(--separator);
  padding-left: 7px;
  transition: border-color 0.15s;
}

.team .main-car {
  padding-left: 12px;
}

.nunmber-and-car,
.number-and-team {
  display: flex;
  flex-direction: row;
}

.performance-number {
  width: 8%;
  text-align: center;
  padding-right: 7px;
  font-size: 16px;
  max-height: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding-top: 4px;
  transition: transform 0.15s;
}

/* move it 2 pixels to the right */
.number-and-team:hover .team-number,
.number-and-team.selected .team-number {
  transform: translateX(2px);
}

.nunmber-and-car:hover .performance-number,
.nunmber-and-car.selected .performance-number {
  transform: translateX(2px);
}

.team-number {
  width: 10%;
  text-align: center;
  font-size: 22px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding-right: 9.5px;
  transition: transform 0.15s;
}

.car-performance.selected .value {
  color: var(--white-general);
}

.car-performance:hover .value {
  color: var(--white-general);
}

.car-missing-parts {
  color: var(--negative-general);
  font-size: 12px;
  padding-top: 2px;
  display: flex;
  align-items: center;
}

.car-missing-parts .bi-check-all {
  color: var(--positive-general);
  font-size: 20px;
}

.car-missing-parts .bi-exclamation-triangle-fill {
  padding-bottom: 2px;
  margin-left: 4px;
}

.car-missing-parts .value {
  color: var(--dark-text);
  transition: color 0.15s;
  width: 56px;
  display: flex;
  justify-content: flex-end;
}

.team-template .team-name {
  max-width: 200px;
}


.team-name {
  padding-bottom: 10px;
  padding-left: 10px;
  padding-top: 10px;
  overflow: hidden;
  white-space: nowrap;
  text-transform: uppercase;
}


.perf-title {
  padding-bottom: 10px;
  padding-top: 5px;
}

.team-viewer {
  display: flex;
  flex-direction: row;
  padding: 15px 20px;
  align-items: center;
  justify-content: space-between;
}

.team-separator{
  width: 2px;
  background-color: var(--separator-light);
  height: 620px;
}

#teamBudgetInput {
  min-width: 130px;
}


#costCapInput {
  min-width: 150px;
}

.team-header {
  font-size: 44px;
  height: 55px;
  width: 100%;
}

.component-and-title {
  display: flex;
  flex-direction: column;
  width: 100%;
  gap: 5px;
}

.component-and-title:has(.pit-crew-details) {
  gap: 0px;
}

.viewer-component {
  display: flex;
  flex-direction: row;
}

.facility-component {
  margin-top: 20px;
  display: flex;
  flex-direction: column;
}


.facility,
.facility-level-indicator,
.mentality-level-indicator {
  display: flex;
  flex-direction: row;
  align-items: center;
}

.facility {
  margin-top: 5px;
  justify-content: space-between;
  position: relative;
  height: 52px;
}

.condition-container {
  position: absolute;
  bottom: 0px;
  display: flex;
  flex-direction: row;
  width: 100%;
  align-items: center;
}

.condition-container-bar {
  width: 100%;
  background-color: var(--background);
  height: 2px;
  margin-right: 8px;
  margin-top: 5px;
}

.condition-container-bar-progress {
  width: 33%;
  background-color: var(--positive-general);
  height: 2px;
  transition: width 0.15s;
}

.condition-container-buttons {
  display: flex;
  flex-direction: row;
  font-size: 24px;
  height: 30px;
}

.condition-container-buttons i {
  cursor: pointer;
  transition: transform 0.15s, color 0.15s;
  display: flex;
  align-items: center;
}

.condition-container-value {
  font-family: "Formula1Bold";
  color: var(--positive-general);
  width: 60px;
  text-align: right;
}

.condition-container-buttons i:hover {
  transform: scale(1.05);
  color: var(--positive-general);
}

.facility-refurbish {
  width: 5%;
  font-size: 20px;
  display: flex;
  justify-content: center;
}

.facility-refurbish svg {
  width: 28px;
  padding-bottom: 11px;
  transition: color 0.15s, transform 0.15s;
  cursor: pointer;
}

.facility-refurbish svg:hover {
  color: var(--positive-general);
  transform: scale(1.1);
}

.facility-level-indicator,
.mentality-level-indicator {
  gap: 6px;
  margin: 0 10px;
  padding-top: 1px;
  flex-grow: 1;
}

.facility-name {
  width: 50%;
  color: var(--text-general);
}

.custom-button {
  height: 40px;
  font-size: 16px;
  padding: 0 10px;
}


.color-selector {
  display: flex;
  align-items: center;
  gap: 5px;
}

.color-selector .title-secondary{
  width: 150px;
}

.logo-selector {
  display: flex;
  flex-direction: column;
  gap: 5px;
}

.logo-and-preview {
  display: flex;
  flex-direction: row;
  gap: 10px;
  align-items: center;
}

.title-secondary{
  color: var(--text-secondary);
}

.logo-preview {
  width: 30px;
  height: 30px;
  background-color: transparent;
  border: solid 1px var(--toast-background);
}

.color-reader {
  background-color: transparent;
  border: none;
  color: var(--text-general);
  width: 100px;
}

.color-picker {
  width: 30px;
  height: 30px;
  background-color: transparent;
  border: none;
  cursor: pointer;
}

.custom-logo-selection {
  display: flex;
  gap: 10px;
  flex-direction: row;
}

.colors-selector {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

#teamMenu a,
.team-select-menu a {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding: 0;
}

#teamContractMenu {
  max-height: 250px;
  overflow-y: scroll;
}

#teamContractMenu a {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding: 0;
  min-width: 215px;
}

.team-select-menu a {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding: 0;
}


#viewer-first {
  width: 49%;
  padding-right: 20px;
  display: flex;
  flex-direction: column;
  gap: 10px;
}

#viewer-second {
  width: 50%;
  padding-left: 20px;
  align-self: flex-start;
}

.separator {
  width: 2px;
  background-color: var(--separator);
  height: 100%;
}

.separator-2 {
  margin-top: 30px;
  width: 2px;
  background-color: var(--elements);
  height: 90%;
}



.main-second-viewer {
  min-height: 580px;
  position: relative;
  overflow-y: auto;
  max-height: 620px;
  overflow-x: hidden;
  padding-right: 13px;
}

.save-button-zone {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  width: 100%
}

.level {
  height: 8px;
  width: 20%;
  background-color: var(--mid-gray-contrast);
  transition: background-color 0.15s;
}

.mentality-level {
  height: 8px;
  border-radius: 2px;
  width: 20%;
  background-color: var(--mid-gray-contrast);
  transition: background-color 0.15s;
}

.mentality-and-emoji.demoralized {
  color: var(--mentality-demoralized);
}

.mentality-level.demoralized {
  background-color: var(--mentality-demoralized);
}

.mentality-and-emoji.negative {
  color: var(--mentality-negative);
}

.mentality-level.negative {
  background-color: var(--mentality-negative);
}

.mentality-and-emoji.positive {
  color: var(--mentality-positive);

}

.mentality-level.positive {
  background-color: var(--mentality-positive);
}

.mentality-and-emoji.enthusiastic {
  color: var(--mentality-enthusiastic);
}

.mentality-and-emoji.neutral {
  color: var(--mentality-neutral);
}

.mentality-level.neutral {
  background-color: var(--mentality-neutral);
}

.mentality-level.enthusiastic {
  background-color: var(--mentality-enthusiastic);
}

.bar-container i {
  transition: color 0.15s;
  cursor: pointer;
}



.name-and-emoji {
  transition: color 0.15s;
}

.level.activated {
  background-color: var(--white-general) !important;
}

.viewer-component .custom-input-number,
.facility-component .custom-input-number,
.facility-component-lg .custom-input-number {
  background-color: transparent !important;
  text-align: center;
  padding: 8px;
  height: 39.2px !important;
}

.facility .bi-chevron-right {
  margin-right: 15px;
}

#confidenceInput {
  min-width: 70px !important;
}

.condition-input {
  max-width: 80px;
}

.facility-condition {
  margin-left: 45px;
  gap: 10px;
  display: flex;
  flex-direction: row;
  align-items: center;
}

#longTermInput {
  min-width: 70px;
}

#objectiveButton {
  max-width: 290px !important;
}

#objectiveButton::before,
#carDevButton::before,
#operationButton::before,
#staffButton::before,
#engineButton::before {
  z-index: 0 !important;
}

.pit-crew-details .one-stat-panel {
  width: 33%;
  margin: 5px 0;
  /* background-color: transparent;
  box-shadow: none; */
}

.pit-crew-details .one-stat-panel input {
  font-size: 14px;
  padding: 5px 0;
  width: 51px;
  text-align: center;
}

.component-title {
  font-size: 20px;
  color: var(--text-secondary);
}

.first-component,
.second-component {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  gap: 3px;
}

.first-component{
  width: 35%;
}

.second-component{
  flex-grow: 1;
}

#editorPill {
  width: 81px;
}

#gamePill {
  width: 78px;
}



.q-label {
  background-color: red;
  color: var(--white-general);
  border-radius: 5px;
  padding: 3px;
}

.component-subtitle {
  font-size: 20px;
  color: var(--text-secondary);
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}

.logo-margin-top {
  margin-top: 2px;

}

.redbulllogo,
#rblogo {
  width: 40px;
  height: 40px;
  padding: 8px 0;
}

.ferrarilogo,
#felogo {
  width: 40px;
  height: 40px;
  padding: 5px;
}

.porschelogo {
  width: 40px;
  height: 40px;
  padding: 5px;
}

.andrettilogo {
  width: 100%;
  height: 100%;
  padding: 6px 4px;
}

.merclogo,
#melogo {
  width: 40px;
  height: 40px;
  padding-bottom: 7px;
  padding-top: 5px;
  padding-left: 5px;
  padding-right: 4px;
}

.merclogo2 {
  width: 40px;
  height: 40px;
  padding: 5px;
}

.renaultlogo,
#relogo {
  width: 100%;
  height: 100%;
  padding-bottom: 7px;
  padding-top: 5px;
  padding-left: 3px;
  padding-right: 2px;
}

#teamContractMenu .alpine-logo-container {
  width: 50px;
}

#teamContractMenu .alphatauri-logo-container {
  width: 50px;
  padding: 4px;
}

#teamMenu .alphatauri-logo-container:has(.alphataurilogo) {
  width: 50px;
  height: 40px;
  padding: 0px 0px 0px 6px;
}

.alphatauri-logo-container:has(.alphataurilogo) {
  width: 40px;
  height: 40px;
  padding: 8px 4px;
}

#teamMenu .alphatauri-logo-container:has(.visarblogo) {
  width: 50px;
  height: 40px;
  padding: 0px 4px 0px 6px;
}

.alphatauri-logo-container:has(.visarblogo) {
  width: 40px;
  height: 40px;
  padding: 0px 2px;
}

.alphatauri-logo-container:has(.brawnlogo) {
  width: 40px;
  height: 40px;
  padding-left: 4px;
}

#teamMenu .alphatauri-logo-container:has(.hugologo) {
  width: 50px;
  height: 40px;
  padding: 5px 0px 5px 2px;
}

.alphatauri-logo-container:has(.hugologo) {
  width: 40px;
  height: 40px;
  padding: 5px 0px;
}

#teamMenu .alpine-logo-container:has(.alpinelogo) {
  width: 50px;
  height: 40px;
  padding: 8px 2px 9px 7px;
}

.alpine-logo-container:has(.alpinelogo) {
  width: 40px;
  height: 40px;
  padding: 8px 2px 9px 2px;
}

#teamMenu .alpine-logo-container:has(.andrettilogo) {
  width: 50px;
  height: 40px;
  padding: 6px 2px 6px 7px;
}

.alpine-logo-container:has(.andrettilogo) {
  width: 40px;
  height: 40px;
  padding: 6px 4px;
}

#teamMenu .alpine-logo-container:has(.renaultlogo) {
  width: 50px;
  height: 40px;
  padding: 5px 0px 7px 5px;
}

.alpine-logo-container:has(.renaultlogo) {
  width: 40px;
  height: 40px;
  padding: 5px 2px 7px 3px;
}

#teamMenu .alpine-logo-container:has(.lotuslogo) {
  width: 50px;
  height: 40px;
  padding: 1px 0px 1px 5px;
}

.alpine-logo-container:has(.lotuslogo) {
  width: 40px;
  height: 40px;
  padding: 1px 0px;
}

.alpinelogo,
#allogo {
  width: 100%;
  height: 100%;
  padding-bottom: 9px;
  padding-top: 8px;
  padding-left: 2px;
  padding-right: 2px;
  transition: opacity 0.15s;
}

.alpinelogo {
  -webkit-mask: url(/f1m-editor/assets/images/alpine.svg) no-repeat center;
  mask: url(/f1m-editor/assets/images/alpine.svg) no-repeat center;
  -webkit-mask-size: contain;
  mask-size: contain;
  background-color: var(--logos-general);
}

.renaultlogo {
  -webkit-mask: url(/f1m-editor/assets/images/renault.svg) no-repeat center;
  mask: url(/f1m-editor/assets/images/renault.svg) no-repeat center;
  -webkit-mask-size: contain;
  mask-size: contain;
  background-color: var(--logos-general);
}

.andrettilogo {
  -webkit-mask: url(/f1m-editor/assets/images/andretti.svg) no-repeat center;
  mask: url(/f1m-editor/assets/images/andretti.svg) no-repeat center;
  -webkit-mask-size: contain;
  mask-size: contain;
  background-color: var(--logos-general);
}

.lotuslogo {
  -webkit-mask: url(/f1m-editor/assets/images/lotus.svg) no-repeat center;
  mask: url(/f1m-editor/assets/images/lotus.svg) no-repeat center;
  -webkit-mask-size: contain;
  mask-size: contain;
  background-color: var(--logos-general);
}

.mclarenlogo,
#mclogo {
  width: 40px;
  height: 40px;
  padding: 2px;
  -webkit-mask: url(/f1m-editor/assets/images/mclaren.svg) no-repeat center;
  mask: url(/f1m-editor/assets/images/mclaren.svg) no-repeat center;
  -webkit-mask-size: 90%;
  background-color: var(--mclaren-primary);
  transition: opacity 0.15s;
  mask-size: 90%;
}

.alfalogo,
#aflogo {
  width: 40px;
  height: 40px;
  padding: 3px;
}

.team-menu-logo .astonlogo, .team-menu-logo .redbulllogo, .team-menu-logo .mclarenlogo {
  width: 50px;
}

.astonlogo,
#aslogo {
  width: 40px;
  height: 40px;
  padding-bottom: 5px;
  padding-left: 1px;
  padding-top: 5px;
}

.fordlogo,
.jordanlogo,
.cadillaclogo {
  width: 40px;
  height: 40px;
  padding: 6px 2px;
}

.racingpointlogo{
  width: 40px;
  height: 40px;
  padding: 5px;
}

.brawnlogo {
  width: 100% !important;
  height: 100% !important;
  padding: 16px 0px;
  padding-left: 4px;
}

.brawnlogo {
  -webkit-mask: url(/f1m-editor/assets/images/brawn.svg) no-repeat center;
  mask: url(/f1m-editor/assets/images/brawn.svg) no-repeat center;
  -webkit-mask-size: contain;
  mask-size: contain;
  background-color: var(--text-general);
}

.audilogo {
  width: 40px;
  height: 40px;
  padding: 12px 2px;
}

.team-menu-logo .audilogo {
  width: 50px;
}

.sauberlogo {
  width: 40px;
  height: 31px;
  padding: 6px 5px;
}

.sauberlogo {
  -webkit-mask: url(/f1m-editor/assets/images/sauber.svg) no-repeat center;
  mask: url(/f1m-editor/assets/images/sauber.svg) no-repeat center;
  -webkit-mask-size: contain;
  mask-size: contain;
  background-color: var(--sauber-primary);
}

.hugologo {
  width: 100% !important;
  height: 100% !important;
  padding: 5px 0;
}

.hugologo {
  -webkit-mask: url(/f1m-editor/assets/images/hugoboss.svg) no-repeat center;
  mask: url(/f1m-editor/assets/images/hugoboss.svg) no-repeat center;
  -webkit-mask-size: contain;
  mask-size: contain;
  background-color: var(--text-general);
}

.visarblogo {
  width: 100% !important;
  height: 100% !important;
  padding: 5px 2px;
}

.visarblogo {
  -webkit-mask: url(/f1m-editor/assets/images/visarb.svg) no-repeat center;
  mask: url(/f1m-editor/assets/images/visarb.svg) no-repeat center;
  -webkit-mask-size: contain;
  mask-size: contain;
  background-color: var(--text-general);
}

.team-menu-logo .visarblogo {
  width: 46px;
}

.toyotalogo {
  width: 40px;
  height: 40px;
  padding: 7px 2px;
}

.toyotalogo {
  -webkit-mask: url(/f1m-editor/assets/images/toyota.svg) no-repeat center;
  mask: url(/f1m-editor/assets/images/toyota.svg) no-repeat center;
  -webkit-mask-size: contain;
  mask-size: contain;
  background-color: #EB0A1B; /* toyota primary color, different from their background gray color */
}

.haaslogo,
#halogo {
  width: 40px;
  height: 40px;
  padding-bottom: 6px;
  padding-top: 4px;
  padding-left: 3px;
  padding-right: 2px;
}

.customlogo {
  width: 40px;
  height: 40px;
}

.lotuslogo {
  width: 100%;
  height: 100%;
  padding: 1px 0px;
}

.alphataurilogo,
#atlogo {
  width: 100% !important;
  height: 100% !important;
  padding: 12px 4px;
}

.alphataurilogo {
  -webkit-mask: url(/f1m-editor/assets/images/alphatauri.svg) no-repeat center;
  mask: url(/f1m-editor/assets/images/alphatauri.svg) no-repeat center;
  -webkit-mask-size: contain;
  mask-size: contain;
  background-color: var(--logos-general);
}

.williamslogo,
.bmwlogo,
#wilogo {
  width: 40px;
  height: 40px;
  padding-bottom: 9px;
  padding-left: 6px;
  padding-top: 8px;
  padding-right: 6px;
  transition: opacity 0.15s;
}

.team-menu-williams-replace.williamslogo{
  width: 100%;
  height: 100%;
  padding: 0;
}

.williamslogo {
  -webkit-mask: url(/f1m-editor/assets/images/Williams_2026_logo.svg) no-repeat center;
  mask: url(/f1m-editor/assets/images/Williams_2026_logo.svg) no-repeat center;
  -webkit-mask-size: contain;
  mask-size: contain;
  background-color: var(--logos-general);
}

.bmwlogo {
  padding: 1px;
}

.team1,
.team2 {
  max-width: 150px;
  text-align: center;
  position: relative;
  min-height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  padding: 0 4px;
}

.driver1-name .team1,
.driver2-name .team2 {
  color: var(--text-general) !important;
  transition: color 0.15s;
}

.team-h2h-name-bg {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  color: color-mix(in srgb, var(--text-general) 75%, transparent);
  opacity: 0.5;
  white-space: nowrap;
  pointer-events: none;
  letter-spacing: 1.2px;
  font-size: 26px;
  text-transform: uppercase;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
}

.team-h2h-logo {
  width: 40px;
  height: 40px;
  position: relative;
  z-index: 1;
}


#redbull,
.rbborder-down:hover {
  border-bottom: 2px solid var(--redbull-primary) !important;
}

.rbborder-top {
  border-top: 3px solid var(--redbull-primary) !important;
}

.rbborder::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 2px;
  background-color: var(--redbull-primary);
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}


.rbactivated {
  background-color: var(--redbull-primary);
}

#ferrari,
.feborder-down:hover {
  border-bottom: 2px solid var(--ferrari-primary) !important;
}

.feborder-top {
  border-top: 3px solid var(--ferrari-primary) !important;
}

.feborder::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 2px;
  background-color: var(--ferrari-primary);
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}

.feactivated {
  background-color: var(--ferrari-primary);
}

#merc,
.meborder-down:hover {
  border-bottom: 2px solid var(--mercedes-primary) !important;
}

.meborder-top {
  border-top: 3px solid var(--mercedes-primary) !important;
}

.meborder::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 2px;
  background-color: var(--mercedes-primary);
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}

.meactivated {
  background-color: var(--mercedes-primary);
}

#mclaren,
.mcborder-down:hover {
  border-bottom: 2px solid var(--mclaren-primary) !important;
}

.mcborder-top {
  border-top: 3px solid var(--mclaren-primary) !important;
}

.mcborder::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 2px;
  background-color: var(--mclaren-primary);
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}

.mcactivated {
  background-color: var(--mclaren-primary);
}


#alpine,
.alborder-down:hover {
  border-bottom: 2px solid var(--alpine-primary) !important
}

.alborder-top {
  border-top: 3px solid var(--alpine-primary) !important
}

.alborder-down-noC:hover {
  border-bottom: 2px solid #2293D1 !important
}

.alborder::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 2px;
  background-color: var(--alpine-primary);
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}

.andrettiborder-down:hover {
  border-bottom: 2px solid var(--andretti-primary) !important
}

.renaultborder-down:hover {
  border-bottom: 2px solid var(--renault-primary) !important
}

.lotusborder-down:hover {
  border-bottom: 2px solid var(--lotus-primary) !important
}


.alactivated {
  background-color: var(--alpine-primary);
}

#alfaromeo,
.afborder-down:hover {
  border-bottom: 2px solid var(--alfa-primary) !important
}

.afborder-top {
  border-top: 3px solid var(--alfa-primary) !important
}

.afborder-down-noC:hover {
  border-bottom: 2px solid #C92D4B !important
}

.afborder::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 2px;
  background-color: var(--alfa-primary);
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}


.afactivated {
  background-color: var(--alfa-primary);
}

#astonmartin,
.asborder-down:hover {
  border-bottom: 2px solid var(--aston-primary) !important
}

.asborder-top {
  border-top: 3px solid var(--aston-primary) !important
}

.asactivated {
  background-color: var(--aston-primary);
}

.asborder::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 2px;
  background-color: var(--aston-primary);
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}

#alphatauri,
.atborder-down:hover,
.hugoborder-down:hover {
  border-bottom: 2px solid var(--alphatauri-primary) !important
}

.atborder-top {
  border-top: 3px solid var(--alphatauri-primary) !important
}

.atborder-down-noC:hover {
  border-bottom: 2px solid #5E8FAA !important
}

.hugoborder-down:hover {
  border-bottom: 2px solid var(--hugo-primary) !important
}

.visarbborder-down:hover {
  border-bottom: 2px solid var(--visarb-primary) !important
}


.toyotaborder-down:hover {
  border-bottom: 2px solid var(--toyota-primary) !important
}

.porscheborder-down:hover {
  border-bottom: 2px solid var(--porsche-primary) !important
}

.brawnborder-down:hover {
  border-bottom: 2px solid var(--brawn-primary) !important
}

.stakeborder-down:hover {
  border-bottom: 2px solid var(--stake-primary) !important
}

.audiborder-down:hover {
  border-bottom: 2px solid var(--audi-primary) !important
}

.sauberborder-down:hover {
  border-bottom: 2px solid var(--sauber-primary) !important
}

.atactivated {
  background-color: var(--alphatauri-primary);
}

.atborder::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 2px;
  background-color: var(--alphatauri-primary);
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}

#williams,
.wiborder-down:hover {
  border-bottom: 2px solid var(--williams-primary) !important
}

.wiborder-top {
  border-top: 3px solid var(--williams-primary) !important
}

.wiborder::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 2px;
  background-color: var(--williams-primary);
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}


.wiactivated {
  background-color: var(--williams-primary);
}

#haas,
.haborder-down:hover {
  border-bottom: 2px solid var(--haas-primary) !important
}

.haborder-top {
  border-top: 3px solid var(--haas-primary) !important
}

.haborder::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 2px;
  background-color: var(--haas-primary);
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}

.haactivated {
  background-color: var(--haas-primary);
}

#ctstom,
.ctborder-down:hover {
  border-bottom: 2px solid var(--custom-team-primary) !important
}

.ctborder-top {
  border-top: 3px solid var(--custom-team-primary) !important
}

.ctborder::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 2px;
  background-color: var(--custom-team-primary);
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}

.ctactivated {
  background-color: var(--custom-team-primary);
}

.rbfont {
  color: var(--redbull-primary);
}

.fefont {
  color: var(--ferrari-primary);
}

.mefont {
  color: var(--mercedes-primary);
}

.mcfont {
  color: var(--mclaren-primary);
}

.alfont {
  color: var(--alpine-primary);
}

.affont {
  color: var(--alfa-primary);
}

.asfont {
  color: var(--aston-primary);
}

.atfont {
  color: var(--alphatauri-primary);
}

.wifont {
  color: var(--williams-primary);
}

.hafont {
  color: var(--haas-primary);
}

.ctfont {
  color: var(--custom-team-primary);
}

.rbbar-primary {
  background-color: var(--redbull-primary);
}

.rbbar-secondary {
  background-color: var(--redbull-secondary);
}

.febar-primary {
  background-color: var(--ferrari-primary);
}

.febar-secondary {
  background-color: var(--general-secondary);
}

.mebar-primary {
  background-color: var(--mercedes-primary);
}

.mebar-secondary {
  background-color: var(--general-secondary);
}

.mcbar-primary {
  background-color: var(--mclaren-primary);
}

.mcbar-secondary {
  background-color: var(--mclaren-secondary);
}

.albar-primary {
  background-color: var(--alpine-primary);
}

.albar-secondary {
  background-color: var(--alpine-secondary);
}

.afbar-primary {
  background-color: var(--alfa-primary);
}

.afbar-secondary {
  background-color: var(--alfa-secondary);
}

.asbar-primary {
  background-color: var(--aston-primary);
}

.asbar-secondary {
  background-color: var(--aston-secondary);
}

.atbar-primary {
  background-color: var(--alphatauri-primary);
}

.atbar-secondary {
  background-color: var(--alphatauri-secondary);
}

.wibar-primary {
  background-color: var(--williams-primary);
}

.wibar-secondary {
  background-color: var(--general-secondary);
}

.habar-primary {
  background-color: var(--haas-primary);
}

.habar-secondary {
  background-color: var(--haas-secondary);
}

.ctbar-primary {
  background-color: var(--custom-team-primary);
}

.ctbar-secondary {
  background-color: var(--custom-team-secondary);
}

.rbborder-primary {
  border: 2px solid var(--redbull-primary);
}

.rbborder-secondary {
  border: 2px solid var(--redbull-secondary);
}

.feborder-primary {
  border: 2px solid var(--ferrari-primary);
}

.feborder-secondary {
  border: 2px solid var(--general-secondary);
}

.meborder-primary {
  border: 2px solid var(--mercedes-primary);
}

.meborder-secondary {
  border: 2px solid var(--general-secondary);
}

.mcborder-primary {
  border: 2px solid var(--mclaren-primary);
}

.mcborder-secondary {
  border: 2px solid var(--mclaren-secondary);
}

.alborder-primary {
  border: 2px solid var(--alpine-primary);
}

.alborder-secondary {
  border: 2px solid var(--alpine-secondary);
}

.afborder-primary {
  border: 2px solid var(--alfa-primary);
}

.afborder-secondary {
  border: 2px solid var(--alfa-secondary);
}

.asborder-primary {
  border: 2px solid var(--aston-primary);
}

.asborder-secondary {
  border: 2px solid var(--aston-secondary);
}

.atborder-primary {
  border: 2px solid var(--alphatauri-primary);
}

.atborder-secondary {
  border: 2px solid var(--alphatauri-secondary);
}

.wiborder-primary {
  border: 2px solid var(--williams-primary);
}

.wiborder-secondary {
  border: 2px solid var(--general-secondary);
}

.haborder-primary {
  border: 2px solid var(--haas-primary);
}

.haborder-secondary {
  border: 2px solid var(--haas-secondary);
}

.ctborder-primary {
  border: 2px solid var(--custom-team-primary);
}

.ctborder-secondary {
  border: 2px solid var(--custom-team-secondary);
}

.predict-warning {
  font-size: 14px;
}


.drivers-section,
.staff-section {
  display: flex;
  overflow: hidden;
  width: 100%;
  align-items: center;
}


.driver-template {
  width: calc(50% - 5px);
  padding: 10px;
  background-color: rgba(255, 255, 255, 0.1);
  border-radius: 5px;
}

.game-changes {
  display: flex;
  flex-direction: column;
  gap: 25px;
}

/**
grid of 11 columns and one row
*/
.managing-team-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(50px, 1fr));
  gap: 10px;
  width: 100%;
  height: 100%;
  margin-top: 5px;
}

.team-logo-container {
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--elements);
  border-radius: 5px;
  border: 2px solid var(--modal-text);
  transition: background-color 0.15s, border-color 0.15s;
  cursor: pointer;
}

.team-logo-container.fe:hover,
.team-logo-container.fe.active {
  background-color: var(--ferrari-primary-transparent);
  border-color: var(--ferrari-primary);
}

.team-logo-container.rb:hover,
.team-logo-container.rb.active {
  background-color: var(--redbull-primary-transparent);
  border-color: var(--redbull-primary);
}

.team-logo-container.me:hover,
.team-logo-container.me.active {
  background-color: var(--mercedes-primary-transparent);
  border-color: var(--mercedes-primary);
}

.team-logo-container.mc:hover,
.team-logo-container.mc.active {
  background-color: var(--mclaren-primary-transparent);
  border-color: var(--mclaren-primary);
}

.team-logo-container.al:hover,
.team-logo-container.al.active {
  background-color: var(--alpine-primary-transparent);
  border-color: var(--alpine-primary);
}

.team-logo-container.af:hover,
.team-logo-container.af.active {
  background-color: var(--alfa-primary-transparent);
  border-color: var(--alfa-primary);
}

.team-logo-container.as:hover,
.team-logo-container.as.active {
  background-color: var(--aston-primary-transparent);
  border-color: var(--aston-primary);
}

.team-logo-container.at:hover,
.team-logo-container.at.active {
  background-color: var(--alphatauri-primary-transparent);
  border-color: var(--alphatauri-primary);
}

.team-logo-container.wi:hover,
.team-logo-container.wi.active {
  background-color: var(--williams-primary-transparent);
  border-color: var(--williams-primary);
}

.team-logo-container.ha:hover,
.team-logo-container.ha.active {
  background-color: var(--haas-primary-transparent);
  border-color: var(--haas-primary);
}


.team-logo-container.ct:hover,
.team-logo-container.ct.active {
  background-color: var(--custom-team-primary-transparent);
  border-color: var(--custom-team-primary);
}

.team-logo-container:active {
  transform: scale(0.96);
}


.team-logo-container,
.team-logo-container img,
.team-logo-container img.alfalogo {
  max-width: 50px;
  max-height: 50px;
  width: auto;
  height: auto;
}

.team-logo-container img {
  padding: 10px;
}

.team-logo-container.rb img {
  padding: 0px 2px;
}

.team-logo-container.as img {
  padding: 4px;
}

body:has(#mentalitySpan.frozen) #driverMentalityAttributes {
  display: none;
  pointer-events: none;
}

.mentality-difficulty {
  display: flex;
  flex-direction: row;
}

.mentality-changes {
  display: flex;
  flex-direction: column;
  gap: 5px;
  border-right: 2px solid var(--separator);
  width: 50%;
}



#customGearButton {
  margin-left: 5px;
  transition: transform 0.15s ease, color 0.15s;
  cursor: pointer;
  display: inline-block;
}

#customGearButton:hover {
  color: var(--text-selected);
}

#customGearButton.custom {
  color: var(--new-primary);
  transform: rotate(45deg);

}

.difficulty-changes {
  display: flex;
  flex-direction: column;
  gap: 5px;
  padding-left: 10px;
  width: 50%;
}

.mentality-selector {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 10px;
}

.mentality-selector .form-switch {
  padding-right: 0px;
}

.modal-text {
  color: var(--modal-text);
}

input[type="range"] {
  width: 100%;
  outline: none;
}

input[type="range"]:focus,
input[type="range"]:focus-visible {
  outline: none;
  box-shadow: none;
}

datalist {
  display: flex;
  justify-content: space-between;
  width: 100%;
  padding: 0;
  margin-top: -27px;
  pointer-events: none;
}

datalist .my-mark {
  border-right: 2px solid var(--separator);
  height: 10px;
  width: 2px;
}

.slider-and-label{
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 10px;
  width: 400px;
}

#turningPointsFrequencyLabel{
  width: 160px;
}

input[type="range"]::-webkit-slider-thumb {
  background-color: var(--new-primary-dark);
  z-index: 2;
  box-shadow: none;
}

input[type="range"]:focus::-webkit-slider-thumb,
input[type="range"]:focus-visible::-webkit-slider-thumb {
  box-shadow: none;
}

input[type="range"]::-webkit-slider-thumb:active {
  background-color: var(--new-primary-dark);
  box-shadow: none;
}

input[type="range"]::-webkit-slider-thumb:hover {
  outline: 1px solid var(--new-primary);
  transform: scale(1.05);
}

input[type="range"]::-webkit-slider-runnable-track {
  background-color: var(--text-selected);
}

input[type="range"]::-moz-range-thumb {
  background-color: var(--new-primary-dark);
  border: none;
  box-shadow: none;
}

input[type="range"]::-moz-range-thumb:active {
  background-color: var(--new-primary-dark);
  box-shadow: none;
}

input[type="range"]::-moz-range-track {
  background-color: var(--text-selected);
}

.option-state {
  padding-left: 5px;
  transition: color 0.15s;
}

#turningPointsFrequencyLabel.tp-default {
  color: var(--modal-text);
}

#turningPointsFrequencyLabel.tp-less {
  color: var(--new-secondary);
}

#turningPointsFrequencyLabel.tp-more {
  color: var(--new-primary);
}

.dif-warning {
  cursor: pointer;
}

.dif-warning:hover {
  transform: translateY(-1px);
  filter: brightness(1.2);
}

.dif-warning::selection {
  background-color: transparent;
}

.option-state.default,
.dif-warning.default {
  color: var(--new-secondary);
}

body.og-theme .option-state.default,
body.og-theme .dif-warning.default {
  color: var(--new-primary);
}

body.og-theme .option-state.fixed {
  color: var(--new-secondary);
}

.option-state.frozen,
.dif-warning.frozen {
  color: var(--frozen)
}

.option-state.extra-hard,
span.extra-hard,
.dif-warning.extra-hard,
.dif-status.extra-hard {
  color: var(--extra-hard)
}

.option-state.brutal,
span.brutal,
.dif-warning.brutal,
.dif-status.brutal {
  color: var(--brutal)
}

.option-state.unfair,
span.unfair,
.dif-warning.unfair,
.dif-status.unfair {
  color: var(--unfair)
}

.option-state.insane,
span.insane,
.dif-warning.insane,
.dif-status.insane {
  color: var(--insane)
}

.option-state.impossible,
span.impossible,
.dif-warning.impossible,
.dif-status.impossible {
  color: var(--impossible)
}

.option-state.fixed,
span.fixed,
.dif-warning.fixed,
#lightDif.impossible,
#lightDif~.dif-status.impossible {
  color: var(--new-primary) !important;
}

.option-state.reduced-weight,
span.reduced-weight,
.dif-warning.reduced-weight {
  color: var(--new-primary)
}

.option-state.custom {
  color: var(--text-general);
}

#refurbishTitle {
  padding-top: 10px;
  border-top: 2px solid var(--separator);
  margin-right: 32px;
}

.difficulty-warnings {
  font-size: 12px;
  display: flex;
  flex-wrap: wrap;
  margin-top: -7px;
  gap: 2px 7px;
  height: 58px;
  align-content: flex-start;
}



.dif-warning:not(.default) {
  cursor: pointer;
  transition: color 0.15s, opacity 0.1s, transform 0.15s, filter 0.15s;
}

.dif-warning.disabled,
#lightDif.disabled {
  text-decoration: line-through;
  color: var(--text-general);
  opacity: 0.63;
}

.modal-warning {
  background-color: var(--modal-warning);
  color: var(--modal-warning-text);
  border-radius: 10px;
  padding: 5px;
}

.name-and-arrows {
  display: flex;
  flex-direction: row-reverse;
  align-items: center;
}

.part-performance-title .arrows {
  display: flex;
  flex-direction: row-reverse;
  align-items: center;
  gap: 3px;
}

.part-performance-title .arrows i {
  font-size: 14px;
}

#blockDiv {
  opacity: 1;
  transition: all 0.15s;
}

#blockDiv.disappear {
  opacity: 0;
  pointer-events: none;
}

@keyframes fadeOut {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

.splash-box {
  background-color: var(--superficials);
  border-radius: 20px;
  padding: 20px 30px;
  min-width: 80%;
  min-height: 60%;
  display: flex;
  flex-direction: column;
  gap: 20px;
  box-shadow: var(--shadow-m);
  opacity: 0;
  transform: translateY(50px);
  z-index: 2;
}

body:has(#blockDiv:not(.disappear)) .footer .socials {
  opacity: 0;
}

body:has(#blockDiv:not(.disappear)){
  overflow: hidden;
}

.socials-box {
  background-color: var(--superficials);
  border-radius: 20px;
  padding: 15px 10px;
  min-width: 80%;
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 20px;
  box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
  opacity: 0;
  transform: translateY(50px);
  justify-content: space-around;
}

.socials-box a {
  color: var(--text);
  font-size: 22px;
  text-decoration: none;
  transition: color 0.15s;
}

@keyframes fadeIn {
  0% {
    opacity: 0;
    transform: translateY(50px);
  }

  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes fadeAppearLeft {
  0% {
    opacity: 0;
    transform: translateX(-10px);
  }

  100% {
    opacity: 1;
    transform: translateX(0);
  }
}

@keyframes fadeInHigher {
  0% {
    opacity: 0;
    transform: translateY(20px);
  }

  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

.drop-area {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  border: 2px dashed var(--disabled-text);
  border-radius: 20px;
  display: flex;
  flex-direction: column;
  transition: all 0.15s;
}

.list-item {
  display: flex;
  flex-direction: row;
  font-size: 20px;
}

.list-item:has(.completed) .number-icon span,
.list-item:not(:has(.completed)) .number-icon i {
  opacity: 0;
  rotate: 90deg;
}

.list-item:has(.completed) .number-icon i,
.list-item:not(:has(.completed)) .number-icon span {
  opacity: 1;
  rotate: 0;
}

.list-item:has(.completed) .number-icon i {
  color: var(--positive-general);
}

.number-icon {
  position: relative;
  margin-right: 25px;
}

.number-icon span,
.number-icon i {
  position: absolute;
  transition: all 0.15s;
}

.list-text {
  transition: all 0.15s;
}

.list-text.completed {
  color: var(--positive-general);
}


/* 
.icon-hidden{
  opacity: 0;
} */

.title-and-spinner {
  align-self: center;
}

.main-title {
  font-size: 52px;
  line-height: 1;
}


.glitch {
  color: var(--text);
  font-size: 52px;
  font-weight: 700;
  position: relative;
  margin: 0 auto;
  text-align: center;
  line-height: 1;
}




.glitch::before,
.glitch::after {
  content: 'EDITOR';
  position: absolute;
  bottom: 5px;
  left: 0;
  overflow: hidden;
  color: var(--text);
  background-color: var(--background-color);


}


.glitch::before {
  left: 2px;
  text-shadow: 2px 0 var(--new-primary-dark);
  animation: animate 3s infinite linear;
  width: 100%;
}


.glitch::after {
  left: -3px;
  text-shadow: -3px 0 var(--new-secondary-dark);
  animation: animate 2s infinite linear;
  width: 100%;
}


@keyframes animate {
  0% {
    clip: rect(32px, 9999px, 29px, 0);
  }

  4% {
    clip: rect(32px, 9999px, 29px, 0);
  }

  5% {
    clip: rect(28px, 9999px, 20px, 0);
  }

  6% {
    clip: rect(28px, 9999px, 20px, 0);
  }

  10% {
    clip: rect(21px, 9999px, 23px, 0);
  }


  14% {
    clip: rect(21px, 9999px, 23px, 0);
  }

  15% {
    clip: rect(23px, 9999px, 7px, 0);
  }

  16% {
    clip: rect(23px, 9999px, 7px, 0);
  }

  20% {
    clip: rect(37px, 9999px, 34px, 0);
  }

  24% {
    clip: rect(37px, 9999px, 34px, 0);
  }

  25% {
    clip: rect(53px, 9999px, 58px, 0);
  }

  26% {
    clip: rect(53px, 9999px, 58px, 0);
  }

  30% {
    clip: rect(30px, 9999px, 44px, 0);
  }

  34% {
    clip: rect(30px, 9999px, 44px, 0);
  }

  35% {
    clip: rect(30px, 9999px, 19px, 0);
  }

  36% {
    clip: rect(30px, 9999px, 19px, 0);
  }

  40% {
    clip: rect(36px, 9999px, 39px, 0);
  }

  44% {
    clip: rect(36px, 9999px, 39px, 0);
  }

  45% {
    clip: rect(6px, 9999px, 47px, 0);
  }

  46% {
    clip: rect(6px, 9999px, 47px, 0);
  }

  50% {
    clip: rect(0px, 9999px, 33px, 0);
  }

  54% {
    clip: rect(0px, 9999px, 33px, 0);
  }

  55% {
    clip: rect(15px, 9999px, 33px, 0);
  }

  56% {
    clip: rect(15px, 9999px, 33px, 0);
  }

  60% {
    clip: rect(28px, 9999px, 19px, 0);
  }

  64% {
    clip: rect(28px, 9999px, 19px, 0);
  }

  65% {
    clip: rect(53px, 9999px, 58px, 0);
  }

  66% {
    clip: rect(53px, 9999px, 58px, 0);
  }

  70% {
    clip: rect(30px, 9999px, 44px, 0);
  }

  74% {
    clip: rect(30px, 9999px, 44px, 0);
  }

  75% {
    clip: rect(30px, 9999px, 19px, 0);
  }

  76% {
    clip: rect(30px, 9999px, 19px, 0);
  }

  80% {
    clip: rect(36px, 9999px, 39px, 0);
  }

  84% {
    clip: rect(36px, 9999px, 39px, 0);
  }

  85% {
    clip: rect(6px, 9999px, 47px, 0);
  }

  86% {
    clip: rect(6px, 9999px, 47px, 0);
  }

  90% {
    clip: rect(0px, 9999px, 33px, 0);
  }

  94% {
    clip: rect(0px, 9999px, 33px, 0);
  }

  95% {
    clip: rect(15px, 9999px, 33px, 0);
  }

  96% {
    clip: rect(15px, 9999px, 33px, 0);
  }

  100% {
    clip: rect(32px, 9999px, 29px, 0);
  }
}



body:has(#modpill.active):has(#mods2025View:not(.d-none)) {
  background-color: transparent !important;
  background-image: url(/f1m-editor/assets/images/modback.png) !important;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  filter: none;
}

body:has(#modpill.active):has(#mods2025View:not(.d-none)) .version-panel{
  background-color: #0F1D1D;
}

body:has(#modpill.active):has(#mods2026View:not(.d-none)) .footer-notification{
  opacity: 0;
}

body:has(#modpill.active):has(#mods2026View:not(.d-none)) .version-panel{
  background-color: var(--background);
}

body:has(#modpill.active):has(#mods2026View:not(.d-none).illuminated) .version-panel{
  background-color: #262626;
}

body:has(#modpill.active) .tech-grid,
body:has(#modpill.active) .glow-spot {
  display: none;
}

body:has(#modpill.active):has(#mods2026View:not(.d-none):not(.illuminated)) {
  background-color: var(--background) !important;
  background-image:
    repeating-linear-gradient(115deg, color-mix(in srgb, gray 9%, transparent) 0 1px, transparent 1px 20px),
    repeating-linear-gradient(115deg, color-mix(in srgb, gray 8%, transparent) 0 1px, transparent 1px 22px),
    repeating-linear-gradient(115deg, color-mix(in srgb, gray 9%, transparent) 0 1px, transparent 1px 20px) !important;
  background-size: cover, cover, cover, 33.333% 100%, 33.333% 100%, 33.333% 100%;
  background-position: center, center, center, left top, center top, right top;
  background-repeat: no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat;
  filter: none;
  overflow: hidden !important;
}

body:has(#modpill.active):has(#mods2026View:not(.d-none)) {
  background-color: var(--background) !important;
  background-image:
    repeating-linear-gradient(115deg, color-mix(in srgb, var(--ferrari-primary) 9%, transparent) 0 1px, transparent 1px 20px),
    repeating-linear-gradient(115deg, color-mix(in srgb, var(--ferrari-primary) 8%, transparent) 0 1px, transparent 1px 22px),
    repeating-linear-gradient(115deg, color-mix(in srgb, var(--ferrari-primary) 9%, transparent) 0 1px, transparent 1px 20px) !important;
  background-size: cover, cover, cover, 33.333% 100%, 33.333% 100%, 33.333% 100%;
  background-position: center, center, center, left top, center top, right top;
  background-repeat: no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat;
  filter: none;
  overflow: hidden !important;
}

body:has(#modpill.active):has(#mods2026View:not(.d-none)) .scroll-wrapper{
  height: 100%;
}

.aduo-tp-toggle{
  position: absolute;
  right: 0;
  opacity: 0;
  top: -35px;
  padding: 0;
}

.apply-all-button{
  position: absolute;
  left: 0;
  opacity: 0;
  top: -40px;
}

.apply-all-button button{
  display: flex;
  align-items: center;
  gap: 5px;
}

.apply-all-button button i{
  opacity: 1 !important;
  transform: rotate(270deg);
}

.apply-all-button button span{
  padding-right: 5px !important;
}

.button-with-icon.apply-all-2026.applied{
  background-color: var(--positive-transparent);
  color: var(--positive-general);
}

body:has(#modpill.active) .apply-all-button, body:has(#modpill.active) .aduo-tp-toggle {
  animation: change-appear 0.6s ease-out forwards;
  animation-delay: calc(0.8s + var(--order) * 0.1s);
}

.mod-banner {
  display: flex;
  flex-direction: row;
  gap: 60px;
  align-items: center;
  justify-content: center;
  width: 100%;
  padding: 60px 0 60px 0;
  scale: 1.1;
}

.mod-name img {
  width: 600px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 10px;
  transform: translateY(-40px);
  opacity: 0;
  will-change: opacity, transform, filter;
}

body:has(#modpill.active) .mods-year-view:not(.d-none) .mod-name img:not(.title-2026) {
  animation: logo-appear 0.6s forwards;
}

body:has(#modpill.active) .mods-year-view:not(.d-none) .mod-name img.title-2026 {
  animation: logo-appear-blur 0.75s forwards;
}

@keyframes logo-appear {
  0% {
    opacity: 0;
    transform: translateY(-40px);
  }

  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes logo-appear-blur {
  0% {
    opacity: 0;
    transform: translateY(10px);
    filter: blur(12px);
  }

  100% {
    opacity: 1;
    transform: translateY(0);
    filter: blur(0);
  }
}

@media (prefers-reduced-motion: reduce) {
  body:has(#modpill.active) .mods-year-view:not(.d-none) .mod-name img {
    animation: none !important;
    opacity: 1;
    transform: translateY(0);
    filter: none;
  }
}

.mod-drivers {
  display: flex;
  flex-direction: row;
  align-items: flex-end;
  position: relative;
  overflow-x: clip;
}

.small-rectangle {
  width: 127px;
  height: 116px;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  position: relative;
  opacity: 0;
  will-change: opacity;
  transform: translateY(20px);
  overflow-x: clip;
}

.small-rectangle img,
.high-rectangle img {
  width: 130px;
  position: absolute;
  bottom: 0;
  left: 0;
  opacity: 0;
  z-index: 20;
  transform: translateY(20px);
}

.high-rectangle {
  width: 130px;
  height: 173px;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  position: relative;
  opacity: 0;
  overflow-x: clip;
}

.ver-lines {
  position: absolute;
  top: 0;
  left: 0;
  width: 101.5%;
  height: 100%;
  background-color: #020988;
  mask-image: url(/f1m-editor/assets/images/ver-lines.svg);
  mask-size: cover;
  mask-position: center;
  mask-repeat: no-repeat;
  z-index: -1;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}


.ant-lines {
  position: absolute;
  top: 0;
  left: 0;
  width: 101.5%;
  height: 100%;
  mask-image: url(/f1m-editor/assets/images/ant-lines.svg);
  mask-size: cover;
  mask-position: center;
  mask-repeat: no-repeat;
  z-index: -1;
  opacity: 1;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  background-color: #29e1c6;
}

.ham-lines {
  position: absolute;
  top: 0;
  left: 0;
  width: 101.5%;
  height: 100%;
  mask-image: url(/f1m-editor/assets/images/ham-lines.svg);
  mask-size: cover;
  mask-position: center;
  mask-repeat: no-repeat;
  z-index: -1;
  opacity: 1;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  background-color: #bb0e0f;
}

body:has(#modpill.active) .small-rectangle,
body:has(#modpill.active) .high-rectangle,
body:has(#modpill.active) .small-rectangle img,
body:has(#modpill.active) .high-rectangle img {
  animation: rectangle-appear 0.5s forwards;
  animation-delay: calc(var(--order) * 0.08s);
}

@keyframes rectangle-appear {
  0% {
    opacity: 0;
    transform: translateY(20px);
  }

  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

body:has(#modpill.active) .mod-drivers .mv-gradient,
body:has(#modpill.active) .mod-drivers .lh-gradient,
body:has(#modpill.active) .mod-drivers .ka-gradient {
  animation: gradient-appear 0.6s forwards;
  animation-delay: calc(var(--order) * 0.08s);
}

@keyframes gradient-appear {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 0.7;
  }
}

.ka-rectangle {
  background: linear-gradient(to top, #41ffdb, #008e7f);
}

.ka-rectangle img {
  left: -2px;
  bottom: -1px;
}

.lh-rectangle img {
  left: 1px;
}

.ka-gradient {
  content: '';
  position: absolute;
  top: -1px;
  left: 82px;
  width: 107%;
  height: 126px;
  background: radial-gradient(circle at center bottom, #41ffdb 6%, transparent 51%);
  z-index: -1;
  opacity: 0;
}

.lh-gradient {
  content: '';
  position: absolute;
  top: -1px;
  right: 82px;
  width: 107%;
  height: 126px;
  background: radial-gradient(circle at center bottom, #ff1500 6%, transparent 51%);
  z-index: -1;
  opacity: 0;
}

.mv-gradient {
  content: '';
  position: absolute;
  top: -43px;
  right: 0%;
  width: 100%;
  height: 112px;
  background: radial-gradient(circle at center bottom, #0014aa 14%, transparent 51%);
  z-index: -1;
  opacity: 0;
}

.mv-rectangle {
  background: linear-gradient(to top, #0014aa, #06093a);
}

.lh-rectangle {
  background: linear-gradient(to top, #ff1500, #530000);
}

.mod-name {
  display: flex;
  flex-direction: column;
  align-items: center;
  transform: translateY(-20px);
}

.mod-subtitle {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 22px;
  gap: 0.75em;
  text-transform: uppercase;
  color: #ffffff;
  transform: translateY(-20px);
  white-space: nowrap;
  margin-top: -20px;
}

.mod-subtitle-letter {
  display: inline-block;
  opacity: 0;
  text-shadow: none;
  font-family: 'Formula1Dark';
  will-change: opacity, text-shadow;
  padding-top: 3px;
}

.mod-subtitle-letter.number{
  font-family: 'NumbersFont';
}

.mod-subtitle-letter.number + .mod-subtitle-letter.number {
  margin-left: -0.12em;
}

.mod-subtitle-space {
  display: inline-block;
  width: 0.6ch;
}

body:has(#modpill.active) #mods2026View:not(.d-none) .mod-subtitle-letter {
  animation: mod-subtitle-letter-appear 0.9s forwards;
  animation-delay: calc(0.15s + (var(--order) * 0.06s));
}

.mod-creators {
  display: none;
  flex-direction: row;
  gap: 10px;
  align-items: center;
  justify-content: center;
}

.mod-creators a {
  text-transform: uppercase;
  font-size: 14px;
  color: #dedde6;
  text-shadow: none;
  text-decoration: none;
  cursor: pointer;
  opacity: 0;
  transition: color 0.15s, text-shadow 0.15s;
  position: relative;
}

.mod-creators a::before {
  color: white;
  text-shadow: 0 0 5px white;
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 2;
}

.mod-creators a.littleonion::before {
  content: 'LITTLEONION';
}

.mod-creators a.bonnex::before {
  content: 'BONNEX';
}

.mod-creators a.grzelu::before {
  content: 'GRZELU';
}

.mod-creators a.thatgingerdude::before {
  content: 'THATGINGERDUDE';
}

.mod-creators a.n4x::before {
  content: 'N4X';
}

.mod-creators a.nexus::before {
  content: 'THEFIR3NEXUS';
}

.mod-creators a.w1echuz::before {
  content: 'W1ECHUZ';
}

.mod-creators a.cody::before {
  content: 'CMDESIGNS';
}

.mod-creators a.murillo::before {
  content: 'PROJECT 212';
}

.mod-creators a.kevintaddo::before {
  content: 'KEVINTADDO';
}

.mod-creators a.lucas::before {
  content: 'LCSKPMN';
}


.mod-creators a:hover {
  color: white;
  text-shadow: 0 0 5px white;
}

.download-links{
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 10px;
}

.recommended-downloads{
  transform: translateY(25px);
  color: var(--text-general);
  font-size: 17px;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.grid-and-downloads{
  display: flex;
  flex-direction: column;
  /* width: 50%; */
  min-width: 63%;
  margin-top: 100px;
  z-index: 1;
}

#mods2026View{
  flex-direction: row;
  padding: 0 26px;
  height: 100%;
  align-items: flex-start;
}

#mods2026View .changes-grid{
  grid-template-columns: repeat(3, 1fr);
}

.mods-2026-blocking{
  width: 100%;
  text-align: center;
  margin-top: unset;
  margin: auto;
  padding: 0 7%;
  transform: translateY(-30px);
}

.mods-2026-banner{
  scale: 1;
  width: 100%;
  flex-direction: column;
  padding: 0;
  height: 100%;
  z-index: 2;
}

#mods2026View .one-change{
  box-shadow: none;
  transition: box-shadow 0.15s;
}

#mods2026View.illuminated .one-change{
  box-shadow: var(--shadow-s);
}

#mods2026View.illuminated .glow-2026{
  opacity: 0.2;
}

#mods2026View.illuminated .driver-and-rectangle,
#mods2026View.illuminated .mod-subtitle{
  filter: grayscale(0) !important;
}

.driver-and-rectangle{
  scale: 1.7;
  opacity: 1;
  transform: translateY(21px);
  filter: grayscale(1);
  transition: filter 0.15s;
}

@keyframes rectangle-2026-appear {
  0% {
    opacity: 0;
    transform: translateY(20px);
    filter: blur(10px);
  }

  100% {
    opacity: 1;
    transform: translateY(0);
    filter: blur(0);
  }
  
}

@keyframes driver-appear {
    0% {
    opacity: 0;
    transform: translateX(-50%) translateY(20px);
    filter: blur(10px);
  }

  100% {
    opacity: 1;
    transform: translateX(-50%) translateY(0);
    filter: blur(0);
  }
}

.rectangle-2026{
  width: 295px;
  height: 340px;
  border-top-left-radius: 40px;
  border-top-right-radius: 40px;
  position: relative;
  opacity: 0;
  will-change: opacity;
  /* transform: translateY(20px); */
  background: linear-gradient(to top, #F43627, #58120d);
  overflow: clip;
  animation: rectangle-2026-appear 0.5s forwards;
}


.glow-2026{
  position: absolute;
  bottom: 0;
  left: 80%;
  transform: translateX(-50%);
  width: 100%;
  height: 100%;
  background: radial-gradient(circle at bottom, white 0%, transparent 48%);
  z-index: 0;
  opacity: 0;
  transition: opacity 0.15s;
}

.driver-2026{
  height: 485px;
  position: absolute;
  left: 50%;
  bottom: 0;
  opacity: 0;
  transform: translateX(-50%) translateY(0px);
  /* opacity: 0; */
  z-index: 20;
  animation: driver-appear 0.6s forwards 0.2s;
}

.lines-2026{
  position: absolute;
  top: 0;
  left: 0;
  width: 101.5%;
  height: 100%;
  z-index: 15;
  transform: scaleY(1.7);
}

.mod-name.title-2026{
  margin-bottom: 180px;
  margin-top: -100px;
  z-index: 22;
}

img.title-2026{
  margin-top: -70px;
}

.title-2026 .mod-subtitle{
  background: red;
  padding: 0 20px;
  transform: skewX(325deg);
  margin-top: -35px;
  font-size: 17px;
  filter: grayscale(1);
  animation: mod-subtitle-appear 0.5s forwards;
  transition: filter 0.15s;
}

@keyframes mod-subtitle-appear {
  0% {
    opacity: 0;
    filter: blur(5px) grayscale(1);
    transform: translateY(20px) skewX(325deg);
  }

  55% {
    opacity: 1;
  }

  100% {
    opacity: 1;
    filter: blur(0px) grayscale(1);
    transform: translateY(0px) skewX(325deg);
  }
  
}

#mods2026View .mod-creators{
  margin-top: 20px;
  max-width: 600px;
  flex-wrap: wrap;
}

.recommended-downloads-title {
  --order: 0;
}

.recommended-downloads a{
  color: var(--text-general);
  text-decoration: none;
}

.recommended-downloads .download-link-text {
  position: relative;
  display: inline-block;
  transition: color 0.15s, text-shadow 0.15s;
}

.recommended-downloads .download-link-text::before {
  content: attr(data-glow);
  text-shadow: 0 0 5px white;
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 2;
  pointer-events: none;
  transition: opacity 0.15s;
}

.recommended-downloads a:hover .download-link-text::before {
  opacity: 1;
}

body:has(#modpill.active) .recommended-downloads .recommended-downloads-title,
body:has(#modpill.active) .recommended-downloads .download-link,
body:has(#modpill.active) .recommended-downloads .creator-separator {
  opacity: 0;
  filter: blur(3px);
  transform: translateY(-10px);
  animation: recommended-downloads 0.6s forwards;
  animation-delay: calc((var(--order) * 0.07s) + 1.9s);
}

body:has(#modpill.active) .mod-creators a {
  animation: creator-appear 0.6s forwards;
  animation-delay: calc((var(--order) * 0.07s));
}

body:has(#modpill.active) .mod-creators a::before {
  animation: before-appear 0.9s;
  animation-delay: calc((var(--order) * 0.07s));
}


#season_mods {
  align-items: center;
  overflow: hidden;
  height: 100%;
}

#modSelectPanel{
  z-index: 2;
  height: 49px;
  align-self: flex-start;
}

.mods-year-view {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top: -49px;
}

.mods-placeholder {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 8px;
  margin-top: 30px;
  opacity: 0.9;
}

.mods-2026-banner .mods-placeholder {
  margin-top: 0;
}

.mods-placeholder-title {
  color: #dedde6;
  font-size: 44px;
  font-family: 'NumbersFont';
}

.mods-placeholder-subtitle {
  color: var(--text-general);
  font-size: 16px;
}

.coming-soon {
  display: flex;
  flex-direction: column;
  gap: 10px;
  opacity: 0;
  align-items: center;
}

.coming-soon span {
  color: #dedde6;
  font-size: 44px;
  font-family: 'NumbersFont';
}

body:has(#modpill.active) .coming-soon {
  animation: creator-appear 0.7s forwards;
  animation-delay: 1.1s;
}

@keyframes creator-appear {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@keyframes before-appear {
  0% {
    opacity: 0;
  }

  50% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

@keyframes mod-subtitle-letter-appear {
  0% {
    opacity: 0;
    filter: blur(2px);
    transform: translateX(-7px) skewX(35deg);
    /* text-shadow: 0 0 10px rgba(255, 255, 255, 0.95); */
  }

  55% {
    opacity: 1;
    /* text-shadow: 0 0 10px rgba(255, 255, 255, 0.95); */
  }

  100% {
    opacity: 1;
    filter: blur(0px);
    transform: translateX(0) skewX(35deg);
    /* text-shadow: none; */
  }
}

@keyframes recommended-downloads {
  0% {
    opacity: 0;
    filter: blur(3px);
    transform: translateY(-10px);
    /* text-shadow: 0 0 10px rgba(255, 255, 255, 0.95); */
  }

  55% {
    opacity: 1;
    /* text-shadow: 0 0 10px rgba(255, 255, 255, 0.95); */
  }

  100% {
    opacity: 1;
    filter: blur(0px);
    transform: translateY(0);
    /* text-shadow: none; */
  }
}

@media (prefers-reduced-motion: reduce) {
  .mod-subtitle-letter {
    opacity: 1;
    animation: none !important;
  }

  body:has(#modpill.active) .recommended-downloads .recommended-downloads-title,
  body:has(#modpill.active) .recommended-downloads .download-link,
  body:has(#modpill.active) .recommended-downloads .creator-separator {
    opacity: 1;
    filter: none;
    transform: none;
    animation: none !important;
  }
}

@keyframes separator-appear {
  0% {
    opacity: 0;
  }

  50% {
    opacity: 1;
    background-color: white;
    box-shadow: 0 0 5px white;
  }

  100% {
    opacity: 1;
    background-color: var(--text-general);
    box-shadow: none;
  }
}


.creator-separator {
  width: 2px;
  background-color: var(--text-general);
  height: 14px;
  opacity: 0;
}

body:has(#modpill.active) .creator-separator {
  animation: separator-appear 0.6s forwards;
  animation-delay: calc((var(--order) * 0.07s));
}

.status-info {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: transparent;
}

.loader {
  width: 18px;
  height: 18px;
  border: 2px solid var(--modal-text);
  border-bottom-color: var(--new-primary);
  border-radius: 50%;
  display: inline-block;
  box-sizing: border-box;
  animation: rotation 1s linear infinite;
  transition: opacity 0.1s;
  opacity: 1;
}

.loader.hidden {
  opacity: 0;
}

@keyframes rotation {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(360deg);
  }
}

.footer .bi-exclamation-triangle-fill {
  color: color-mix(in srgb, var(--negative-general) 60%, var(--generals));
  transition: all 0.15s;
  padding: 0px;
}

.footer .bi-exclamation-triangle-fill:hover {
  color: color-mix(in srgb, var(--negative-general) 95%, var(--generals));
}

body.og-theme footer a.bi-custom-patreon::before {
  background-color: var(--slight-contrast);
}

a.bi-custom-modfans::before,
i.bi-custom-modfans::before {
  content: "";
  display: inline-block;
  width: 1em;
  height: 1em;
  -webkit-mask: url(/f1m-editor/assets/images/modfans.svg) no-repeat center;
  mask: url(/f1m-editor/assets/images/modfans.svg) no-repeat center;
  -webkit-mask-size: contain;
  mask-size: contain;
  background-color: #94a3b8;
  transition: background-color 0.15s, mask-image 0.15s, -webkit-mask-image 0.15s;
}

a.bi-custom-modfans:hover::before {
  -webkit-mask: url(/f1m-editor/assets/images/modfans_color.svg) no-repeat center;
  mask: url(/f1m-editor/assets/images/modfans_color.svg) no-repeat center;
  -webkit-mask-size: contain;
  mask-size: contain;
  background-color: #e62d7f;
}

a.bi-custom-modfans:hover {
  color: #e62d7f !important;
}

a.bi-custom-gam::before,
i.bi-custom-gam::before {
  content: "";
  display: inline-block;
  width: 1em;
  height: 1em;
  -webkit-mask: url(/f1m-editor/assets/images/gam.svg) no-repeat center;
  mask: url(/f1m-editor/assets/images/gam.svg) no-repeat center;
  -webkit-mask-size: contain;
  mask-size: contain;
  background-color: #94a3b8;
  transition: background-color 0.15s, mask-image 0.15s, -webkit-mask-image 0.15s;
}

a.bi-custom-gam:hover::before {
  background-color: #27bd51;
}

a.bi-custom-gam:hover {
  color: #27bd51 !important;
}

a.bi-custom-editor::before,
i.bi-custom-editor::before {
  content: "";
  display: inline-block;
  width: 1em;
  height: 1em;
  -webkit-mask: url(/f1m-editor/assets/images/editor.svg) no-repeat center;
  mask: url(/f1m-editor/assets/images/editor.svg) no-repeat center;
  -webkit-mask-size: contain;
  mask-size: contain;
  background-color: #94a3b8;
  transition: background-color 0.15s, mask-image 0.15s, -webkit-mask-image 0.15s;
}

a.bi-custom-editor:hover::before {
  background-color: #27bd51;
}

a.bi-custom-editor:hover {
  color: #27bd51 !important;
}

.wechat-wrapper {
  position: relative;
  display: inline-block;
}

.wechat-qr {
  display: none;
  position: absolute;
  bottom: 100%;
  left: 50%;
  transform: translateX(-50%);
  width: 120px;
  height: auto;
  margin-bottom: 8px;
  border-radius: 6px;
  box-shadow: 0 4px 12px rgba(0,0,0,0.3);
  z-index: 1000;
}

.wechat-wrapper:hover .wechat-qr {
  display: block;
}

.socials-container .bi-wechat {
  transition: color 0.15s;
}

.socials-container .bi-wechat:hover {
  color: #27bd51 !important;
}

.socials-container .bi-gem {
  transition: color 0.15s;
}

.socials-container .bi-gem:hover {
  color: #fff !important;
}

.zhifu-qr {
  width: 150px;
  border-radius: 8px;
}

a.bi-custom-patreon::before,
i.bi-custom-patreon::before {
  content: "";
  display: inline-block;
  width: 1em;
  height: 1em;
  -webkit-mask: url(/f1m-editor/assets/images/patreonLogo.svg) no-repeat center;
  mask: url(/f1m-editor/assets/images/patreonLogo.svg) no-repeat center;
  -webkit-mask-size: contain;
  mask-size: contain;
  background-color: var(--text-general);
  transition: background-color 0.15s;
}

.footer a.bi-custom-patreon::before {
  background-color: var(--dark-text)
}

a.bi-custom-patreon:hover::before {
  background-color: var(--support-me) !important;
}

a.bi-custom-patreon:hover {
  color: var(--support-me) !important;
}

a.bi-custom-patreon.open-slide-up {
  animation: goUp 0.4s forwards;
}

a.bi-custom-patreon.close-slide-up {
  animation: goDown 0.4s forwards;
}

@keyframes goUp {
  0% {
    transform: translateY(0);
  }

  60% {
    transform: translateY(5px);
  }

  100% {
    transform: translateY(-30px);
  }
}

@keyframes goDown {
  0% {
    transform: translateY(-30px);
  }

  60% {
    transform: translateY(-5px);
  }

  100% {
    transform: translateY(0);
  }
}

.patreon-slide-up {
  padding: 10px;
  background-color: var(--elements-hover);
  box-shadow: 0 0 10px var(--generals);
  border-radius: 10px;
  transform: translateY(125%);
  transition: transform 0.15s;
  position: fixed;
  bottom: 42px;
  left: 10px;
  color: var(--text-general);
  z-index: 190;
  max-width: 600px;
}

.patreon-slide-up.open {
  transform: translateY(0);
}

.slide-up-title-and-x {
  margin-bottom: 10px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  font-size: 20px;
  height: 30px;
}

#patreonSlideUpClose {
  font-size: 26px;
  cursor: pointer;
  color: var(--modal-text);
  transition: all 0.15s;
}

#patreonSlideUpClose:hover {
  color: var(--negative-general);
}

.patreon-unlockables {
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin-top: 10px;
  padding-top: 5px;
  border-top: 2px solid var(--separator);
}

#modelSelectorButton {
  margin-top: 0px !important;
}

#aiModelmenu .dropdown-item {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: space-between;
}

#aiModelmenu .dropdown-item i {
  font-size: 22px;
  height: 22px;
  width: 22px;
  display: flex;
  align-items: center;
  justify-content: center;
  pointer-events: none;
  transition: transform 0.15s, opacity 0.15s;
}

.model-and-description {
  display: flex;
  flex-direction: column;
  gap: 3px;
  pointer-events: none;
}

.model-and-description .model-name {
  color: var(--text-general);
  font-family: "Formula1Bold";
  pointer-events: none;
}

.model-and-description .model-description {
  font-family: "Formula1";
  color: var(--text-secondary);
  pointer-events: none;
  font-size: 14px;
}

.patreon-themes,
.ai-model-settings {
  display: flex;
  flex-direction: column;
  gap: 5px;
}

.patreon-unlockables .modal-subtitle {
  font-size: 18px;
  line-height: 1.3;
}

.api-key-section {
  display: flex;
  flex-direction: column;
  gap: 5px;
}

#patreonChanges>.api-key-section {
  margin-top: 10px;
  padding-top: 5px;
  border-top: 2px solid var(--separator);
}

#news .modal-text {
  position: absolute;
  top: 350%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 20px;
  text-align: center;
}

.modal-text a,
.news-error-api-key a {
  color: var(--new-primary);
  transition: color 0.15s;
}

.modal-text a:hover {
  color: var(--new-primary-dark);
}


.user-name-and-logout {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 5px;
}

#userButton,
#userButton:hover,
#userButton:hover i,
#userButton:hover i::before {
  color: var(--new-primary);
  background-color: transparent;
  cursor: default;
}


#patreonLogoutButton:hover {
  color: var(--negative-general);
  background-color: color-mix(in srgb, var(--elements) 75%, var(--negative-general));
}

#patreonLogoutButton:hover i,
#patreonLogoutButton:hover i::before {
  background-color: transparent;
}


.patreon-status.negative {
  color: var(--negative-general) !important;
}

.patreon-status.positive {
  color: var(--positive-general) !important;
}

.patreon-status {
  color: var(--modal-text) !important;
}


.no-image-by-availability {
  background-color: color-mix(in srgb, var(--new-primary-dark) 60%, var(--generals));
  color: var(--text-general);
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 20px;
  font-size: 18px;
  padding: 10px;
  justify-content: center;
  position: absolute;
  top: 0;
  height: 235px;
  opacity: 0.97;
  z-index: 5;
}

.no-image-by-availability i {
  font-size: 130px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  opacity: 0.2;
  z-index: 1;
}

.no-image-by-availability span {
  text-align: center;
  z-index: 2;
}


.saved-status {
  color: var(--positive-general);
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 2px;
  opacity: 0;
  transform: translateY(5px);
  transition: opacity 0.15s, transform 0.15s;
}

.saved-status.api-loaded {
  opacity: 1;
  transform: translateY(0px);
}

.saved-status i,
.remove-key i {
  display: flex;
  font-size: 28px;
  max-height: 28px;
}

.remove-key {
  color: var(--modal-text);
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 2px;
  cursor: pointer;
  opacity: 0;
  transform: translateY(5px);
  transition: opacity 0.15s, transform 0.15s;
  pointer-events: none;
  margin-left: -7px;
}

#savedKeySeparator {
  opacity: 0;
  transform: translateY(5px);
  transition: opacity 0.15s, transform 0.15s;
  pointer-events: none;
}

.limit-bar-and-text{
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 10px;
  width: max-content;
  padding: 4px 8px;
  border-radius: 4px;
}

.limit-bar{
  height: 8px;
  width: 100px;
  background-color: var(--elements);
  border-radius: 4px;
}

.limit-bar-fill{
  height: 8px;
  background-color: var(--new-primary);
  border-radius: 4px;
  transition: width 0.15s;
}

.limit-text{
  font-size: 14px;
  color: inherit;
}

.rate-ok .limit-bar-fill {
  background-color: var(--rate-ok-color);
}

.rate-ok.limit-bar-and-text {
  color: var(--rate-ok-color);
  background-color: var(--rate-ok-bg);
}

.rate-warning .limit-bar-fill {
  background-color: var(--rate-warning-color);
}
.rate-warning.limit-bar-and-text {
  color: var(--rate-warning-color);
  background-color: var(--rate-warning-bg);
}

.rate-danger .limit-bar-fill {
  background-color: var(--rate-danger-color);
}
.rate-danger.limit-bar-and-text {
  color: var(--rate-danger-color);
  background-color: var(--rate-danger-bg);
}

.rate-blocked .limit-bar-fill {
  background-color: var(--rate-blocked-color);
}

.rate-blocked.limit-bar-and-text {
  color: var(--rate-blocked-color);
  background-color: var(--rate-blocked-bg);
}

.remove-key i,
.remove-key span {
  transition: color 0.15s, transform 0.15s;
}

.remove-key:hover i,
.remove-key:hover span {
  color: var(--negative-general);
}

.remove-key:active span {
  transform: scale(0.95);
}

.themes-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(40px, 120px));
  gap: 5px;
}

.one-theme {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 5px 8px 8px 8px;
  border-radius: 5px;
  transition: background-color 0.15s;
  cursor: pointer;
  background-color: var(--elements);
  border-radius: 8px;
}

.one-theme:hover {
  background-color: var(--elements-hover);
}

.theme-title {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}

.theme-title .bi-check-lg {
  color: var(--positive-general);
  transition: all 0.15s;
}

.one-theme.active .theme-title .bi-check-lg {
  rotate: 0deg;
  opacity: 1;
}

.one-theme:not(.active) .theme-title .bi-check-lg {
  rotate: 90deg;
  opacity: 0;
}

.theme-colors {
  display: flex;
  flex-direction: row;
  width: 100%;
}

.theme-colors div {
  height: 30px;
  flex: 1;
}

#defaultTheme .background-color {
  background-color: #202020;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}

#defaultTheme .primary-color {
  background-color: #c89efc;
}

#defaultTheme .secondary-color {
  background-color: #9AD2CB;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}

#lightTheme .background-color {
  background-color: #e7e7e7;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}

#lightTheme .primary-color {
  background-color: #7a5fd8;
}

#lightTheme .secondary-color {
  background-color: #66aabb;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}

#ogTheme .background-color {
  background-color: #1f1b3b;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}

#ogTheme .primary-color {
  background-color: #797599;
}

#ogTheme .secondary-color {
  background-color: #dedde6;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}

#vaporwaveTheme .background-color {
  background-color: #230b55;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}

#vaporwaveTheme .primary-color {
  background-color: #ff5ec3;
}

#vaporwaveTheme .secondary-color {
  background-color: #00b3ff;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}

#nightlyTheme .background-color {
  background-color: #202020;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}

#nightlyTheme .primary-color {
  background-color: #9AD2CB;
}

#nightlyTheme .secondary-color {
  background-color: #c89efc;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}

#ferrariTheme .background-color {
  background-color: #211417;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}

#ferrariTheme .primary-color {
  background-color: #ff3d3d;
}

#ferrariTheme .secondary-color {
  background-color: #ffb74d;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}

#redbullTheme .background-color {
  background-color: #132142;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}

#redbullTheme .primary-color {
  background-color: #4b7bff;
}

#redbullTheme .secondary-color {
  background-color: #ffd24a;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}

#mercedesTheme .background-color {
  background-color: #0e2328;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}

#mercedesTheme .primary-color {
  background-color: #00f5d3;
}

#mercedesTheme .secondary-color {
  background-color: #c8f9f2;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}

#astonMartinTheme .background-color {
  background-color: #07120f;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}

#astonMartinTheme .primary-color {
  background-color: #07977b;
}

#astonMartinTheme .secondary-color {
  background-color: #c3dc00;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}

#audiTheme .background-color {
  background-color: #1a0f12;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}

#audiTheme .primary-color {
  background-color: #c00a26;
}

#audiTheme .secondary-color {
  background-color: #f1f1f1;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}

#vcarbTheme .background-color {
  background-color: #101827;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}

#vcarbTheme .primary-color {
  background-color: #6c8ff3;
}

#vcarbTheme .secondary-color {
  background-color: #f1f1f1;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}

#williamsTheme .background-color {
  background-color: #0c1526;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}

#williamsTheme .primary-color {
  background-color: #1868db;
}

#williamsTheme .secondary-color {
  background-color: #f1f1f1;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}

#haasTheme .background-color {
  background-color: #17171d;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}

#haasTheme .primary-color {
  background-color: #f62039;
}

#haasTheme .secondary-color {
  background-color: #c1c1c7;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}

#alpineTheme .background-color {
  background-color: #221523;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}

#alpineTheme .primary-color {
  background-color: #f168ba;
}

#alpineTheme .secondary-color {
  background-color: #47c7fc;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}

#mclarenTheme .background-color {
  background-color: #22160f;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}

#mclarenTheme .primary-color {
  background-color: #ff8000;
}

#mclarenTheme .secondary-color {
  background-color: #47c7fc;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}

.big-subtitle p {
  padding-top: 5px;
  color: var(--new-primary)
}

.big-subtitle {
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  height: 50px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-radius: 8px;
  margin-top: -5px;
  font-size: 24px;
}

.words {
  overflow: hidden;
  position: relative;
}

.words::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(var(--superficials) 10%,
      transparent 30%,
      transparent 70%,
      var(--superficials) 90%);
  z-index: 20;
}

.word {
  display: block;
  height: 100%;
  padding-left: 6px;
  padding-top: 5px;
  color: var(--new-primary);
  animation: move-gradient-title 5s linear infinite, spin_4991 15s infinite;
  will-change: transform;

}

@keyframes spin_4991 {
  0% {
    transform: translateY(0%);
  }

  25% {
    transform: translateY(0%);
  }

  27% {
    transform: translateY(-102%);
  }

  30% {
    transform: translateY(-100%);
  }

  32% {
    transform: translateY(-202%);
  }

  36% {
    transform: translateY(-200%);
  }

  38% {
    transform: translateY(-302%);
  }

  42% {
    transform: translateY(-300%);
  }

  44% {
    transform: translateY(-402%);
  }

  48% {
    transform: translateY(-400%);
  }

  50% {
    transform: translateY(-502%);
  }

  54% {
    transform: translateY(-500%);
  }

  56% {
    transform: translateY(-602%);
  }

  60% {
    transform: translateY(-600%);
  }

  62% {
    transform: translateY(-702%);
  }

  66% {
    transform: translateY(-700%);
  }

  68% {
    transform: translateY(-802%);
  }

  72% {
    transform: translateY(-800%);
  }

  74% {
    transform: translateY(-902%);
  }

  78% {
    transform: translateY(-900%);
  }

  80% {
    transform: translateY(-1002%);
  }

  84% {
    transform: translateY(-1000%);
  }

  100% {
    transform: translateY(-1000%);
  }
}

.everywhere {
  opacity: 1;
  animation: everywhere 15s infinite;
  transform: translateX(-10px);
}

@keyframes everywhere {
  0% {
    opacity: 1;
  }

  25% {
    opacity: 1;
  }

  27% {
    opacity: 0;
  }

  88% {
    opacity: 0;
  }

  90% {
    opacity: 1;
  }

  100% {
    opacity: 1;
  }

}


.patreon-members {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 50px;
  overflow: hidden;
  display: flex;
  align-items: center;
}

.marquee {
  white-space: nowrap;
  overflow: hidden;
  height: 100%;
  display: flex;
  align-items: center;
}

.marquee__inner {
  display: flex;
  animation: scroll 165s linear infinite;
  gap: 1em;
}

.marquee__group {
  display: flex;
  gap: 1em;
}


.marquee__group span {
  font-size: 20px;
  font-weight: bold;
}

/* Estilos por tier */
.backer {
  color: color-mix(in srgb, var(--background) 40%, var(--dark-text))
}

.supporter {
  color: color-mix(in srgb, var(--background) 40%, var(--disabled-text))
}

.founder {
  color: color-mix(in srgb, var(--background) 40%, var(--table-first))
}

body.light-theme .founder {
  color: color-mix(in srgb, var(--dark-text) 40%, var(--table-first))
}

/* Animación de desplazamiento */
@keyframes scroll {
  0% {
    transform: translateX(-50%);
  }

  /* Empieza con la segunda mitad visible */
  100% {
    transform: translateX(9px);
  }

  /* Vuelve a la posición inicial */
}

.changes-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 25px;
  position: relative;
}

.one-change {
  background-color: color-mix(in srgb, var(--elements) 60%, transparent);
  padding: 15px 20px;
  border-radius: 10px;
  display: flex;
  flex-direction: column;
  gap: 10px;
  align-items: center;
  justify-content: space-between;
  backdrop-filter: blur(2px);
  box-shadow: var(--shadow-s);
  opacity: 0;

}


body.light-theme .one-change {
  background-color: #f5f5f5;
}

body.light-theme .one-change .one-change-description {
  color: #282828;
}

.one-change-title {
  text-transform: uppercase;
  font-size: 20px;
  color: var(--text-general);
  text-align: center;
}


.one-change-description {
  font-size: 16px;
  color: var(--modal-text);
}

.one-change-description.add-results-team {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}

.one-change-description.add-results-team .add-results-team__left {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  min-width: 0;
}

.one-change-description.add-results-team .add-results-team__logo {
  width: 26px;
  height: 18px;
  flex: 0 0 auto;
  object-fit: contain;
}

.one-change-description.add-results-team .add-results-team__right {
  display: inline-flex;
  align-items: baseline;
  gap: 6px;
  white-space: nowrap;
  flex: 0 0 auto;
}

.one-change-description.add-results-team .add-results-points {
  font-size: 18px;
  line-height: 1;
  transition: color 0.15s;
}

.add-results-points.activated{
  color: var(--dark-text);
}

.calendar-changes-2026{
  transition: transform 0.15s ease;
}

.one-change:has(.completed) .calendar-changes-2026{
  transform: translateX(-25px)
}

.one-change-description.regs-team {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}

.one-change-description.regs-team .regs-team__name {
  text-transform: uppercase;
  white-space: nowrap;
}

.one-change-description.regs-team .regs-team__logo {
  position: relative;
  width: 26px;
  height: 18px;
  flex: 0 0 auto;
}

.one-change-description.regs-team .regs-team__logo::before,
.one-change-description.regs-team .regs-team__logo::after {
  content: '';
  position: absolute;
  inset: 0;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  opacity: 0;
  transform: translateY(-10px);
  transition: opacity 0.2s ease, transform 0.2s ease;
}

.one-change-description.regs-team .regs-team__logo::before {
  opacity: 1;
  transform: translateY(0);
}

.one-change:has(.change-performance-2026.completed) .one-change-description.regs-team .regs-team__logo::before {
  opacity: 0;
  transform: translateY(10px);
}

.one-change:has(.change-performance-2026.completed) .one-change-description.regs-team .regs-team__logo::after {
  opacity: 1;
  transform: translateY(0);
}

.one-change-description.regs-team--aston .regs-team__logo::before {
  background-image: url(/f1m-editor/assets/images/mercedes.png);
}

.one-change-description.regs-team--aston .regs-team__logo::after {
  background-image: url(/f1m-editor/assets/images/honda.png);
}

.one-change-description.regs-team--stake .regs-team__logo::before {
  background-image: url(/f1m-editor/assets/images/ferrari.png);
}

.one-change-description.regs-team--stake .regs-team__logo::after {
  background-image: url(/f1m-editor/assets/images/audi.png);
}

.one-change-description.regs-team--stake .regs-team__name {
  position: relative;
  display: inline-block;
  min-height: 1em;
  color: transparent;
}

.one-change-description.regs-team--stake .regs-team__name::before,
.one-change-description.regs-team--stake .regs-team__name::after {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  transform: translateY(-10px);
  transition: opacity 0.2s ease, transform 0.2s ease;
  color: var(--modal-text);
}

body.light-theme .one-change-description.regs-team--stake .regs-team__name::before,
body.light-theme .one-change-description.regs-team--stake .regs-team__name::after {
  color: #282828;
}

.one-change-description.regs-team--stake .regs-team__name::before {
  content: 'Stake Sauber';
  opacity: 1;
  transform: translateY(0);
}

.one-change-description.regs-team--stake .regs-team__name::after {
  content: 'Audi';
  font-family: 'Formula1Bold';
  color: var(--dark-text);
}

.one-change:has(.change-performance-2026.completed) .one-change-description.regs-team--stake .regs-team__name::before {
  opacity: 0;
  transform: translateY(10px);
}

.one-change:has(.change-performance-2026.completed) .one-change-description.regs-team--stake .regs-team__name::after {
  opacity: 1;
  transform: translateY(0);
}

.one-change-description.lineup-team {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}

.one-change-description.lineup-team .lineup-team__name {
  text-transform: uppercase;
  white-space: nowrap;
}

.one-change-description.lineup-team .lineup-team__logo {
  position: relative;
  width: 28px;
  height: 18px;
  flex: 0 0 auto;
}

.one-change-description.lineup-team .lineup-team__logo::before,
.one-change-description.lineup-team .lineup-team__logo::after {
  content: '';
  position: absolute;
  inset: 0;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  opacity: 0;
  transform: translateY(-10px);
  transition: opacity 0.22s ease, transform 0.22s ease;
}

.one-change-description.lineup-team .lineup-team__logo::before {
  opacity: 1;
  transform: translateY(0);
}

.one-change:has(.change-line-ups-2026.completed) .one-change-description.lineup-team .lineup-team__logo::before {
  opacity: 0;
  transform: translateY(10px);
}

.one-change:has(.change-line-ups-2026.completed) .one-change-description.lineup-team .lineup-team__logo::after {
  opacity: 1;
  transform: translateY(0);
}

/* 2026 Line-ups logos (right side) */
.one-change-description.lineup-team--cadillac .lineup-team__logo::before {
  /* nothing shown until applied */
  opacity: 0;
  transform: translateY(-10px);
}

.one-change-description.lineup-team--cadillac .lineup-team__logo::after {
  background-image: url(/f1m-editor/assets/images/cadillac.png);
  height: 26px;
}

.one-change:has(.change-line-ups-2026.completed) .one-change-description.lineup-team--cadillac .lineup-team__logo::after{
  transform: translateY(-3px);
}

.one-change-description.lineup-team--hadjar .lineup-team__logo::before {
  background-image: url(/f1m-editor/assets/images/visarb.png);
}

.one-change-description.lineup-team--hadjar .lineup-team__logo::after {
  background-image: url(/f1m-editor/assets/images/redbull.png);
}

.one-change-description.lineup-team--lindblad .lineup-team__logo::before {
  background-image: url(/f1m-editor/assets/images/campos.png);
}

.one-change-description.lineup-team--lindblad .lineup-team__logo::after {
  background-image: url(/f1m-editor/assets/images/visarb.png);
}

.one-change-description.engine-renamed.engine-renamed-honda,
.one-change-description.engine-appear {
  color: var(--text-general);
}

.one-change-description.performance-year-switch {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
}

.one-change-description.performance-year-switch .performance-year-switch__year {
  position: relative;
  display: inline-block;
  min-width: 44px;
  min-height: 1em;
  color: transparent;
}

.one-change-description.performance-year-switch .performance-year-switch__year::before,
.one-change-description.performance-year-switch .performance-year-switch__year::after {
  position: absolute;
  top: -5px;
  left: 0;
  opacity: 0;
  transform: translateY(-10px);
  transition: opacity 0.2s ease, transform 0.2s ease;
  color: var(--modal-text);
}

body.light-theme .one-change-description.performance-year-switch .performance-year-switch__year::before {
  color: #282828;
}

.one-change-description.performance-year-switch .performance-year-switch__year::before {
  content: '2024';
  opacity: 1;
  transform: translateY(0);
}

.one-change-description.performance-year-switch .performance-year-switch__year::after {
  content: '2026';
  color: var(--dark-text);
}

.one-change:has(.change-performance-2026.completed) .one-change-description.performance-year-switch .performance-year-switch__year::before {
  opacity: 0;
  transform: translateY(10px);
}

.one-change:has(.change-performance-2026.completed) .one-change-description.performance-year-switch .performance-year-switch__year::after {
  opacity: 1;
  transform: translateY(0);
}

.one-change-description.engine-appear {
  opacity: 0;
  transform: translateY(10px);
  transition: opacity 0.15s ease, transform 0.15s ease, max-height 0.15s ease;
}

.one-change-description.engine-appear.engine-appear-visible {
  opacity: 1;
  transform: translateY(0);
}

.engine-renamed{
  min-height: 24px;
}


button.one-change-button {
  background-color: var(--text-general);
  color: var(--negative-text);
  border: none;
  padding: 7px 13px;
  border-radius: 7px;
  cursor: pointer;
  transition: color 0.15s, background-color 0.15s, box-shadow 0.15s;
  margin-top: 5px;
  width: 100%;
}


#mods2026View button.one-change-button {
  background-color: transparent;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-image: linear-gradient(
    90deg,
    var(--text-general) 0%,
    var(--text-general) 50%,
    var(--text-general) 100%
  );
  transition: color 0.15s, background-image 0.35s ease, box-shadow 0.15s;
}

#mods2026View button.one-change-button:hover {
  background-color: transparent;
  background-image: linear-gradient(
    90deg,
    var(--new-primary) 0%,
    var(--new-primary) 50%,
    var(--new-primary) 100%
  );
}

button.one-change-button.disabled {
  filter: brightness(0.6);
  cursor: default;
  pointer-events: none;
}

button.one-change-button:hover {
  background-color: var(--new-primary);
  box-shadow: 0 0 5px var(--new-primary);
}

button.one-change-button:active {
  transform: scale(0.98);
  /* Ajusta esto a tu gusto */
  box-shadow: inset 0 2px 5px rgba(0, 0, 0, 0.2);
}

button.one-change-button.completed {
  background-color: transparent;
  color: var(--positive-general);
  cursor: default;
  pointer-events: none;
}

#mods2026View button.one-change-button.completed {
  background-image: linear-gradient(
    90deg,
    transparent 0%,
    var(--positive-transparent) 50%,
    transparent 100%
  );
}

button.one-change-button.completed:hover {
  background-color: transparent;
  box-shadow: none;
}

button.one-change-button .bi-check-lg {
  transition: all 0.15s;
}

button.one-change-button:not(.completed) .bi-check-lg {
  rotate: 90deg;
  opacity: 0;
}

button.one-change-button.completed .bi-check-lg {
  rotate: 0deg;
  opacity: 1;
}

button.one-change-button span {
  padding-right: 16px;
  transition: all 0.15s;
}

button.one-change-button.completed span {
  padding-right: 0;
}

@keyframes change-appear {
  0% {
    opacity: 0;
    transform: translateY(20px);
  }

  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

body:has(#modpill.active) .one-change {
  animation: change-appear 0.6s ease-out forwards;
  animation-delay: calc(0.8s + var(--order) * 0.1s);
}

.ham-transfer,
.sai-transfer,
.ant-transfer {
  color: transparent;
  position: relative;
}

.bor-ovr,
.ant-ovr,
.pia-ovr
 {
  transform: skewX(-9deg);
  display: inline-block;
  min-width: 122px;
}

.had-ovr,
.bea-ovr,
#mods2026View .ant-ovr {
  transform: skewX(0deg) !important;
  display: inline-block;
  min-width: 122px;
  transition: color 0.15s;
}

.ovr-change {
  color: var(--dark-text);
}

.ham-transfer::before,
.sai-transfer::before,
.ant-transfer::before {
  font-family: 'Formula1Bold';
  transition: all 0.15s;
  transform: skewX(-9deg);
  display: inline-block;
}

.ham-transfer::before {
  content: 'HAMILTON';
  position: absolute;
  bottom: 2px;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 1;
  z-index: 1;
  color: var(--mercedes-primary);
}

.sai-transfer::before {
  content: 'SAINZ';
  position: absolute;
  bottom: 2px;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 1;
  z-index: 1;
  color: var(--ferrari-primary);
}

.ant-transfer::before {
  content: 'ANTONELLI';
  position: absolute;
  bottom: 2px;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 1;
  z-index: 1;
  color: var(--modal-text);
}

.one-change:has(.completed) .ham-transfer,
.one-change:has(.completed) .sai-transfer,
.one-change:has(.completed) .ant-transfer {
  color: var(--modal-text);
}

.one-change:has(.completed) .ham-transfer::before {
  transform: translateX(59px) skewX(-9deg);
  color: var(--ferrari-primary);
}

.one-change:has(.completed) .sai-transfer::before {
  transform: translateX(62px) skewX(-9deg);
  color: var(--williams-primary);
}

.ant-team {
  transform: translateX(22px);
  padding-left: 50px;
}

.ham-team {
  padding-left: 51px;
  transition: all 0.15s;
}

.sai-team {
  transition: all 0.15s;
}



.one-change:has(.completed) .ham-team,
.one-change:has(.completed) .sai-team,
.one-change:has(.completed) .ant-team {
  color: transparent;
  padding: 0;
}

.one-change:has(.completed) .ant-transfer::before {
  transform: translateX(65px) skewX(-9deg);
  color: var(--mercedes-primary);
}

.date-holder {
  display: inline-flex;
  gap: 5px;
}


.date-part {
  position: relative;
  display: inline-block;
  text-align: center;
  overflow: hidden;
}



@keyframes slide-down {
  from {
    transform: translateY(-20px);
    opacity: 0;
  }

  to {
    transform: translateY(0);
    opacity: 1;
  }
}

@keyframes slide-out-down {
  from {
    transform: translateY(0);
    opacity: 1;
  }

  to {
    transform: translateY(20px);
    opacity: 0;
  }
}

#dateDay::before {
  content: '29th';
  position: absolute;
  font-family: 'Formula1Bold';
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  z-index: -1;
  transform: translateY(-20px);
  animation-delay: 0.1s;
  color: var(--dark-text);
}

#dateDay2026,
#dateMonth2026,
#dateYear2026 {
  --date-switch-delay: 0s;
}

#dateMonth2026 {
  --date-switch-delay: 0.05s;
}

#dateYear2026 {
  --date-switch-delay: 0.1s;
}

#dateDay2026,
#dateMonth2026,
#dateYear2026 {
  transition: transform 0.2s ease, color 0.2s ease;
  transition-delay: var(--date-switch-delay);
  transform: translateY(0);
  overflow: visible;
}

#dateDay2026::after,
#dateMonth2026::after,
#dateYear2026::after {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  transform: translateY(-20px);
  transition: opacity 0.2s ease, transform 0.2s ease;
  transition-delay: var(--date-switch-delay);
  color: var(--dark-text);
  font-family: 'Formula1Bold';
  pointer-events: none;
  z-index: 1;
}

#dateDay2026::after {
  content: '29th';
}

#dateMonth2026::after {
  content: 'December';
}

#dateYear2026::after {
  content: '2025';
}

.one-change:has(.completed) #dateDay2026,
.one-change:has(.completed) #dateMonth2026,
.one-change:has(.completed) #dateYear2026 {
  transform: translateY(10px);
  color: transparent;
}

.one-change:has(.completed) #dateDay2026::after,
.one-change:has(.completed) #dateMonth2026::after,
.one-change:has(.completed) #dateYear2026::after {
  opacity: 1;
  transform: translateY(-10px);
}

#dateMonth, #dateMonth2026 {
  min-width: 100px;
}

#dateDay, #dateDay2026 {
  min-width: 50px;
}

#dateMonth::before {
  content: 'December';
  font-family: 'Formula1Bold';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  z-index: -1;
  transform: translateY(-20px);
  animation-delay: 0.2s;
  color: var(--dark-text);
}

#dateYear::before {
  content: '2024';
  position: absolute;
  font-family: 'Formula1Bold';
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  z-index: -1;
  transform: translateY(-20px);
  animation-delay: 0.3s;
  color: var(--dark-text);
}

.one-change:has(.completed) #dateDay::before {
  animation: slide-down 0.3s forwards 0s;
}

.one-change:has(.completed) #dateMonth::before {
  animation: slide-down 0.3s forwards 0.05s;
}

.one-change:has(.completed) #dateYear::before {
  animation: slide-down 0.3s forwards 0.1s;
}

.one-change:has(.completed) #dateDay,
.one-change:has(.completed) #dateMonth,
.one-change:has(.completed) #dateYear {
  transition: color 0.15s;
  color: transparent;
}

.bor-change,
.ant-change,
.pia-change,
.bea-change,
.had-change {
  position: relative;
  overflow: hidden;
  color: transparent;
}

.bor-change::before {
  content: '78';
  position: absolute;
  bottom: 2px;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  z-index: 2;
  transform: translateY(-20px);
  color: var(--dark-text);
}

.bor-change::after {
  content: '69';
  position: absolute;
  bottom: 2px;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 1;
  z-index: 1;
  transform: translateY(0);
  color: var(--dark-text);
}

.one-change:has(.completed) .bor-change::before {
  animation: slide-down 0.3s forwards 0s;
}

.one-change:has(.completed) .bor-change::after {
  animation: slide-out-down 0.3s forwards 0s;
}

.ant-change::before {
  content: '77';
  position: absolute;
  bottom: 2px;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  z-index: 2;
  transform: translateY(-20px);
  color: var(--dark-text);
}

#mods2026View .ant-change::before{
  content: "86";
  font-family: "NumbersFont";
}

#mods2026View .ant-change::after{
  font-family: "NumbersFont";
}

.ant-change::after {
  content: '71';
  position: absolute;
  bottom: 2px;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 1;
  z-index: 1;
  transform: translateY(0);
  color: var(--dark-text);
  
}

.one-change:has(.completed) .ant-change::before {
  animation: slide-down 0.3s forwards 0.05s;
}

.one-change:has(.completed) .ant-change::after {
  animation: slide-out-down 0.3s forwards 0.05s;
}

.pia-change::before {
  content: '86';
  position: absolute;
  bottom: 2px;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  z-index: 2;
  transform: translateY(-20px);
  color: var(--dark-text);
}

.pia-change::after {
  content: '84';
  position: absolute;
  bottom: 2px;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 1;
  z-index: 1;
  transform: translateY(0);
  color: var(--dark-text);
}

.one-change:has(.completed) .pia-change::before {
  animation: slide-down 0.3s forwards 0.1s;
}

.one-change:has(.completed) .pia-change::after {
  animation: slide-out-down 0.3s forwards 0.1s;
}

.had-change::before {
  content: '83';
  position: absolute;
  bottom: 2px;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  z-index: 2;
  transform: translateY(-20px);
  color: var(--dark-text);
  font-family: "NumbersFont";
}

.had-change::after {
  content: '75';
  position: absolute;
  bottom: 2px;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 1;
  z-index: 1;
  transform: translateY(0);
  color: var(--dark-text);
  font-family: "NumbersFont";
}

.one-change:has(.completed) .had-change::before {
  animation: slide-down 0.3s forwards 0s;
}

.one-change:has(.completed) .had-change::after {
  animation: slide-out-down 0.3s forwards 0s;
}

.bea-change::before {
  content: '84';
  position: absolute;
  bottom: 2px;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  z-index: 2;
  transform: translateY(-20px);
  color: var(--dark-text);
  font-family: "NumbersFont";
}

.bea-change::after {
  content: '77';
  position: absolute;
  bottom: 2px;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 1;
  z-index: 1;
  transform: translateY(0);
  color: var(--dark-text);
  font-family: "NumbersFont";
}

.one-change:has(.completed) .bea-change::before {
  animation: slide-down 0.3s forwards 0.1s;
}

.one-change:has(.completed) .bea-change::after {
  animation: slide-out-down 0.3s forwards 0.1s;
}

.fast-lap-change::before {
  content: '0';
  position: absolute;
  bottom: 2px;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  z-index: -1;
  transform: translateY(-10px);
  animation-delay: 0.1s;
  color: var(--dark-text);
}

.one-change:has(.completed) .fast-lap-change::before {
  animation: slide-down 0.3s forwards 0.05s;
}

.fast-lap-change {
  position: relative;
  margin-right: 2px;
}

.one-change:has(.completed) .fast-lap-change {
  color: transparent;
}

.fast-lap-general {
  color: #c90fd7;
  transition: all 0.15s;
}

.one-change:has(.completed) .fast-lap-general {
  color: var(--dark-text);
}

.cost-cap-change::before {
  content: '215M €';
  position: absolute;
  bottom: 2px;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  z-index: -1;
  transform: translateY(-10px);
  animation-delay: 0.1s;
  color: var(--dark-text);
}

.one-change:has(.completed) .cost-cap-change::before {
  animation: slide-down 0.3s forwards 0.05s;
}

.cost-cap-change {
  position: relative;
}

.one-change:has(.completed) .cost-cap-change {
  color: transparent;
}

.cost-cap-general {
  transition: all 0.15s;
}

.one-change:has(.completed) .cost-cap-general {
  color: var(--dark-text);
}

.mclaren-cfd,
.redbull-cfd,
.ferrari-cfd {
  position: relative;
}

.mclaren-cfd::before {
  content: '4.2h';
  position: absolute;
  font-family: "Formula1Bold";
  bottom: 2px;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  z-index: -1;
  transform: translateY(-20px);
  animation-delay: 0.1s;
  color: var(--dark-text);
}

.one-change:has(.completed) .mclaren-cfd::before {
  animation: slide-down 0.3s forwards 0.05s;
}

.one-change:has(.completed) .mclaren-cfd {
  color: transparent;
}

.redbull-cfd::before {
  content: '4.8h';
  position: absolute;
  font-family: "Formula1Bold";
  bottom: 2px;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  z-index: -1;
  transform: translateY(-20px);
  animation-delay: 0.1s;
  color: var(--dark-text);
}

.one-change:has(.completed) .redbull-cfd::before {
  animation: slide-down 0.3s forwards 0s;
}

.one-change:has(.completed) .redbull-cfd {
  color: transparent;
}

.ferrari-cfd::before {
  content: '4.5h';
  position: absolute;
  font-family: "Formula1Bold";
  bottom: 2px;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  z-index: -1;
  transform: translateY(-20px);
  animation-delay: 0.1s;
  color: var(--dark-text);
}

.one-change:has(.completed) .ferrari-cfd::before {
  animation: slide-down 0.3s forwards 0.1s;
}

.one-change:has(.completed) .ferrari-cfd {
  color: transparent;
}

.cfd-name {
  min-width: 125px;
  display: inline-block;
  color: var(--dark-text);
}

.one-change-performance-name {
  min-width: 100px;
  display: inline-block;
  color: var(--dark-text);
}

.missing-staff,
.missing-f2,
.missing-academy {
  position: relative;
  width: 225px;
  transition: width 0.15s;
}

.missing-staff::before,
.missing-f2::before,
.missing-academy::before {
  content: 'Added!';
  position: absolute;
  font-family: "Formula1Bold";
  bottom: 0px;
  left: 0;
  height: 100%;
  opacity: 0;
  z-index: -1;
  transform: translateX(0);
  animation-delay: 0.1s;
  color: var(--dark-text);
}

.one-change:has(.completed) .missing-staff::before {
  transform: translateX(120px);
  opacity: 1;
  color: var(--positive-general);
}

.one-change:has(.completed) .missing-f2::before {
  transform: translateX(170px);
  opacity: 1;
  color: var(--positive-general);
}

.one-change:has(.completed) .missing-academy::before {
  transform: translateX(227px);
  opacity: 1;
  color: var(--positive-general);
}

.one-change:has(.completed) .missing-f2,
.one-change:has(.completed) .missing-staff,
.one-change:has(.completed) .missing-academy {
  width: 280px;
}

.season-change::before {
  content: 'Australia';
  position: absolute;
  font-family: "Formula1Bold";
  bottom: 2px;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  z-index: -1;
  transform: translateY(-20px);
  animation-delay: 0.1s;
  color: var(--dark-text);
}

.sprint-change::before {
  content: 'Belgium';
  position: absolute;
  font-family: "Formula1Bold";
  bottom: 2px;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  z-index: -1;
  transform: translateY(-20px);
  animation-delay: 0.1s;
  color: var(--dark-text);
}

.sprint-change-2026.change-1::before{
  content: 'Canada,';
  position: absolute;
  font-family: "Formula1Bold";
  bottom: 2px;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  z-index: -1;
  transform: translateY(-20px);
  animation-delay: 0.1s;
  color: var(--dark-text);
}

.sprint-change-2026.change-2::before{
  content: 'Silverstone,';
  position: absolute;
  font-family: "Formula1Bold";
  bottom: 2px;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  z-index: -1;
  transform: translateY(-20px);
  animation-delay: 0.1s;
  color: var(--dark-text);
}

.sprint-change-2026.change-3::before{
  content: 'Zandvoort,';
  position: absolute;
  font-family: "Formula1Bold";
  bottom: 2px;
  left: 55px;
  width: 100%;
  height: 100%;
  opacity: 0;
  z-index: -1;
  transform: translateY(-20px);
  animation-delay: 0.1s;
  color: var(--dark-text);
}

.sprint-change-2026.change-4::before{
  content: 'Singapore';
  position: absolute;
  font-family: "Formula1Bold";
  bottom: 2px;
  left: 100px;
  width: 100%;
  height: 100%;
  opacity: 0;
  z-index: -1;
  transform: translateY(-20px);
  animation-delay: 0.1s;
  color: var(--dark-text);
}

.one-change:has(.completed) .season-change::before {
  animation: slide-down 0.3s forwards 0s;
}

.one-change:has(.completed) .season-change {
  color: transparent;
}

.season-change {
  position: relative;
}

.one-change:has(.completed) .sprint-change::before,  .one-change:has(.completed) .sprint-change-2026::before{
  animation: slide-down 0.3s forwards 0.05s;
}

.one-change:has(.completed) .sprint-change, .one-change:has(.completed) .sprint-change-2026 {
  color: transparent;
}

.sprint-change, .sprint-change-2026 {
  position: relative;
}

.mod-blocking {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
}

.mod-blocking:not(.mods-2026-blocking){
  margin-top: 50px;
}

.mod-blocking-title {
  font-size: 24px;
  color: #dedde6;
  font-family: 'Formula1Bold';
}

.mod-blocking-subtitle {
  font-size: 18px;
  color: var(--modal-text);
}

.one-change-description.performance-description {
  display: flex;
  flex-direction: row;
  gap: 5px;
  align-items: flex-end;
}

.one-change-bar-container {
  background-color: var(--background);
  width: 100px;
  height: 4px;
  margin-bottom: 7px;
}

.one-change-bar-fill.performance-bar-progress {
  height: 4px;
  position: relative;
}

.one-change-bar-fill.performance-bar-progress.rb {
  width: 58.5%;
  transition: width 0.15s;
}

.one-change-bar-fill.performance-bar-progress.mc {
  width: 56.5%;
  transition: width 0.15s;
}

.one-change-bar-fill.performance-bar-progress.wi {
  width: 46.1%;
  transition: width 0.15s;
}

.mclaren-performance,
.williams-performance,
.redbull-performance {
  transition: all 0.15s;
}

.one-change:has(.completed) .one-change-bar-fill.performance-bar-progress.rb {
  width: 60.42%;
}

.one-change:has(.completed) .mclaren-performance,
.one-change:has(.completed) .williams-performance,
.one-change:has(.completed) .redbull-performance {
  color: var(--dark-text)
}

.one-change:has(.completed) .one-change-bar-fill.performance-bar-progress.mc {
  width: 65.77%;
}

.one-change:has(.completed) .one-change-bar-fill.performance-bar-progress.wi {
  width: 56.85%;
}

.mclaren-performance-description,
.redbull-performance-description,
.williams-performance-description {
  transition: all 0.15s;
}

.one-change:has(.completed) .mclaren-performance-description {
  transform: translateY(-24px);
}

.one-change:has(.completed) .redbull-performance-description {
  transform: translateY(24px);
}


.news-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(450px, 1fr));
  gap: 25px;
  padding: 0 14px;
  overflow-y: auto;
  max-height: calc(100vh - 160px);
  margin-right: 8px;
}

.news-item-clone .news-image-container {
  max-width: 600px;
}

.news-item-clone.expanded .news-image-container,
.news-item-clone.expanded .news-image {
  border-top-right-radius: 0px;
}

.modal-header:has(img.news-image-background.d-none) {
  background: var(--primary-gradient) !important;
}

.news-item {
  background-color: var(--elements);
  border-radius: 10px;
  display: flex;
  flex-direction: column;
  z-index: 0;
  transition: none;
  box-shadow: var(--shadow-s);
}

.news-item.with-transition {
  transition: transform 0.15s ease-out, opacity 0.15s ease-out;
}

.news-item.opened {
  transform: translateY(-10px);
  opacity: 0 !important;
}

.news-item:not(.news-item-clone) {
  opacity: 0;
}

.news-item.active {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) scale(1.05);
  z-index: 999;
}

.news-item.fade-in:not(.news-item-clone) {
  animation: fadeInHigher 0.2s forwards;
  animation-delay: calc(var(--order) * 0.05s);
}

.news-body {
  padding: 10px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  flex: 1;
  gap: 10px;
  min-height: 112px;
}

.title-and-article {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.title-and-article:has(.disabled-title) {
  flex-direction: row;
  align-items: center;
  gap: 10px;
}

.title-and-article:has(.disabled-title) i {
  color: var(--disabled-text);
  font-size: 20px;
}

.news-article h1 {
  font-size: 34px;
  font-family: 'Formula1Bold';
  color: var(--new-primary);
  margin-bottom: 0;
}

.news-article h2 {
  font-size: 28px;
  font-family: 'Formula1Bold';
  color: var(--text-general);
  margin-bottom: 0;
}

.news-article h3 {
  font-size: 22px;
  font-family: 'Formula1Bold';
  margin-bottom: 0;
  color: var(--text-secondary);
}

.news-article ul{
  margin-bottom: 0;
  display: flex;
  flex-direction: column;
  gap: 4px;
  padding-left: 28px;
}

.news-article p {
  margin: 0;
  color: var(--text-secondary);
}

.news-article em {
  color: var(--text-selected);
}

.news-article strong {
  color: var(--text-general);
  font-family: 'Formula1Bold';
}

/* not first li (that doesn't have a p as a child) in a ul to have negative margin-top */
.news-article ul li:not(:first-child):has(p:first-child) {
  margin-top: -15px;
}

.news-article-date {
  color: var(--news-date-text);
  display: flex;
  gap: 10px;
  align-items: center;
  margin-bottom: 7px;
  opacity: 1;
  transition: opacity 0.15s;
  z-index: 1;
  background: color-mix(in srgb, var(--text-general) 30%, transparent);
  padding: 3px 8px;
  border-radius: 8px;
  backdrop-filter: blur(10px);
  margin-top: 10px;
}

body.default-theme .news-article-date {
  background: color-mix(in srgb, white 30%, transparent);
}

.news-article-date.show {
  opacity: 1;
}

.news-article-date i {
  font-size: 20px;
}

.news-article {
  color: color-mix(in srgb, var(--text-general) 80%, gray);
  overflow-y: auto;
  padding-right: 10px;
  transition: opacity 0.15s ease;
  height: 60vh;
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.news-article:has(.news-edit-textarea),
.news-article:has(.news-edit-title){
  padding-right: 0;
}

.modal-content {
  background-color: var(--generals) !important;
  /* evita el “hairline” durante la animación */
}

.modal-header {
  border-bottom: 0 !important;
}


.news-image-background {
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0.5;
  object-fit: cover;
  height: 100%;
  z-index: 0;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}

#newsModal .modal-footer {
  border-top: 0 !important;
}

.news-edit-textarea {
  background-color: transparent;
  border: none;
  resize: none;
  width: 100%;
  height: 100%;
  padding-right: 10px;
  min-height: 320px;
  color: var(--text-general);
  font: inherit;
  outline: none;
}

.news-edit-title {
  resize: none;
  background: transparent;
  color: var(--text-general);
  font: inherit;
  font-weight: 700;
  border: none;
  border-bottom: 2px solid var(--text-secondary);
  outline: none;
  box-sizing: border-box;
  padding: 0;
  margin: 0;
  overflow: hidden;
  white-space: nowrap;
  overflow-x: hidden;
  overflow-y: hidden;
  field-sizing: content;
  height: 42px;
}




#newsModalTitle {
  z-index: 1;
}

#newsModalTitle:has(textarea){
  height: 42px;
}

.news-title {
  font-size: 20px;
  color: var(--text-general);
  line-height: 1.2;
  /* transition: font-size 0.15s; */
}

.news-title.disabled-title {
  color: var(--disabled-text);
}

.news-item-clone .news-title {
  font-size: 28px;
}

#newsModal .modal-body {
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding-top: 15px;
}

.modal-body .news-image-container {
  height: auto;
  width: 600px;
  align-self: center;
}

.news-image-container {
  width: 100%;
  height: 235px;
  overflow: hidden;
  border-top-right-radius: 10px;
  border-top-left-radius: 10px;
  position: relative;
}

/* .news-image-container img{
  padding: 1px 0px 0px 0px;
} */

.breaking-news-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: var(--primary-gradient);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 20px;
  z-index: 1;
  color: white;
  font-weight: bold;
  text-transform: uppercase;
}

.breaking-news-breaking {
  font-size: 50px;
  letter-spacing: 0.1em;
  text-shadow: 0 4px 8px rgba(0, 0, 0, 0.5);
  margin-bottom: -0.2em;
}

.breaking-news-news {
  font-size: 50px;
  letter-spacing: 0.2em;
  text-shadow: 0 4px 8px rgba(0, 0, 0, 0.5);
}

.breaking-news-bar {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 8px;
  background: #ffffff;
}

.hide-historic-drivers.active .bi-eye {
  display: none;
}

.hide-historic-drivers.active .bi-eye-slash {
  display: inline;
}

.hide-historic-drivers .bi-eye {
  display: inline;
}

.hide-historic-drivers .bi-eye-slash {
  display: none;
}

.reload-article {
  opacity: 1;
}

.reload-news,
.hide-historic-drivers {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 5px;
  color: var(--dark-text);
  cursor: pointer;
  transition: color 0.15s, transfrorm 0.15s;
  font-size: 16px;
}

.reload-news::selection,
.hide-historic-drivers::selection {
  background: transparent;
}

.reload-news:hover,
.hide-historic-drivers:hover {
  color: var(--new-primary);
}

.reload-news:active span,
.hide-historic-drivers:active span {
  transform: scale(0.96);
}

.race-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(to right, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.05));
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-end;
  padding: 10px 15px 4px 15px;
  z-index: 2;
}

.reaction-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(to right, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.05));
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 10px 15px;
  z-index: 2;
}

.news-centered-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(to right, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.05));
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 10px 15px;
  z-index: 2;
}

.news-centered-overlay .news-centered-block {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 2px;
  padding: 6px 12px;
  border-bottom: 3px solid transparent;
  color: var(--news-overlays-text);
  font-family: 'Formula1Bold';
}

.news-centered-overlay .news-centered-title {
  font-size: 26px;
  letter-spacing: 1px;
  text-transform: uppercase;
  text-align: center;
}

.news-centered-overlay .news-centered-subtitle {
  font-size: 16px;
  letter-spacing: 0.5px;
  opacity: 0.9;
  text-align: center;
  text-transform: uppercase;
}

.news-centered-overlay .news-centered-subtitle.silly-season-names {
  font-size: 18px;
  letter-spacing: 1px;
  opacity: 1;
}

.reaction-overlay .reaction-title {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 2px;
  padding: 6px 12px;
  border-bottom: 3px solid transparent;
  color: var(--news-overlays-text);
  font-family: 'Formula1Bold';
  text-transform: uppercase;
  letter-spacing: 1px;
}

.reaction-overlay .reaction-title-text {
  font-size: 26px;
}

.reaction-overlay .reaction-race-name {
  font-size: 16px;
  letter-spacing: 0.5px;
  opacity: 0.9;
}

.race-overlay .position {
  font-size: 20px;
  color: var(--news-overlays-text);
  font-family: 'Formula1Bold';
  text-align: center;
  min-width: 45%;
  text-align: left;
  text-transform: uppercase;
}

.race-overlay .position.firstpos {
  font-size: 24px;
  min-width: 50%;
}

.news-image {
  width: 100%;
  height: 100%;
  border-top-right-radius: 10px;
  border-top-left-radius: 10px;
  object-fit: cover;
  opacity: 1;
  transition: opacity 0.15s ease;
}

.news-image.loaded {
  opacity: 1;
}

.position-team {
  padding-left: 4px;
  font-size: 16px;
  line-height: 1;
  margin-bottom: 10px;
  margin-top: -3px;
  color: var(--news-overlays-text);
}

.position-team.firstpost {
  margin-bottom: 0px;
}

@media (max-height: 768px) {

  .expanded .read-button-container {
    position: absolute;
    top: 10px;
    right: 10px;
  }
}



.read-button-container {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  min-height: 30px;
}

.read-button-container:has(.turning-point-div) {
  justify-content: space-between;
}

.read-actions {
  display: flex;
  align-items: center;
  gap: 3px;
  justify-content: flex-end;
}

.read-button {
  border-radius: 5px;
  background-color: var(--elements);
  color: var(--dark-text);
  align-self: flex-end;
  padding: 5px 10px;
  cursor: pointer;
  position: relative;
  transition: background-color 0.15s, color 0.15s;
}

.context-read-button {
  border-radius: 5px;
  background-color: var(--elements);
  color: var(--dark-text);
  align-self: flex-end;
  padding: 5px 8px;
  cursor: pointer;
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  pointer-events: none;
  transform: translateX(6px);
  transition: opacity 0.15s ease, transform 0.15s ease, background-color 0.15s, color 0.15s;
}

.context-read-button i {
  font-size: 16px;
}

.news-item:hover .context-read-button,
.news-item:focus-within .context-read-button {
  opacity: 1;
  pointer-events: auto;
  transform: translateX(0);
}

.context-read-button:hover {
  background-color: var(--elements-hover);
  color: var(--text-general);
}

.news-context-textarea {
  width: 100%;
  min-height: 140px;
  resize: vertical;
  border-radius: 8px;
  border: 1px solid var(--elements-hover);
  background-color: color-mix(in srgb, var(--elements) 70%, transparent);
  color: var(--text-general);
  padding: 8px 10px;
  outline: none;
}

.news-context-textarea:focus {
  border-color: var(--new-primary);
  box-shadow: 0 0 0 1px color-mix(in srgb, var(--new-primary) 50%, transparent);
}

.close-modal,
.confirm-modal {
  border-radius: 5px;
  background-color: transparent;
  color: var(--dark-text);
  padding: 5px 10px;
  cursor: pointer;
  position: relative;
  transition: background-color 0.15s, color 0.15s;
  border: none;
}

.close-modal:hover {
  background-color: color-mix(in srgb, var(--elements) 75%, var(--negative-general));
  color: var(--negative-general);
}

.confirm-modal:hover {
  background-color: color-mix(in srgb, var(--elements) 75%, var(--new-primary));
  color: var(--new-primary);
}

.read-button:hover {
  background-color: var(--elements-hover);
  color: var(--text-general);
}

.read-button:active,
.close-modal:active,
.confirm-modal:active {
  transform: scale(0.96);
}

@property --angle {
  syntax: "<angle>";
  initial-value: 0deg;
  inherits: false;
}


.read-button:not(.closable):hover::after {
  opacity: 1;
}


@keyframes spin {
  from {
    --angle: 0deg;
  }

  to {
    --angle: 360deg;
  }
}

.session {
  background-color:
    color-mix(in srgb, white 20%, transparent);
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--news-overlays-text);
  padding: 5px 18px;
  text-transform: uppercase;
  font-size: 16px;
  margin-bottom: 7px;
  border-radius: 7px;
}


.news-error.model-error {
  background-color: color-mix(in srgb, var(--negative-general) 20%, var(--elements));
  padding: 15px 20px;
  border-radius: 10px;
  border: 1px solid var(--negative-general);
  color: var(--negative-general);
  text-align: center;
  width: max-content;
}

.news-error.model-retry {
  text-align: center;

}

span.news-error {
  color: color-mix(in srgb, var(--elements) 60%, var(--text-general));
}

p.news-error-api-key {
  display: inline-block;
  top: 60%;
  text-align: center;
  color: color-mix(in srgb, var(--elements) 60%, var(--text-general));
  text-wrap: wrap;
  white-space: normal;
  hyphens: none;
}

.loader-div,
.news-error {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 3px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  transition: opacity 0.15s;
  opacity: 1;
}

.loader-div.show {
  opacity: 1;
}

.loader-div span {
  font-size: 20px;
  color: var(--text-muted)
}

.ai-progress-bar {
  height: 7px;
  box-shadow: 0 0 0 2px var(--new-primary) inset;
  background-color: transparent;
  min-width: 160px;
  border-radius: 5px;
  overflow: hidden;
  outline: none;
}

.progress-div {
  width: 0%;
  height: 100%;
  border-radius: 5px;
  background-color: var(--new-primary);
  transition: width 0.15s;
  will-change: width;
}

.loading-dots {
  width: 15px;
  display: inline-block;
}


.word-fade {
  opacity: 0;
  transition: opacity 0.15s ease;
}

@keyframes slide-in-from-right {
  from {
    transform: translateX(50px);
    opacity: 0;
  }

  to {
    transform: translateX(0);
    opacity: 1;
  }
}

/* Keyframes para entrada desde la izquierda */
@keyframes slide-in-from-left {
  from {
    transform: translateX(-50px);
    opacity: 0;
  }

  to {
    transform: translateX(0);
    opacity: 1;
  }
}

.new-number {
  font-family: "NumbersFont";
  min-width: 27px;
  display: inline-block;
}

#newsTypeMenu .redesigned-dropdown-item,
#newsLanguageMenu .redesigned-dropdown-item{
  min-width: 200px;
}

#newsTypeMenu .redesigned-dropdown-item i,
#newsLanguageMenu .redesigned-dropdown-item i {
  display: inline-block;
  font-size: 18px;
  margin-left: 8px;
  transition: transform 0.15s, opacity 0.15s;
  transform: rotate(0deg);
}

#season_viewer .redesigned-dropdown-menu .redesigned-dropdown-item i.bi-check {
  display: inline-block;
  font-size: 18px;
  margin-left: 8px;
  transition: transform 0.15s, opacity 0.15s;
  transform: rotate(0deg);
}

#newsTypeMenu .redesigned-dropdown-item i.unactive,
#newsLanguageMenu .redesigned-dropdown-item i.unactive,
#season_viewer .redesigned-dropdown-menu .redesigned-dropdown-item i.unactive,
#aiModelmenu .dropdown-item i.unactive {
  transform: rotate(-90deg);
  opacity: 0;
}

#customNewsModal .redesigned-dropdown-item i {
  display: inline-block;
  font-size: 18px;
  margin-left: 8px;
  transition: transform 0.15s, opacity 0.15s;
  transform: rotate(0deg);
}

#customNewsModal .redesigned-dropdown-item i.unactive {
  transform: rotate(-90deg);
  opacity: 0;
}

#customNewsModal .custom-news-row {
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  gap: 16px;
  align-items: start;
}

#customNewsModal #customNewsForm > .custom-news-row {
  margin-bottom: 16px;
}

#customNewsModal #customNewsForm > .custom-news-row:last-of-type {
  margin-bottom: 0;
}

#customNewsModal .custom-news-stack {
  display: flex;
  flex-direction: column;
  gap: 6px;
  min-width: 0;
  grid-column: span 12;
}

#customNewsModal .custom-news-stack[data-span="3"] {
  grid-column: span 3;
}

#customNewsModal .custom-news-stack[data-span="4"] {
  grid-column: span 4;
}

#customNewsModal .custom-news-stack[data-span="6"] {
  grid-column: span 6;
}

#customNewsModal .custom-news-stack[data-span="12"] {
  grid-column: span 12;
}

@media (max-width: 768px) {
  #customNewsModal .custom-news-stack {
    grid-column: 1 / -1 !important;
  }
}

#customNewsModal .custom-news-hidden {
  display: none !important;
}

#customNewsModal .custom-news-title-input {
  margin-top: 10px;
}

#customNewsModal .custom-news-params-top {
  margin-top: 16px;
}

#customNewsModal .custom-news-error {
  margin-top: 16px;
  padding: 12px 14px;
  border-radius: 10px;
  border: 1px solid var(--negative-general);
  background: var(--negative-transparent);
  color: var(--negative-general);
  line-height: 1.45;
}

#customNewsModal .custom-news-label {
  margin: 0;
}

#customNewsModal .custom-news-input {
  background-color: var(--elements-hover);
  color: var(--text-general);
  border: 1px solid transparent;
  outline: none;
  box-shadow: none;
  border-radius: 6px;
  padding: 5px 10px;
  font-size: 16px;
  font-family: Formula1;
  transition: background-color 0.15s, color 0.15s, border-color 0.15s;
}

#customNewsModal textarea.custom-news-input {
  min-height: 150px;
  resize: vertical;
  line-height: 1.5;
}

#customNewsModal .custom-news-input::placeholder {
  color: var(--text-hover);
}

#customNewsModal .custom-news-input:hover {
  background-color: var(--new-primary-background-dropdown);
}

#customNewsModal .custom-news-input:focus {
  background-color: var(--new-primary-background-dropdown);
  color: var(--text-selected);
}

#customNewsModal .custom-news-switch {
  display: flex;
  align-items: center;
  gap: 10px;
  min-height: 36px;
}

#customNewsModal .custom-news-switch .form-check-input {
  margin-top: 0;
}

#customNewsModal .custom-news-switch .form-check-label {
  color: var(--text-general);
}

#customNewsModal .custom-news-checkbox {
  display: flex;
  align-items: center;
  gap: 8px;
  color: var(--text-general);
  cursor: pointer;
  min-height: 22px;
}

#customNewsModal .custom-news-checkbox .form-check-input {
  margin-top: 0;
  flex: 0 0 auto;
}

#customNewsModal .custom-news-checkbox .form-check-input:checked{
  background-color: var(--new-primary);
  border-color: var(--new-primary);
}

#customNewsModal .custom-news-checkbox-label {
  font-family: Formula1Bold;
}

#customNewsModal .custom-news-number-control {
  display: flex;
  align-items: center;
  gap: 8px;
}

#customNewsModal .custom-news-number-input {
  flex: 1;
  min-width: 0;
  text-align: center;
}

#customNewsModal .custom-news-number-control.disabled {
  opacity: 0.55;
}

#customNewsModal .custom-news-number-control.disabled .custom-news-step-button {
  pointer-events: none;
}

#customNewsModal .custom-news-step-button {
  border: none;
  color: inherit;
  padding: 0;
}

#customNewsModal .custom-news-params {
  margin-top: 14px;
  display: flex;
  flex-direction: column;
  gap: 16px;
}

#customNewsModal .custom-news-help {
  color: var(--text-hover);
  font-size: 13px;
  line-height: 1.45;
}

#customNewsDateInput::-webkit-calendar-picker-indicator {
  filter: invert(1);
  opacity: 0.9;
}

#customNewsModal .custom-news-info {
  padding: 10px 12px;
  border-radius: 10px;
  background: var(--elements-hover);
  color: var(--text-hover);
  font-size: 13px;
  line-height: 1.45;
}

#customNewsModal .custom-news-preview-frame {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 190px;
  padding: 12px;
  border-radius: 12px;
  border: 1px solid var(--elements-hover);
  background: linear-gradient(180deg, var(--elements-hover), var(--elements-color));
}

#customNewsModal .custom-news-preview-frame img {
  width: 100%;
  max-height: 260px;
  object-fit: cover;
  border-radius: 10px;
  box-shadow: 0 12px 24px rgba(0, 0, 0, 0.18);
}

#customNewsModal .custom-news-preview-frame.is-empty {
  color: var(--text-hover);
  font-size: 13px;
  text-align: center;
}

#customNewsModal .dropdown-global {
  width: 100%;
  display: block;
}

#customNewsModal .redesigned-dropdown {
  justify-content: space-between;
  gap: 10px;
  background-color: var(--elements-hover);
}

#customNewsModal .redesigned-dropdown:hover{
    background-color: var(--new-primary-background-dropdown) !important;
}

#customNewsModal .redesigned-dropdown .dropdown-label {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

#customNewsModal .redesigned-dropdown-menu {
  width: 100%;
  max-width: none;
  max-height: 250px;
  overflow-y: auto;
  min-width: 285px;
}

#customNewsModal .redesigned-dropdown-menu::-webkit-scrollbar,
#customNewsModal .custom-news-image-grid::-webkit-scrollbar {
  width: 4px;
}

#customNewsModal .redesigned-dropdown-menu::-webkit-scrollbar-thumb,
#customNewsModal .custom-news-image-grid::-webkit-scrollbar-thumb {
  background-color: var(--white-general);
  border-radius: 3px;
}

#customNewsModal .redesigned-dropdown-menu::-webkit-scrollbar-thumb:hover,
#customNewsModal .custom-news-image-grid::-webkit-scrollbar-thumb:hover {
  background-color: var(--scrollbar-hover);
}

#customNewsTypeMenu .redesigned-dropdown-item{
  padding-left: 14px;
}

.custom-dropdown-section-title {
  padding: 4px 8px;
  color: var(--text-secondary);
  font-size: 16px;
  overflow: hidden;
}

.custom-dropdown-section-title::marker {
  display: none;
  color: transparent;
}

#customNewsModal .custom-news-image-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(116px, 1fr));
  gap: 12px;
  max-height: 330px;
  overflow-y: auto;
  padding-right: 4px;
}

#customNewsModal .custom-news-image-card {
  appearance: none;
  display: flex;
  flex-direction: column;
  gap: 8px;
  width: 100%;
  padding: 0px;
  height: 70px;
  border: 1px solid transparent;
  border-radius: 12px;
  background: var(--elements-hover);
  color: var(--text-general);
  text-align: left;
  cursor: pointer;
  overflow: hidden;
}

#customNewsModal .custom-news-image-card:hover img {
  transform: translateY(-2px)  scale(1.04);
  filter: brightness(1.13);
}

#customNewsModal .custom-news-image-card.selected {
  background: var(--elements-color);
  border-color: var(--new-primary);
  box-shadow: 0 0 0 1px rgba(225, 6, 0, 0.22);
}

#customNewsModal .custom-news-image-card:focus-visible {
  outline: none;
  border-color: var(--new-primary);
  box-shadow: 0 0 0 2px rgba(225, 6, 0, 0.22);
}

#customNewsModal .custom-news-image-card img {
  width: 100%;
  aspect-ratio: 16 / 10;
  object-fit: cover;
  border-radius: 9px;
  background: var(--background-general);
  height: 100%;
}

#customNewsModal .custom-news-image-caption {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: var(--text-hover);
  font-size: 12px;
}

@media (max-width: 767px) {
  #customNewsModal .modal-footer.custom-footer {
    flex-direction: column-reverse;
  }

  #customNewsModal .modal-footer.custom-footer .close-modal,
  #customNewsModal .modal-footer.custom-footer .confirm-modal {
    width: 100%;
  }
}

.turning-point-div {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 7px;
}

.turning-point-div .bi {
  font-size: 18px;
}

.tp-button {
  border-radius: 5px;
  padding: 1px 5px;
  border: 1px solid transparent;
  display: flex;
  flex-direction: row;
  align-items: center;
}

.tp-button-selected {
  border: none !important;
  cursor: default !important;
  width: 100px !important;
  justify-content: center;
}

.tp-result-span {
  opacity: 0;
  animation: fadeAppearLeft 0.2s forwards 0.05s;
}

.tp-button:not(.tp-button-selected):hover {
  transform: scale(1.04);
}

.tp-button:not(.tp-button-selected):active {
  transform: scale(0.96);
}

.cancel-tp {
  color: var(--negative-general);
  background-color: color-mix(in srgb, var(--elements) 60%, var(--negative-general));
  cursor: pointer;
  border: 1px solid var(--negative-general);
}

.approve-tp {
  color: var(--positive-general);
  background-color: color-mix(in srgb, var(--elements) 60%, var(--positive-general));
  cursor: pointer;
  border: 1px solid var(--positive-general);
}

.random-tp {
  color: var(--random-general);
  background-color: color-mix(in srgb, var(--elements) 60%, var(--random-general));
  cursor: pointer;
  border: 1px solid var(--random-general);
}


.tech-grid {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
  pointer-events: none;
  background-size: 40px 40px;
  background-image: linear-gradient(to right, var(--tech-grid-line) 1px, transparent 1px),
    linear-gradient(to bottom, var(--tech-grid-line) 1px, transparent 1px);
  mask-image: radial-gradient(circle at center, black 40%, transparent 80%);
  -webkit-mask-image: radial-gradient(circle at center, black 40%, transparent 80%);
}

.tech-grid::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background-size: inherit;
  background-image: linear-gradient(to right, var(--tech-grid-highlight-color) 1px, transparent 1px),
    linear-gradient(to bottom, var(--tech-grid-highlight-color) 1px, transparent 1px);
  opacity: var(--tech-grid-highlight-opacity);
  mask-image: radial-gradient(circle var(--tech-grid-highlight-radius) at var(--glow-x) var(--glow-y), rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 1) 20%, rgba(0, 0, 0, 0) 70%);
  -webkit-mask-image: radial-gradient(circle var(--tech-grid-highlight-radius) at var(--glow-x) var(--glow-y), rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 1) 20%, rgba(0, 0, 0, 0) 70%);
}

.glow-spot {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 600px;
  height: 600px;
  background-color: var(--new-primary);
  border-radius: 50%;
  filter: blur(120px);
  opacity: 0.1;
  z-index: 0;
  pointer-events: none;
  transition: opacity 0.15s ease;
}

.glow-spot--off {
  opacity: 0;
}

/* --- UTILIDADES TEXTO --- */
.text-primary {
  color: var(--new-primary);
}

.upload-desc {
  color: var(--text-muted);
  height: 30px;
}

.upload-desc input {
  background-color: transparent;
  border: none;
  color: var(--new-primary);
  text-decoration: underline;
  outline: none;
  cursor: pointer;
}



.font-mono {
  font-family: monospace;
}

/* --- NAVBAR --- */
.navbar {
  position: relative;
  z-index: 10;
  width: 100%;
  max-width: 1280px;
  /* max-w-7xl */
  margin: 0 auto;
  padding: 1.5rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.nav-brand {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 1.125rem;
  font-weight: 600;
  letter-spacing: -0.025em;
}

.nav-brand span span {
  color: #64748b;
}

.nav-links {
  display: flex;
  gap: 1.5rem;
  font-size: 0.875rem;
  font-weight: 500;
}

.nav-links a:hover {
  color: var(--new-primary);
}

/* --- MAIN CONTAINER --- */
.main-container {
  position: relative;
  z-index: 10;
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 0 1rem;
  text-align: center;
}

/* --- HERO SECTION --- */
.hero-section {
  max-width: 56rem;
  align-items: center;
  display: flex;
  flex-direction: column;
  margin: 0 auto 1rem auto;
  opacity: 0;
  transform: translateY(20px);
  animation: fadeIn 0.8s ease-out forwards;
}

.badge-version {
  display: inline-block;
  padding: 0.25rem 0.75rem;
  border-radius: 9999px;
  background-color: var(--new-primary-transparent);
  border: 1px solid var(--new-primary);
  color: var(--new-primary);
  font-size: 0.75rem;
  font-weight: 700;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  cursor: pointer;
  margin-bottom: 1.5rem;
  transition: background-color 0.15s, color 0.15s;
}

.badge-version:hover {
  background-color: var(--new-primary);
  color: var(--white-general);
}

.badge-version:active {
  transform: scale(0.96);
}


.hero-title {
  font-size: 3rem;
  /* fallback mobile */
  font-weight: 900;
  white-space: nowrap;
  text-transform: uppercase;
  line-height: 1.3;
  text-shadow: 0 0 40px rgba(200, 158, 252, 0.2);
  color: var(--hero-title);
  margin-bottom: 1.5rem;
  text-align: center;
  font-family: 'Formula1Dark';
}


@media (min-width: 768px) {
  .hero-title {
    font-size: 5.5rem;
  }
}


#statusTitle {
  color: var(--text-general) !important;
}

.gradient-text {
  background: linear-gradient(135deg, var(--hero-title) 30%, var(--new-primary) 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.hero-desc {
  color: var(--text-muted);
  font-size: 1.125rem;
  font-weight: 300;
  max-width: 42rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin: 0 auto;
  text-align: center;
  line-height: 1.6;
}

.fake-text-and-animated-container {
  position: relative;
  height: 28px;
}

#animatedText {
  white-space: pre;
  text-align: left;
  height: 28px;
  display: inline-block;
  position: absolute;
  left: 0px;
  top: 0px;
  color: var(--text-muted);
}

.fake-text {
  opacity: 0;
  height: 28px;
  pointer-events: none;
  white-space: nowrap;
}

#static-text {
  color: var(--text-muted);
}

@keyframes pop-in {
  0% {
    opacity: 0;
    transform: translateY(-11px) scale(0.8);
    color: var(--text-general);
  }

  50% {
    opacity: 1;
  }

  100% {
    opacity: 1;
    transform: translateY(0) scale(1);
    color: var(--text-muted);
  }
}

#animatedText .char {
  display: inline-block;
  opacity: 0;
  animation: pop-in 0.10s cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards;
}

.drop-zone {
  position: relative;
  padding: 3rem;
  transition: all 0.15s cubic-bezier(0.4, 0, 0.2, 1);
  overflow: hidden;
}


.select-file-input {
  position: relative;
  display: inline-block;
  width: 100%;
  height: 100%;
  color: var(--new-primary);
}

.file-input-hidden {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  cursor: pointer;
  z-index: 20;
}

.socials-container {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 25px;
  margin-top: 4rem;
  color: var(--text-muted);
}

.socials-container a {
  color: var(--text-muted);
  text-decoration: none;
  transition: color 0.15s;
}

.socials-container a.bi-custom-patreon::before {
  background-color: var(--text-muted);
}

.icon-circle {
  width: 5rem;
  height: 5rem;
  border-radius: 50%;
  background-color: color-mix(in srgb, var(--new-primary) 25%, var(--background));
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 1rem;
  transition: background-color 0.15s ease, transform 0.15s ease;
}

.icon-circle.success-mode {
  background-color: color-mix(in srgb, var(--positive-general) 25%, var(--background)) !important;
}

.idle-content {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.icon-circle.success-mode i {
  color: var(--positive-general) !important;
}

.icon-scale-0 {
  transform: scale(0) !important;
}

.icon-circle i {
  font-size: 3.1rem;
  padding-bottom: 4px;
}

#statusIcon {
  transition: transform 0.15s cubic-bezier(0.175, 0.885, 0.32, 1.275), color 0.15s ease;
  display: flex;
  justify-content: center;
  align-items: center;
  transform: scale(1);
}

.bi-lock#statusIcon {
  font-size: 2.8rem;
  color: var(--new-secondary);
}

.drop-zone h3 {
  font-size: 1.5rem;
  font-weight: 700;
  margin-bottom: 0.5rem;
  transition: color 0.15s;
}

.tags-container {
  display: flex;
  gap: 1rem;
  font-size: 0.75rem;
  color: #475569;
  /* slate-600 */
  font-family: monospace;
}

.tag {
  background-color: #0f172a;
  /* slate-900 */
  padding: 0.25rem 0.5rem;
  border-radius: 0.25rem;
  border: 1px solid #1e293b;
  /* slate-800 */
}

/* Estados: Cargando y Éxito */
.overlay-state {
  display: none;
  /* Oculto por defecto */
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  border-radius: 1rem;
  z-index: 30;
}

.overlay-state.visible {
  display: flex;
}

.loading-bg {
  background-color: rgba(19, 19, 31, 0.9);
  backdrop-filter: blur(8px);
}

.success-bg {
  background-color: rgba(19, 19, 31, 0.95);
  backdrop-filter: blur(8px);
}

/* Spinner */
.spinner {
  width: 4rem;
  height: 4rem;
  border: 4px solid rgba(200, 158, 252, 0.3);
  border-top-color: var(--new-primary);
  border-radius: 50%;
  animation: spin 1s linear infinite;
  margin-bottom: 1rem;
}


.drag-active {
  border-color: var(--new-primary);
  /* Un borde sólido morado */
  color: var(--new-primary);

  box-shadow: inset 0 0 60px 7px var(--new-primary);
}



/* --- Spinner Personalizado --- */
.loading-spinner {
  width: 50px;
  height: 50px;
  border: 5px solid var(--new-primary-transparent);
  border-radius: 50%;
  border-top-color: var(--new-primary);
  opacity: 0;
  position: absolute;
  transition: opacity 0.15s ease-in-out;
}

.loading-spinner.show {
  animation: spin 1s ease-in-out infinite;
  opacity: 1;
}

.save-file-button {
  text-decoration: none !important;
  color: var(--new-primary);
  background-color: transparent;
  padding: 3px 5px;
  border-radius: 5px;
  transition: background-color 0.15s, color 0.15s;
}

.save-file-button:hover {
  text-decoration: none;
  background-color: var(--new-primary-transparent);
}

.save-file-button:active {
  transform: scale(0.96);
}

.recents-container {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.recent-label {
  font-size: 18px;
  color: var(--text-general);
}

.recents-list {
  display: flex;
  flex-direction: row;
  gap: 10px;
  flex-wrap: wrap;
  justify-content: center;
}

.recent-file {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 3px;
}

.file-name:hover {
  background-color: color-mix(in srgb, var(--new-primary) 25%, var(--background));
}

.file-name:active {
  transform: scale(0.96);
}


.file-name {
  color: var(--new-primary);
  font-size: 14px;
  cursor: pointer;
  background-color: transparent;
  padding: 3px 5px;
  border-radius: 5px;
  transition: background-color 0.15s, color 0.15s;
  text-decoration: underline;
}

.last-opened-time {
  font-size: 12px;
  cursor: pointer;
  color: var(--text-muted);
  background-color: transparent;
  padding: 3px 5px;
  border-radius: 5px;
  min-width: 67px;
  text-align: center;
  transition: color 0.15s, background-color 0.15s;
}

.last-opened-time:hover {
  color: var(--negative-general);
  background-color: color-mix(in srgb, var(--elements) 75%, var(--negative-general));
}

@keyframes spin {
  to {
    transform: rotate(360deg);
  }
}

.success-icon-bg {
  background-color: var(--positive-transparent);
  /* Tu variable */
  width: 4rem;
  height: 4rem;
  margin-bottom: 1rem;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto 1rem auto;
}


/* --- ANIMACIONES --- */
@keyframes fadeIn {
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes pulse-glow {

  0%,
  100% {
    box-shadow: 0 0 15px var(--new-primary-glow);
    border-color: var(--new-primary);
  }

  50% {
    box-shadow: 0 0 30px var(--new-primary-glow);
    border-color: #e0c4ff;
  }
}

.redesigned-dropdown {
  display: flex;
  align-items: center;
  background: transparent;
  outline: none;
  border: none;
  border-radius: 6px;
  color: var(--text-general);
  gap: 10px;
  transform: rotate(0deg);
  transition: background-color 0.15s, color 0.15s;
  padding: 5px 10px;
}

.redesigned-dropdown i {
  transform: rotate(0deg);
  transition: transform 0.15s;
}

.redesigned-dropdown.open i {
  transform: rotate(180deg);
}

.redesigned-dropdown:hover,
.redesigned-dropdown.open {
  background-color: var(--new-primary-background-dropdown);
  color: var(--white-general);
}

.redesigned-dropdown:hover .redesigned-chevron,
.redesigned-dropdown.open .redesigned-chevron {
  background-color: var(--white-general);
}

.redesigned-dropdown-menu {
  background-color: var(--dropdown-back);
  border: none;
  box-shadow: var(--shadow-m);
  border-radius: 10px;
  margin-top: 5px;
  padding: 5px;
  position: absolute;
  z-index: 100;
  transition: opacity 0.15s, transform 0.15s;
}

.dropdown-global {
  position: relative;
  display: inline-block;
}

#teamMenu .redesigned-dropdown-item, .team-select-menu .redesigned-dropdown-item {
  padding: 2px 8px 2px 0px !important;
}

.team-select-menu .redesigned-dropdown-item{
  min-width: 230px;
}

#objectiveMenu {
  min-width: 280px;
}

#attributeMenu{
  min-width: 200px;
}

#staffMenu{
  min-width: 220px;
}

.redesigned-dropdown-item {
  padding: 4px 8px;
  border-radius: 7px;
  cursor: pointer;
  text-decoration: none;
  color: var(--text-general);
  transition: background-color 0.15s, color 0.15s;
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-width: 100px;
  gap: 8px;
}

.redesigned-dropdown-item:hover {
  background-color: var(--dropdown-hover);
  color: var(--white-general);
}

.custom-news-driver-option {
  display: flex;
  align-items: center;
  gap: 8px;
  min-width: 0;
  flex: 1;
}

.custom-news-driver-option-logo {
  width: 18px;
  height: 18px;
  object-fit: contain;
  flex: 0 0 18px;
}

.custom-news-driver-option-text {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.dropdown-global:has(.redesigned-dropdown:not(.open)) .redesigned-dropdown-menu {
  opacity: 0;
  transform: translateY(-10px);
  pointer-events: none;
}

.dropdown-global:has(.redesigned-dropdown.open) .redesigned-dropdown-menu {
  transform: translateY(0);
  pointer-events: auto;
}



/*svg image*/
.redesigned-chevron {
  mask: url(/f1m-editor/assets/images/redesigned-chevron.svg) no-repeat center;
  mask-size: contain;
  background-color: var(--text-general);
  transition: background-color 0.15s, transform 0.15s;
  width: 12px;
  height: 12px;
}

.redesigned-chevron.clicked{
  transform: rotate(180deg);
}

#teamMenu {
  padding-right: 0px;
  width: 250px;
}

#seasonObjectiveInput {
  width: 40px;
}

.team-viewer .custom-input-number {
  padding: 5px 8px;
  text-align: left;
  font-size: 18px;
}

.pit-crew-middle {
  border-left: 2px solid var(--separator-light);
  border-radius: 0;
  border-right: 2px solid var(--separator-light);
  padding: 0 12px;
}

.pit-crew-group .one-stat-panel {
  padding: 0 12px;
  border-radius: 0;
}

.team-viewer .bar-container {
  height: auto;
}

.unit-and-input {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 0 0px 0 10px;
  border-radius: 7px;
}

.unit-label {
  color: var(--text-secondary)
}

.gauge-container {
  position: relative;
  height: 50px;
  font-family: sans-serif;
}

.gauge-svg {
  width: 100%;
  height: 100%;
  transform: rotate(135deg);
}

.gauge-circle {
  fill: none;
  stroke-width: 8;
  stroke-linecap: round;
}

.gauge-bg {
  stroke: var(--separator-light);
  stroke-dasharray: 212 283;
}

.gauge-progress {
  stroke: var(--positive-general);
  transition: stroke-dashoffset 0.15s ease;

  stroke-dasharray: 212 283;
  stroke-dashoffset: calc(212 - (212 * var(--perc) / 100));
}

.gauge-indicator{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 14px;
  color: var(--positive-general);
  font-family: "Formula1Bold";
}

.gauge-and-buttons{
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 12px;
  margin-left: 15px;
}

.gauge-and-buttons .input-buttons{
  flex-direction: column;
  gap: 6px;
}

.gauge-and-buttons .input-buttons i:hover{
  color: var(--positive-general);
}

.facility .stats-header-separator{
  height: 90%;
}

.facility-group{
  width: 100%;
}

/*margin top top facility group but not the first one*/
.facility-group:not(:first-child){
  margin-top: 20px;
}


.script-view.hide .facility-group{
  pointer-events: none;
}

.script-view.hide *{
  pointer-events: none;
}


.facilities-pills a::before{
  z-index: 0;
}

.facilities-pills .basic-label{
  z-index: 1;
}

.facilities-pills a:not(.active) .basic-label{
  color: var(--text-secondary);
}

.facilities-pills a:hover .basic-label{
  color: var(--text-general);
}

.unit-measure{
  color: var(--text-tertiary);
}

.new-augment-button.bi-chevron-left, .new-augment-button.bi-chevron-right{
  font-size: 14px;
  width: 18px;
  height: 18px;
  padding-top: 1px;
}

.new-augment-button.bi-chevron-left{
  padding-right: 2px;
}

.new-augment-button.bi-chevron-right{
  padding-left: 2px;
}

.news-options-global{
  position: absolute;
  right: 10px;
  top: 10px;
  /* display: flex; */
  text-align: center;
  z-index: 200;
}

.news-options{
  background-color: var(--elements);
  border-radius: 5px;
  width: 24px;
  height: 24px;
  color: var(--text-general);
  cursor: pointer;
}

.news-options:hover{
  color: var(--new-primary);
}

.news-options:active{
  transform: scale(0.96);
}

.news-options i{
  pointer-events: none;
}

.news-options-menu{
  background-color: var(--dropdown-back);
  border-radius: 10px;
  box-shadow: var(--shadow-m);
  position: absolute;
  z-index: 200;
  margin-top: 5px;
  padding: 5px;
  width: max-content;
  right: 0;
  opacity: 0;
  pointer-events: none;
  transform: translateY(-10px);
  transition: opacity 0.15s, transform 0.15s;
}

.news-options-context{
  margin-top: 0px;
  border-top: 0 solid color-mix(in srgb, var(--text-general) 12%, transparent);
  padding: 0;
  max-height: 0;
  opacity: 0;
  overflow: hidden;
  transform: translateY(-6px);
  pointer-events: none;
  transition: max-height 0.25s ease, opacity 0.15s ease, transform 0.25s ease, padding 0.25s ease, margin-top 0.25s ease;
}

.news-options-context.open{
  padding: 0px;
  margin-top: 5px;
  max-height: 220px;
  opacity: 1;
  transform: translateY(0);
  pointer-events: auto;
}

.news-options-context-textarea{
  width: 300px;
  height: 110px;
  resize: none;
  background: transparent;
  border: 1px solid color-mix(in srgb, var(--text-general) 18%, transparent);
  border-radius: 10px;
  padding: 10px;
  color: var(--text-general);
  outline: none;
  font: inherit;
}

.news-options-context-textarea:focus{
  border-color: color-mix(in srgb, var(--new-primary) 60%, transparent);
}

.news-options-context-actions{
  display: flex;
  justify-content: flex-end;
  gap: 10px;
  margin-top: 5px;
}

.news-options-global:has(.news-options.active) .news-options-menu{
  opacity: 1;
  pointer-events: auto;
  transform: translateY(0);
}

.difficulty-options{
  display: flex;
  flex-direction: column;
  gap: 10px;
  width: 100%;
}

.one-difficulty{
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 5px;
}

.dif-title{
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 5px;
  width: 100%;
}

.dif-buttons{
  display: flex;
  flex-direction: row;
  gap: 3px;
}

.dif-title .avg-separator{
  background-color: var(--disabled-text);
  width: 1px;
}

.dif-status{
  font-size: 13px;
  flex-grow: 1;
}

.dif-description{
  font-size: 13px;
}

.dif-status.disabled{
  color: var(--text-tertiary);
}


#contractModal .modal-subtitle{
  color: var(--text-secondary);
  margin: 0;
  font-size: 16px;
}

.junior-driver-right{
  margin-left: 10px;
}

#juniorTeamContractMenu{
  max-height: 300px;
  min-width: 400px;
  overflow-y: auto;
}

#juniorTeamContractMenu a{
  font-size: 16px;
  justify-content: flex-start;
}

.junior-team-drivers-list{
  display: flex;
  flex-direction: column;
  margin-top: 10px;
}

.contract-categories{
  display: flex;
  flex-direction: row;
  gap: 8px;
  align-items: center;
  margin-left: 10px;
  flex-grow: 1;
}

.contract-categories .contract-category{
  padding: 2px 5px;
  border-radius: 5px;
  background-color: transparent;
  color: var(--text-tertiary);
  font-size: 14px;
  cursor: pointer;
  transition: background-color 0.15s, color 0.15s;
}

.contract-categories .contract-category.active{
  background-color: var(--new-primary-transparent);
  color: var(--new-primary);
}

.contract-categories .contract-category:hover{
  background-color: var(--new-primary-transparent);
  color: var(--new-primary);
}

.contract-categories .contract-category:active{
  transform: scale(0.96);
}

/* customizable snowflake styling */
.snowflake {
  color: #fff;
  font-size: 1em;
  font-family: Arial, sans-serif;
  text-shadow: 0 0 5px #000;
}
 
.snowflake,.snowflake .inner{animation-iteration-count:infinite;animation-play-state:running}@keyframes snowflakes-fall{0%{transform:translateY(0)}100%{transform:translateY(110vh)}}@keyframes snowflakes-shake{0%,100%{transform:translateX(0)}50%{transform:translateX(80px)}}.snowflake{position:fixed;top:-10%;z-index:9999;-webkit-user-select:none;user-select:none;cursor:default;pointer-events:none;animation-name:snowflakes-shake;animation-duration:3s;animation-timing-function:ease-in-out}.snowflake .inner{animation-duration:10s;animation-name:snowflakes-fall;animation-timing-function:linear}.snowflake:nth-of-type(0){left:1%;animation-delay:0s}.snowflake:nth-of-type(0) .inner{animation-delay:0s}.snowflake:first-of-type{left:10%;animation-delay:1s}.snowflake:first-of-type .inner,.snowflake:nth-of-type(8) .inner{animation-delay:1s}.snowflake:nth-of-type(2){left:20%;animation-delay:.5s}.snowflake:nth-of-type(2) .inner,.snowflake:nth-of-type(6) .inner{animation-delay:6s}.snowflake:nth-of-type(3){left:30%;animation-delay:2s}.snowflake:nth-of-type(11) .inner,.snowflake:nth-of-type(3) .inner{animation-delay:4s}.snowflake:nth-of-type(4){left:40%;animation-delay:2s}.snowflake:nth-of-type(10) .inner,.snowflake:nth-of-type(4) .inner{animation-delay:2s}.snowflake:nth-of-type(5){left:50%;animation-delay:3s}.snowflake:nth-of-type(5) .inner{animation-delay:8s}.snowflake:nth-of-type(6){left:60%;animation-delay:2s}.snowflake:nth-of-type(7){left:70%;animation-delay:1s}.snowflake:nth-of-type(7) .inner{animation-delay:2.5s}.snowflake:nth-of-type(8){left:80%;animation-delay:0s}.snowflake:nth-of-type(9){left:90%;animation-delay:1.5s}.snowflake:nth-of-type(9) .inner{animation-delay:3s}.snowflake:nth-of-type(10){left:25%;animation-delay:0s}.snowflake:nth-of-type(11){left:65%;animation-delay:2.5s}


/* BENTO GRID STYLES */

.main-viewer-section:has(.season-review-bento:not(.d-none)), .main-viewer-section:has(.session-results-table:not(.d-none)) {
  background-color: transparent;
  box-shadow: none;
}

.season-review-bento {
  display: flex;
  width: 100%;
  height: calc(100vh - 140px);
  align-items: center;
  justify-content: center;
}

.bento-grid {
  display: grid;
  width: 100%;
  height: 100%;
  grid-template-columns: repeat(8, 1fr);
  grid-template-rows: repeat(5, 1fr);
  gap: 12px;
  padding: 2px 8px;
  color: var(--text-general);
} 

.bento-item {
  background-color: var(--superficials);
  display: flex;
  flex-direction: column;
  padding: 12px 15px;
  justify-content: flex-start;
  gap: 8px;
  border-radius: 10px;
  box-shadow: var(--shadow-m);
  outline: 2px solid transparent;
  transition: outline-color 0.15s ease, background-color 0.15s ease;
  /* min-height: 120px; */
}

.item-1:hover, .item-2:hover, .item-3:hover, .item-5:hover, .item-6:hover, .item-7:hover, .item-8:hover, .item-9:hover, .item-10:hover {
  outline-color: var(--new-primary);
  background-color: color-mix(in srgb, var(--new-primary-transparent) 50%, var(--superficials))
}

.item-1:active, .item-2:active, .item-3:active, .item-5:active, .item-6:active, .item-7:active, .item-8:active, .item-9:active, .item-10:active {
  transform: scale(0.98);
}

/* Layout específico de cada bloque */
.item-1 {
  grid-column: span 2;
  grid-row: span 4;
  cursor: pointer;
}

.item-2 {
  grid-column: span 2;
  grid-row: span 2;
  cursor: pointer;
}

.item-3 {
  grid-column: span 4;
  grid-row: span 2;
  cursor: pointer;
}

.item-4 {
  grid-column: span 4;
  grid-row: span 2;
}

.item-5 {
  grid-column: span 2;
  grid-row: span 2;
  cursor: pointer;
}

.item-6 {
  grid-column: span 1;
  grid-row: span 1;
  cursor: pointer;
}

.item-7 {
  grid-column: span 2;
  grid-row: span 1;
  cursor: pointer;
}

.item-8 {
  grid-column: span 2;
  grid-row: span 1;
  cursor: pointer;
}

.item-9 {
  grid-column: span 2;
  grid-row: span 1;
  cursor: pointer;
}

.item-10 {
  grid-column: span 1;
  grid-row: span 1;
  cursor: pointer;
}

@media (min-height: 1080px) {
  .item-6, .item-7, .item-8, .item-9, .item-10 {
    height: fit-content;
  }

  .bento-split-list{
    flex-grow: 0;
  }

  .bento-standings-half, .item-6 .wins-drivers-list, .item-10 .wins-drivers-list{
    justify-content: flex-start;
    gap: 8px;
  }
}

.bento-grid .stats-header-separator{
  background-color: var(--text-tertiary);
}


.bento-title{
  font-size: 18px;
  color: var(--text-general);
  display: flex;
  align-items: baseline;
  gap: 5px;
}

.bento-subtitle{
  font-size: 16px;
  font-family: "Formula1";
  color: var(--text-tertiary);
}

.bento-driver-standings{
  display: flex;
  flex-direction: column;
  width: 100%;
  justify-content: space-between;
  height: 100%;
}

.bento-team-standings{
  display: flex;
  flex-direction: column;
  width: 100%;
  justify-content: space-between;
  height: 100%;
}

.bento-split-list{
  display: flex;
  flex-direction: row;
  width: 100%;
  gap: 10px;
  flex-grow: 1;
}

.bento-split-list .bento-standings-half + .bento-standings-half{
  border-left: 2px solid var(--text-tertiary);
  padding-left: 12px;
}

.bento-standings-half{
  display: flex;
  flex-direction: column;
  width: 100%;
  justify-content: space-between;
}

.season-review-driver{
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 8px;
}

.season-review-driver:has(.season-review-driver-position.champion) .season-review-driver-position{
  border-left: 2px solid #FEDB37;
  background: linear-gradient(90deg, rgba(254, 219, 55, 0.35) 0%, transparent 75%);
}

.season-review-driver:has(.season-review-driver-position.champion) .season-review-driver-points:not(.diff){
  border-right: 2px solid #FEDB37;
  background: linear-gradient(270deg, rgba(254, 219, 55, 0.35) 0%, transparent 75%);
}

.season-review-driver-logo-div{
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.season-review-driver-logo-div .drivers-table-logo{
  width: 24px;
  height: 24px;
  object-fit: contain;
}

.season-review-driver-name{
  flex-grow: 1;
  color: var(--text-general);
}

.season-review-driver-position{
  font-family: "NumbersBold";
  width: 25px;
  text-align: center;
  padding-top: 1px;
  height: 22px;
}

.season-review-driver-points{
  font-family: "NumbersBold";
  width: 52px;
  text-align: center;
  padding-top: 1px;
  height: 22px;
}

.season-review-driver-points.diff{
  font-family: "NumbersFont";
  color: var(--text-tertiary);
  margin-right: -15px;
}

#standings2ndhalf{
  border-left: 1px solid var(--separator-light);
  padding-left: 15px;
}

#standings1sthalf{
  padding-right: 5px;
}

.season-review-driver-name span:not(.bold-font){
  color: var(--text-secondary);
}

.season-review-driver-name span.bold-font{
  text-transform: uppercase;
}

.season-review-team{
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 8px;
  height: 22px;
}

.season-review-team:has(.season-review-team-position.champion) .season-review-team-position{
  border-left: 2px solid #FEDB37;
  background: linear-gradient(90deg, rgba(254, 219, 55, 0.35) 0%, transparent 75%);
}

.season-review-team:has(.season-review-team-position.champion) .season-review-team-points:not(.diff){
  border-right: 2px solid #FEDB37;
  background: linear-gradient(270deg, rgba(254, 219, 55, 0.35) 0%, transparent 75%);
}

.season-review-team-logo-div{
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.season-review-team-logo-div .drivers-table-logo{
  width: 24px;
  height: 24px;
  object-fit: contain;
}

.season-review-team-name{
  flex-grow: 1;
  text-transform: uppercase;
  color: var(--text-general);
}

.season-review-team-position{
  font-family: "NumbersBold";
  width: 25px;
  text-align: center;
  height: 22px;
}

.season-review-team-points{
  font-family: "NumbersBold";
  width: 52px;
  text-align: center;
  height: 22px;
}

.season-review-team-points.diff{
  font-family: "NumbersFont";
  color: var(--text-tertiary);
  margin-right: -15px;
}

#teamStandings{
  width: 100%;
}

.bento-comparison-container{
  display: flex;
  flex-direction: row;
  gap: 9px;
  align-items: flex-start;
  justify-content: space-between;
}

.bento-sub-item-comparison{
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  width: 50%;
  gap: 4px;
}

.bento-qualifying-container{
  display: flex;
  flex-direction: row;
  gap: 12px;
  align-items: flex-start;
  justify-content: space-between;
}

.bento-sub-item-qualifying{
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  width: 33.333%;
}

.bento-sub-item-qualifying .bento-vertical-label{
  font-size: 20px;
}

.poles-comparison,
.q3-comparison,
.q2-comparison{
  display: flex;
  flex-direction: column;
  width: 100%;
}

.poles-comparison.with-scrollbar,
.q3-comparison.with-scrollbar,
.q2-comparison.with-scrollbar,
.bento-driver-standings.with-scrollbar,
.bento-team-standings.with-scrollbar,
.race-comparison.with-scrollbar,
.quali-comparison.with-scrollbar {
  padding-right: 6px;
}

.bento-vertical-label{
  writing-mode: vertical-rl;
  text-orientation: sideways;
  transform: rotate(180deg);
  color: var(--text-tertiary);
  font-size: 28px;
  letter-spacing: 1px;
  user-select: none;
  line-height: 1;
}

.bento-subtitle{
  color: var(--text-tertiary);
}

.race-comparison{
  display: flex;
  flex-direction: column;
  width: 100%;
  justify-content: space-between;
  padding: 2px;
}

.quali-comparison{
  display: flex;
  flex-direction: column;
  width: 100%;
  justify-content: space-between;
  padding: 2px;
}

.season-review-comparison-row{
  display: flex;
  align-items: center;
  gap: 8px;
  width: 100%;
  height: 22px;
  border-radius: 4px;
  outline: 1px solid transparent;
  padding: 0 6px;
  cursor: pointer;
}

.season-review-comparison-row.fe:hover{
  outline-color: var(--ferrari-primary);
  background-color: color-mix(in srgb, var(--ferrari-primary) 12%, var(--superficials));
}

.season-review-comparison-row.mc:hover{
  outline-color: var(--mclaren-primary);
  background-color: color-mix(in srgb, var(--mclaren-primary) 12%, var(--superficials));
}

.season-review-comparison-row.rb:hover{
  outline-color: var(--redbull-primary);
  background-color: color-mix(in srgb, var(--redbull-primary) 12%, var(--superficials));
}

.season-review-comparison-row.me:hover{
  outline-color: var(--mercedes-primary);
  background-color: color-mix(in srgb, var(--mercedes-primary) 12%, var(--superficials));
}

.season-review-comparison-row.al:hover{
  outline-color: var(--alpine-primary);
  background-color: color-mix(in srgb, var(--alpine-primary) 12%, var(--superficials));
}

.season-review-comparison-row.wi:hover{
  outline-color: var(--williams-primary);
  background-color: color-mix(in srgb, var(--williams-primary) 12%, var(--superficials));
}

.season-review-comparison-row.ha:hover{
  outline-color: var(--haas-primary);
  background-color: color-mix(in srgb, var(--haas-primary) 12%, var(--superficials));
}

.season-review-comparison-row.at:hover{
  outline-color: var(--alphatauri-primary);
  background-color: color-mix(in srgb, var(--alphatauri-primary) 12%, var(--superficials));
}

.season-review-comparison-row.af:hover{
  outline-color: var(--alfa-primary);
  background-color: color-mix(in srgb, var(--alfa-primary) 12%, var(--superficials));
}

.season-review-comparison-row.as:hover{
  outline-color: var(--aston-primary);
  background-color: color-mix(in srgb, var(--aston-primary) 12%, var(--superficials));
}

.season-review-comparison-row.ct:hover{
  outline-color: var(--custom-team-primary);
  background-color: color-mix(in srgb, var(--custom-team-primary) 12%, var(--superficials));
}

.season-review-comparison-row:active{
  transform: scale(0.98);
}

.season-review-comparison-name{
  flex: 1;
  font-size: 14px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  text-transform: uppercase;
  color: var(--text-general);
}

.season-review-comparison-name.right{
  text-align: right;
}

.season-review-comparison-score{
  font-family: "NumbersFont";
  width: 26px;
  text-align: center;
  padding-top: 3px;
  font-size: 14px;
}

.season-review-qualifying-row{
  display: flex;
  align-items: center;
  width: 100%;
  height: 22px;
  gap: 4px;
}

.season-review-qualifying-position{
  font-family: "NumbersBold";
  width: 28px;
  text-align: center;
  font-size: 14px;
  padding-top: 3px;
  height: 22px;
}

.season-review-qualifying-name{
  flex: 1;
  font-size: 14px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  text-transform: uppercase;
  color: var(--text-general);
}

.season-review-qualifying-count{
  font-family: "NumbersFont";
  width: 26px;
  text-align: center;
  padding-top: 3px;
  font-size: 14px;
  height: 22px;
}

.wins-drivers-list{
  width: 100%;
  display: flex;
  flex-direction: column;
}

.bento-item.item-10 .wins-drivers-list, .bento-item.item-6 .wins-drivers-list{
  justify-content: space-between;
  height: 100%;
}

.bento-item.item-5 .wins-drivers-list{
  gap: 3px;
}

.season-review-wins-row{
  display: flex;
  align-items: center;
  width: 100%;
  height: 22px;
  gap: 4px;
}

.season-review-wins-row.phantom-row{
  visibility: hidden;
  pointer-events: none;
}

.rounds-counter{
  margin-left: auto;
  padding-right: 8px;
  color: var(--text-tertiary);
  font-family: "Formula1";
}

.first-number{
  padding-right: 2px;
}

.round-number{
  font-family: "NumbersFont";
  width: 18px;
  text-align: center;
  font-size: 16px;
  padding-top: 3px;
  height: 22px;
}

.season-review-wins-position{
  font-family: "NumbersBold";
  width: 18px;
  text-align: center;
  font-size: 14px;
  padding-top: 3px;
  height: 22px;
}

.season-review-wins-name{
  flex: 1;
  font-size: 14px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: var(--text-general);
}

.season-review-wins-name .bold-font{
  text-transform: uppercase;
}

.season-review-wins-name span:not(.bold-font){
  color: var(--text-secondary);
}

.season-review-wins-count{
  font-family: "NumbersFont";
  width: 26px;
  text-align: center;
  padding-top: 3px;
  font-size: 14px;
  height: 22px;
  margin-left: auto;
}

.podiums-teams-list .season-review-wins-position,
.poles-teams-list .season-review-wins-position,
.bento-split-list .season-review-wins-position{
  width: 18px;
}

.podiums-teams-list .season-review-wins-name,
.poles-teams-list .season-review-wins-name,
.item-8 .bento-split-list .season-review-wins-name{
  max-width: 135px;
}

.item-7 .bento-split-list .season-review-wins-name,
.item-9 .bento-split-list .season-review-wins-name{
  max-width: 135px;
}

.session-results-rows{
  display: flex;
  flex-direction: column;
  gap: 0;
  color: var(--text-general);
}

.session-results-title{
  font-family: 'Formula1Dark' !important;
  text-transform: uppercase;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  column-gap: 10px;
  padding: 16px 20px 12px 18px;
  letter-spacing: -0.3px;
  color: var(--text-general);
  position: relative;
  overflow: hidden;
  row-gap: 0px;
  background-color: var(--generals);
  box-shadow: var(--shadow-s);
  border-top-right-radius: 10px;
  border-top-left-radius: 10px;
}

#sessionResultsEditToggle{
  cursor: pointer;
}

#sessionResultsCompactToggle{
  cursor: pointer;
}

.session-results-table.is-compact{
  width: 55vw;
  margin-left: auto;
  margin-right: auto;
}

.session-results-title::before{
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: var(--session-results-flag-window-width, 280px);
  background-image: var(--session-results-flag-bg, none);
  background-repeat: no-repeat;
  background-position: left center;
  background-size: var(--session-results-flag-width, 280px) auto;
  opacity: 0.5;
  -webkit-mask-image: linear-gradient(90deg, #000 0%, transparent 100%);
  mask-image: linear-gradient(90deg, #000 0%, transparent 100%);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  pointer-events: none;
  z-index: 0;
}

.session-results-title.session-results-title-tall-flag::before{
  background-size: var(--session-results-flag-width, 280px) 130%;
}

.session-results-title > *{
  position: relative;
  z-index: 1;
}

.session-results-title-main{
  order: 1;
  font-size: 24px;
  line-height: 1;
}

.session-results-title-session{
  order: 2;
  font-family: 'Formula1Dark';
  font-size: 24px;
  line-height: 1;
  color: var(--text-tertiary);
}

.session-results-title-track{
  order: 4;
  flex: 0 0 100%;
  margin-top: 2px;
  font-family: 'Formula1';
  font-size: 14px;
  line-height: 0.6;
  color: var(--text-general);
}

.session-results-title-round{
  order: 3;
  margin-left: auto;
  font-family: 'Formula1Dark';
  font-size: 16px;
  line-height: 1;
  color: var(--text-secondary);
  letter-spacing: -0.2px;
}

.session-results-footer{
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 10px 20px 10px 18px;
  background-color: var(--generals);
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.06);
  text-transform: uppercase;
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
}

.session-results-footer-label{
  font-family: 'NumbersBold';
  font-size: 16px;
  color: color-mix(in srgb, #B14DFF 70%, var(--text-general));
  flex: 0 0 auto;
  padding-top: 3px;
  line-height: 1;
}

.session-results-footer-right{
  margin-left: auto;
  color: var(--text-secondary);
}

.session-results-footer-time{
  font-family: 'NumbersFont';
  font-size: 16px;
  color: var(--text-general);
  flex: 0 0 auto;
  color: color-mix(in srgb, #B14DFF 70%, var(--text-general));
  transform: translateY(2px);
}

.session-results-footer .session-results-team{
  border-right: 2px solid var(--text-tertiary);
  padding-right: 11px;
}

.session-results-row{
  display: grid;
  grid-template-columns: var(--session-results-col-drag, 0px) 42px var(--session-results-col-grid, 46px) 310px 340px 1fr var(--session-results-col-q1, 0px) var(--session-results-col-q2, 0px) var(--session-results-col-q3, 0px) var(--session-results-col-laps, 0px) var(--session-results-col-fl, 100px) var(--session-results-col-time, 130px) var(--session-results-col-quali-grid, 0px) var(--session-results-col-points, 70px);
  align-items: center;
  background-color: var(--table-default);
  column-gap: 0px;
}

.session-results-cell{
  margin: 0 4px;
}

.session-results-cell.hidden{
  margin: 0;
}

.session-results-row > .session-results-cell:first-child{
  margin-left: 0;
}

.session-results-row > .session-results-cell:last-child{
  margin-right: 0;
}

.session-results-table.is-edit{
  --session-results-col-drag: 22px;
}

.session-results-drag{
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 !important;
}

.session-results-drag-handle{
  cursor: grab;
}

.session-results-drag-handle:active{
  cursor: grabbing;
}

.session-results-drag-icon{
  width: 12px;
  height: 18px;
  background:
    radial-gradient(circle, var(--text-tertiary) 1.2px, transparent 1.3px) 0 0/6px 6px;
  opacity: 0.8;
}

.session-results-row.dragging{
  opacity: 0.7;
}

.session-results-time-input{
  width: 100%;
  min-width: 0;
  border: 1px solid rgba(255,255,255,0.12);
  background: rgba(0,0,0,0.2);
  color: var(--text-general);
  border-radius: 6px;
  padding: 0px 4px;
  font-family: 'NumbersFont', 'Formula1', sans-serif;
  font-size: 14px;
  text-align: center;
  height: 20px;
}

.session-results-time-input:disabled{
  opacity: 0.6;
}

.session-results-table.is-quali{
  --session-results-col-q1: 100px;
  --session-results-col-q2: 100px;
  --session-results-col-q3: 100px;
  --session-results-col-fl: 0px;
  --session-results-col-time: 0px;
}

.session-results-table.is-quali.has-quali-grid{
  --session-results-col-quali-grid: 58px;
}

.session-results-table.is-practice{
  --session-results-col-laps: 70px;
  --session-results-col-points: 0px;
}

.session-results-table.no-points{
  --session-results-col-points: 0px;
}

.session-results-table.no-grid{
  --session-results-col-grid: 0px;
}

.session-results-table.no-time{
  --session-results-col-time: 0px;
}

.session-results-row > div.hidden{
  padding: 0 !important;
  overflow: hidden;
  visibility: hidden;
  pointer-events: none;
  margin: 0;
}

.session-results-gained-lost.hidden{
  padding: 0 !important;
  overflow: hidden;
  visibility: hidden;
  pointer-events: none;
}

.session-results-time.hidden{
  padding: 0 !important;
  overflow: hidden;
  visibility: hidden;
  pointer-events: none;
}

.session-results-row.quali-cut-q2,
.session-results-row.quali-cut-q3{
  border-bottom: 2px solid var(--f1-first);
}

.session-results-row.odd {
  background-color: var(--table-default-odd);
}

.session-results-row > div {
  padding: 4px 8px;
  min-width: 0;
}

@media (max-height: 950px) {
  .session-results-row > div {
    padding: 2px 8px;
  }

  .changes-grid{
    gap: 15px !important;
  }

  .recommended-downloads{
    margin-top: -10px !important;
    font-size: 14px !important;
  }

  .mod-name.title-2026{
    margin-top: -50px !important;
  }
}

.session-results-row:hover {
  background-color: var(--session-results-hover);
}

.session-results-row:hover .session-results-driver-name,
.session-results-row:hover .session-results-engine-name,
.session-results-row:hover .session-results-fastest-lap:not(.fastest),
.session-results-row:hover .session-results-time,
.session-results-row:hover .session-results-laps,
.session-results-row:hover .session-results-quali-lap:not(.fastest){
  color: var(--text-general);
}

.session-results-position {
  font-family: 'NumbersBold';
  font-size: 16px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding-top: 7px !important;
  margin-left: 0px;
}

.session-results-gained-lost {
  font-family: 'NumbersFont';
  font-size: 13px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 2px;
  line-height: 1;
  padding-top: 7px !important;
}

.session-results-gained-lost .bi-caret-up-fill, .bi-caret-down-fill, .standings-pos-change .bi-caret-up-fill, .standings-pos-change .bi-caret-down-fill {
  font-size: 10px;
}

.session-results-gained-lost.up {
  color: var(--positive-general);
}

.session-results-gained-lost.down {
  color: var(--negative-general);
}

.session-results-gained-lost.neutral {
  color: var(--text-general);
}

.session-results-driver-name {
  display: flex;
  align-items: center;
  gap: 4px;
  white-space: nowrap;
  min-width: 0;
}

.session-results-first-name {
  color: var(--text-secondary);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  text-transform: capitalize;
  min-width: 0;
}

.session-results-surname {
  text-transform: uppercase;
  flex: 0 0 auto;
  color: var(--text-general);
}

.session-results-dotd {
  color: var(--positive-general);
  font-family: "Formula1Bold";
  font-size: 12px;
  margin-left: 6px;
  flex: 0 0 auto;
}

.session-results-nationality-flag{
  width: 24px;
  height: 16px;
  object-fit: cover;
  border-radius: 4px;
  flex: 0 0 auto;
  margin-right: 4px;
}

.session-results-team {
  display: flex;
  align-items: center;
  gap: 8px;
  min-width: 0;
}

.session-results-team-name {
  font-family: "Formula1Bold";
  color: var(--text-general);
  text-transform: uppercase;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.session-results-engine-name {
  color: var(--text-secondary);
  text-transform: uppercase;
  font-family: "Formula1";
  font-size: 13px;
  white-space: nowrap;
  flex: 0 0 auto;
  margin-left: 6px;
}

.session-results-spacer {
  padding: 0 !important;
}

.session-results-fastest-lap,
.session-results-laps,
.session-results-quali-lap,
.session-results-time {
  color: var(--text-secondary);
}

.session-results-quali-lap.session-results-q3{
  color: var(--text-general);
}

.session-results-row.leader .session-results-time {
  color: var(--text-general);
}

.session-results-row.leader .session-results-fastest-lap:not(.fastest) {
  color: var(--text-general);
}

.session-results-fastest-lap.session-results-fastest-lap-practice:not(.fastest) {
  color: var(--text-general);
}

.session-results-fastest-lap,
.session-results-laps,
.session-results-quali-lap,
.session-results-time{
  font-family: 'NumbersFont';
  font-size: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding-top: 7px !important;
}

.session-results-points{
  font-family: 'NumbersBold';
  font-size: 16px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding-top: 7px !important;
}

.session-results-grid-position {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  font-size: 14px;
  white-space: nowrap;
  color: var(--text-secondary);
  font-family: 'NumbersFont';
}

.session-results-grid-position.penalty {
  color: var(--f1-first);
}

.session-results-points.positive {
  color: var(--positive-general);
}

.session-results-row:has(.session-results-position.champion) .session-results-position {
  border-left: 2px solid #FEDB37;
  color: #FEDB37;
  background: linear-gradient(90deg, rgba(254, 219, 55, 0.35) 0%, transparent 75%);
}

.session-results-row.odd:has(.session-results-position.champion) .session-results-position {
  color: #FEDB37;
  background: linear-gradient(90deg, rgba(254, 219, 55, 0.35) 0%, transparent 75%);
}

.session-results-row:has(.session-results-position.second) .session-results-position {
  border-left: 2px solid #C0C0C0;
  background: linear-gradient(90deg, rgba(192, 192, 192, 0.35) 0%, transparent 75%);
}

.session-results-row.odd:has(.session-results-position.second) .session-results-position {
  background: linear-gradient(90deg, rgba(192, 192, 192, 0.35) 0%, transparent 75%);
}

.session-results-row:has(.session-results-position.third) .session-results-position {
  border-left: 2px solid #CD7F32;
  background: linear-gradient(90deg, rgba(205, 127, 50, 0.35) 0%, transparent 75%);
}

.session-results-row.odd:has(.session-results-position.third) .session-results-position {
  background: linear-gradient(90deg, rgba(205, 127, 50, 0.35) 0%, transparent 75%);
}

.session-results-fastest-lap.fastest,
.session-results-quali-lap.fastest {
  border-left: 2px solid #B14DFF;
  background: linear-gradient(90deg, rgba(177, 77, 255, 0.35) 0%, transparent 75%);
  text-decoration: none;
  color: color-mix(in srgb, #B14DFF 70%, var(--text-general));
}

.session-results-driver-logo-div {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  padding: 0 !important;
  flex: 0 0 auto;
}

.session-results-driver-logo-div img, .session-results-driver-logo-div div {
  width: 24px;
  height: 24px;
  object-fit: contain;
}

/* ModFans Return Button */
.modfans-return-btn {
  position: fixed;
  top: 10px;
  right: 24px;
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 10px 14px;
  background: none;
  border: none;
  border-radius: 8px;
  text-decoration: none;
  font-size: 16px;
  font-weight: 500;
  z-index: 9999;
}

.modfans-return-btn span {
  display: inline-block;
  line-height: 1;
  background: linear-gradient(to right, var(--new-primary), var(--text-general), var(--new-primary));
  background-clip: text;
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  background-size: 200% 200%;
  animation: gradient-move-title 6s infinite linear;
  transition: -webkit-text-fill-color 0.2s ease;
}

.modfans-return-btn:hover span {
  -webkit-text-fill-color: #e62d7f;
  animation: none;
}

.modfans-return-icon {
  display: inline-block;
  width: 34px;
  height: 34px;
  vertical-align: middle;
  -webkit-mask: url(/f1m-editor/assets/images/modfans.svg) no-repeat center;
  mask: url(/f1m-editor/assets/images/modfans.svg) no-repeat center;
  -webkit-mask-size: contain;
  mask-size: contain;
  background: linear-gradient(to right, var(--new-primary), var(--text-general), var(--new-primary));
  background-size: 200% 200%;
  animation: gradient-move-title 6s infinite linear;
  transition: background 0.2s ease;
}

.modfans-return-btn:hover .modfans-return-icon {
  -webkit-mask: url(/f1m-editor/assets/images/modfans_color.svg) no-repeat center;
  mask: url(/f1m-editor/assets/images/modfans_color.svg) no-repeat center;
  -webkit-mask-size: contain;
  mask-size: contain;
  background: #e62d7f;
  animation: none;
}