/* Start:/local/templates/grosio/vendor/bootstrap-5.3/css/bootstrap.min.css?1783632682232111*/
@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='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");display:block;width:100%;padding:.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='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23dee2e6' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e")}.form-check{display:block;min-height:1.5rem;padding-left:1.5em;margin-bottom:.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='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e")}.form-check-input:checked[type=radio]{--bs-form-check-bg-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%23fff'/%3e%3c/svg%3e")}.form-check-input[type=checkbox]:indeterminate{background-color:#0d6efd;border-color:#0d6efd;--bs-form-check-bg-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3e%3c/svg%3e")}.form-check-input:disabled{pointer-events:none;filter:none;opacity:.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='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%280, 0, 0, 0.25%29'/%3e%3c/svg%3e");width:2em;margin-left:-2.5em;background-image:var(--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='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%2386b7fe'/%3e%3c/svg%3e")}.form-switch .form-check-input:checked{background-position:right center;--bs-form-switch-bg:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e")}.form-switch.form-check-reverse{padding-right:2.5em;padding-left:0}.form-switch.form-check-reverse .form-check-input{margin-right:-2.5em;margin-left:0}.form-check-inline{display:inline-block;margin-right:1rem}.btn-check{position:absolute;clip:rect(0,0,0,0);pointer-events:none}.btn-check:disabled+.btn,.btn-check[disabled]+.btn{pointer-events:none;filter:none;opacity:.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='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%28255, 255, 255, 0.25%29'/%3e%3c/svg%3e")}.form-range{width:100%;height:1.5rem;padding:0;-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='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23198754' d='M2.3 6.73.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1'/%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='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23198754' d='M2.3 6.73.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1'/%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='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right calc(.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='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");padding-right:4.125rem;background-position:right .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='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%2833, 37, 41, 0.75%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");--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='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")}[data-bs-theme=dark] .navbar-toggler-icon{--bs-navbar-toggler-icon-bg:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")}.card{--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='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23212529' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='m2 5 6 6 6-6'/%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='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23052c65' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='m2 5 6 6 6-6'/%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='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%236ea8fe'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708'/%3e%3c/svg%3e");--bs-accordion-btn-active-icon:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%236ea8fe'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708'/%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='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414'/%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='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0'/%3e%3c/svg%3e")}.carousel-control-next-icon{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708'/%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}}
/*# sourceMappingURL=bootstrap.min.css.map */
/* End */


/* Start:/local/templates/grosio/vendor/tabler-icons/tabler-icons.min.css?1783632682250759*/
/*!
 * Tabler Icons 3.34.1 by tabler - https://tabler.io
 * License - https://github.com/tabler/tabler-icons/blob/master/LICENSE
 */@font-face{font-family:"tabler-icons";font-style:normal;font-weight:400;src:url("/local/templates/grosio/vendor/tabler-icons/./fonts/tabler-icons.woff2?v3.34.1") format("woff2"),url("/local/templates/grosio/vendor/tabler-icons/./fonts/tabler-icons.woff?") format("woff"),url("/local/templates/grosio/vendor/tabler-icons/./fonts/tabler-icons.ttf?v3.34.1") format("truetype")}.ti{font-family:"tabler-icons" !important;speak:none;font-style:normal;font-weight:normal;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.ti-a-b:before{content:"\ec36"}.ti-a-b-2:before{content:"\f25f"}.ti-a-b-off:before{content:"\f0a6"}.ti-abacus:before{content:"\f05c"}.ti-abacus-off:before{content:"\f3b6"}.ti-abc:before{content:"\f567"}.ti-access-point:before{content:"\ed1b"}.ti-access-point-off:before{content:"\ed1a"}.ti-accessible:before{content:"\eba9"}.ti-accessible-filled:before{content:"\f6ea"}.ti-accessible-off:before{content:"\f0a7"}.ti-activity:before{content:"\ed23"}.ti-activity-heartbeat:before{content:"\f0db"}.ti-ad:before{content:"\ea02"}.ti-ad-2:before{content:"\ef1f"}.ti-ad-circle:before{content:"\f79e"}.ti-ad-circle-filled:before{content:"\f7d3"}.ti-ad-circle-off:before{content:"\f79d"}.ti-ad-filled:before{content:"\f6eb"}.ti-ad-off:before{content:"\f3b7"}.ti-address-book:before{content:"\f021"}.ti-address-book-off:before{content:"\f3b8"}.ti-adjustments:before{content:"\ea03"}.ti-adjustments-alt:before{content:"\ec37"}.ti-adjustments-bolt:before{content:"\f7fb"}.ti-adjustments-cancel:before{content:"\f7fc"}.ti-adjustments-check:before{content:"\f7fd"}.ti-adjustments-code:before{content:"\f7fe"}.ti-adjustments-cog:before{content:"\f7ff"}.ti-adjustments-dollar:before{content:"\f800"}.ti-adjustments-down:before{content:"\f801"}.ti-adjustments-exclamation:before{content:"\f802"}.ti-adjustments-filled:before{content:"\f6ec"}.ti-adjustments-heart:before{content:"\f803"}.ti-adjustments-horizontal:before{content:"\ec38"}.ti-adjustments-minus:before{content:"\f804"}.ti-adjustments-off:before{content:"\f0a8"}.ti-adjustments-pause:before{content:"\f805"}.ti-adjustments-pin:before{content:"\f806"}.ti-adjustments-plus:before{content:"\f807"}.ti-adjustments-question:before{content:"\f808"}.ti-adjustments-search:before{content:"\f809"}.ti-adjustments-share:before{content:"\f80a"}.ti-adjustments-spark:before{content:"\ffbe"}.ti-adjustments-star:before{content:"\f80b"}.ti-adjustments-up:before{content:"\f80c"}.ti-adjustments-x:before{content:"\f80d"}.ti-aerial-lift:before{content:"\edfe"}.ti-aerial-lift-filled:before{content:"\10101"}.ti-affiliate:before{content:"\edff"}.ti-affiliate-filled:before{content:"\f6ed"}.ti-ai:before{content:"\fee7"}.ti-air-balloon:before{content:"\f4a6"}.ti-air-balloon-filled:before{content:"\10100"}.ti-air-conditioning:before{content:"\f3a2"}.ti-air-conditioning-disabled:before{content:"\f542"}.ti-air-traffic-control:before{content:"\fb01"}.ti-alarm:before{content:"\ea04"}.ti-alarm-average:before{content:"\fc9e"}.ti-alarm-filled:before{content:"\f709"}.ti-alarm-minus:before{content:"\f630"}.ti-alarm-minus-filled:before{content:"\f70a"}.ti-alarm-off:before{content:"\f0a9"}.ti-alarm-plus:before{content:"\f631"}.ti-alarm-plus-filled:before{content:"\f70b"}.ti-alarm-smoke:before{content:"\100b6"}.ti-alarm-snooze:before{content:"\f632"}.ti-alarm-snooze-filled:before{content:"\f70c"}.ti-album:before{content:"\f022"}.ti-album-off:before{content:"\f3b9"}.ti-alert-circle:before{content:"\ea05"}.ti-alert-circle-filled:before{content:"\f6ee"}.ti-alert-circle-off:before{content:"\fc65"}.ti-alert-hexagon:before{content:"\f80e"}.ti-alert-hexagon-filled:before{content:"\fa34"}.ti-alert-hexagon-off:before{content:"\fc66"}.ti-alert-octagon:before{content:"\ecc6"}.ti-alert-octagon-filled:before{content:"\f6ef"}.ti-alert-small:before{content:"\f80f"}.ti-alert-small-off:before{content:"\fc67"}.ti-alert-square:before{content:"\f811"}.ti-alert-square-filled:before{content:"\fa35"}.ti-alert-square-rounded:before{content:"\f810"}.ti-alert-square-rounded-filled:before{content:"\fa36"}.ti-alert-square-rounded-off:before{content:"\fc68"}.ti-alert-triangle:before{content:"\ea06"}.ti-alert-triangle-filled:before{content:"\f6f0"}.ti-alert-triangle-off:before{content:"\fc69"}.ti-alien:before{content:"\ebde"}.ti-alien-filled:before{content:"\f70d"}.ti-align-box-bottom-center:before{content:"\f530"}.ti-align-box-bottom-center-filled:before{content:"\f70e"}.ti-align-box-bottom-left:before{content:"\f531"}.ti-align-box-bottom-left-filled:before{content:"\f70f"}.ti-align-box-bottom-right:before{content:"\f532"}.ti-align-box-bottom-right-filled:before{content:"\f710"}.ti-align-box-center-bottom:before{content:"\facb"}.ti-align-box-center-middle:before{content:"\f79f"}.ti-align-box-center-middle-filled:before{content:"\f7d4"}.ti-align-box-center-stretch:before{content:"\facc"}.ti-align-box-center-top:before{content:"\facd"}.ti-align-box-left-bottom:before{content:"\f533"}.ti-align-box-left-bottom-filled:before{content:"\f711"}.ti-align-box-left-middle:before{content:"\f534"}.ti-align-box-left-middle-filled:before{content:"\f712"}.ti-align-box-left-stretch:before{content:"\face"}.ti-align-box-left-top:before{content:"\f535"}.ti-align-box-left-top-filled:before{content:"\f713"}.ti-align-box-right-bottom:before{content:"\f536"}.ti-align-box-right-bottom-filled:before{content:"\f714"}.ti-align-box-right-middle:before{content:"\f537"}.ti-align-box-right-middle-filled:before{content:"\f7d5"}.ti-align-box-right-stretch:before{content:"\facf"}.ti-align-box-right-top:before{content:"\f538"}.ti-align-box-right-top-filled:before{content:"\f715"}.ti-align-box-top-center:before{content:"\f539"}.ti-align-box-top-center-filled:before{content:"\f716"}.ti-align-box-top-left:before{content:"\f53a"}.ti-align-box-top-left-filled:before{content:"\f717"}.ti-align-box-top-right:before{content:"\f53b"}.ti-align-box-top-right-filled:before{content:"\f718"}.ti-align-center:before{content:"\ea07"}.ti-align-justified:before{content:"\ea08"}.ti-align-left:before{content:"\ea09"}.ti-align-left-2:before{content:"\ff00"}.ti-align-right:before{content:"\ea0a"}.ti-align-right-2:before{content:"\feff"}.ti-alpha:before{content:"\f543"}.ti-alphabet-arabic:before{content:"\ff2f"}.ti-alphabet-bangla:before{content:"\ff2e"}.ti-alphabet-cyrillic:before{content:"\f1df"}.ti-alphabet-greek:before{content:"\f1e0"}.ti-alphabet-hebrew:before{content:"\ff2d"}.ti-alphabet-korean:before{content:"\ff2c"}.ti-alphabet-latin:before{content:"\f1e1"}.ti-alphabet-thai:before{content:"\ff2b"}.ti-alt:before{content:"\fc54"}.ti-ambulance:before{content:"\ebf5"}.ti-ampersand:before{content:"\f229"}.ti-analyze:before{content:"\f3a3"}.ti-analyze-filled:before{content:"\f719"}.ti-analyze-off:before{content:"\f3ba"}.ti-anchor:before{content:"\eb76"}.ti-anchor-off:before{content:"\f0f7"}.ti-angle:before{content:"\ef20"}.ti-ankh:before{content:"\f1cd"}.ti-antenna:before{content:"\f094"}.ti-antenna-bars-1:before{content:"\ecc7"}.ti-antenna-bars-2:before{content:"\ecc8"}.ti-antenna-bars-3:before{content:"\ecc9"}.ti-antenna-bars-4:before{content:"\ecca"}.ti-antenna-bars-5:before{content:"\eccb"}.ti-antenna-bars-off:before{content:"\f0aa"}.ti-antenna-off:before{content:"\f3bb"}.ti-aperture:before{content:"\eb58"}.ti-aperture-off:before{content:"\f3bc"}.ti-api:before{content:"\effd"}.ti-api-app:before{content:"\effc"}.ti-api-app-off:before{content:"\f0ab"}.ti-api-off:before{content:"\f0f8"}.ti-app-window:before{content:"\efe6"}.ti-app-window-filled:before{content:"\f71a"}.ti-apple:before{content:"\ef21"}.ti-apple-filled:before{content:"\10017"}.ti-apps:before{content:"\ebb6"}.ti-apps-filled:before{content:"\f6f1"}.ti-apps-off:before{content:"\f0ac"}.ti-archery-arrow:before{content:"\fc55"}.ti-archive:before{content:"\ea0b"}.ti-archive-filled:before{content:"\fa82"}.ti-archive-off:before{content:"\f0ad"}.ti-armchair:before{content:"\ef9e"}.ti-armchair-2:before{content:"\efe7"}.ti-armchair-2-off:before{content:"\f3bd"}.ti-armchair-off:before{content:"\f3be"}.ti-arrow-autofit-content:before{content:"\ef31"}.ti-arrow-autofit-content-filled:before{content:"\f6f2"}.ti-arrow-autofit-down:before{content:"\ef32"}.ti-arrow-autofit-down-filled:before{content:"\10113"}.ti-arrow-autofit-height:before{content:"\ef33"}.ti-arrow-autofit-height-filled:before{content:"\10112"}.ti-arrow-autofit-left:before{content:"\ef34"}.ti-arrow-autofit-left-filled:before{content:"\10111"}.ti-arrow-autofit-right:before{content:"\ef35"}.ti-arrow-autofit-right-filled:before{content:"\10110"}.ti-arrow-autofit-up:before{content:"\ef36"}.ti-arrow-autofit-up-filled:before{content:"\1010f"}.ti-arrow-autofit-width:before{content:"\ef37"}.ti-arrow-autofit-width-filled:before{content:"\1010e"}.ti-arrow-back:before{content:"\ea0c"}.ti-arrow-back-up:before{content:"\eb77"}.ti-arrow-back-up-double:before{content:"\f9ec"}.ti-arrow-badge-down:before{content:"\f60b"}.ti-arrow-badge-down-filled:before{content:"\f7d6"}.ti-arrow-badge-left:before{content:"\f60c"}.ti-arrow-badge-left-filled:before{content:"\f7d7"}.ti-arrow-badge-right:before{content:"\f60d"}.ti-arrow-badge-right-filled:before{content:"\f7d8"}.ti-arrow-badge-up:before{content:"\f60e"}.ti-arrow-badge-up-filled:before{content:"\f7d9"}.ti-arrow-bar-both:before{content:"\fadd"}.ti-arrow-bar-down:before{content:"\ea0d"}.ti-arrow-bar-left:before{content:"\ea0e"}.ti-arrow-bar-right:before{content:"\ea0f"}.ti-arrow-bar-to-down:before{content:"\ec88"}.ti-arrow-bar-to-down-dashed:before{content:"\10164"}.ti-arrow-bar-to-left:before{content:"\ec89"}.ti-arrow-bar-to-left-dashed:before{content:"\10163"}.ti-arrow-bar-to-right:before{content:"\ec8a"}.ti-arrow-bar-to-right-dashed:before{content:"\10162"}.ti-arrow-bar-to-up:before{content:"\ec8b"}.ti-arrow-bar-to-up-dashed:before{content:"\10161"}.ti-arrow-bar-up:before{content:"\ea10"}.ti-arrow-bear-left:before{content:"\f045"}.ti-arrow-bear-left-2:before{content:"\f044"}.ti-arrow-bear-right:before{content:"\f047"}.ti-arrow-bear-right-2:before{content:"\f046"}.ti-arrow-big-down:before{content:"\edda"}.ti-arrow-big-down-filled:before{content:"\f6c6"}.ti-arrow-big-down-line:before{content:"\efe8"}.ti-arrow-big-down-line-filled:before{content:"\f6c7"}.ti-arrow-big-down-lines:before{content:"\efe9"}.ti-arrow-big-down-lines-filled:before{content:"\f6c8"}.ti-arrow-big-left:before{content:"\eddb"}.ti-arrow-big-left-filled:before{content:"\f6c9"}.ti-arrow-big-left-line:before{content:"\efea"}.ti-arrow-big-left-line-filled:before{content:"\f6ca"}.ti-arrow-big-left-lines:before{content:"\efeb"}.ti-arrow-big-left-lines-filled:before{content:"\f6cb"}.ti-arrow-big-right:before{content:"\eddc"}.ti-arrow-big-right-filled:before{content:"\f6cc"}.ti-arrow-big-right-line:before{content:"\efec"}.ti-arrow-big-right-line-filled:before{content:"\f6cd"}.ti-arrow-big-right-lines:before{content:"\efed"}.ti-arrow-big-right-lines-filled:before{content:"\f6ce"}.ti-arrow-big-up:before{content:"\eddd"}.ti-arrow-big-up-filled:before{content:"\f6cf"}.ti-arrow-big-up-line:before{content:"\efee"}.ti-arrow-big-up-line-filled:before{content:"\f6d0"}.ti-arrow-big-up-lines:before{content:"\efef"}.ti-arrow-big-up-lines-filled:before{content:"\f6d1"}.ti-arrow-bounce:before{content:"\f3a4"}.ti-arrow-capsule:before{content:"\fade"}.ti-arrow-curve-left:before{content:"\f048"}.ti-arrow-curve-right:before{content:"\f049"}.ti-arrow-down:before{content:"\ea16"}.ti-arrow-down-bar:before{content:"\ed98"}.ti-arrow-down-circle:before{content:"\ea11"}.ti-arrow-down-circle-filled:before{content:"\1003b"}.ti-arrow-down-dashed:before{content:"\1006a"}.ti-arrow-down-from-arc:before{content:"\fd86"}.ti-arrow-down-left:before{content:"\ea13"}.ti-arrow-down-left-circle:before{content:"\ea12"}.ti-arrow-down-rhombus:before{content:"\f61d"}.ti-arrow-down-rhombus-filled:before{content:"\1003a"}.ti-arrow-down-right:before{content:"\ea15"}.ti-arrow-down-right-circle:before{content:"\ea14"}.ti-arrow-down-square:before{content:"\ed9a"}.ti-arrow-down-square-filled:before{content:"\10039"}.ti-arrow-down-tail:before{content:"\ed9b"}.ti-arrow-down-to-arc:before{content:"\fd87"}.ti-arrow-elbow-left:before{content:"\f9ed"}.ti-arrow-elbow-right:before{content:"\f9ee"}.ti-arrow-fork:before{content:"\f04a"}.ti-arrow-forward:before{content:"\ea17"}.ti-arrow-forward-up:before{content:"\eb78"}.ti-arrow-forward-up-double:before{content:"\f9ef"}.ti-arrow-guide:before{content:"\f22a"}.ti-arrow-guide-filled:before{content:"\10038"}.ti-arrow-iteration:before{content:"\f578"}.ti-arrow-left:before{content:"\ea19"}.ti-arrow-left-bar:before{content:"\ed9c"}.ti-arrow-left-circle:before{content:"\ea18"}.ti-arrow-left-circle-filled:before{content:"\10037"}.ti-arrow-left-dashed:before{content:"\10069"}.ti-arrow-left-from-arc:before{content:"\fd88"}.ti-arrow-left-rhombus:before{content:"\f61e"}.ti-arrow-left-rhombus-filled:before{content:"\10036"}.ti-arrow-left-right:before{content:"\f04b"}.ti-arrow-left-square:before{content:"\ed9d"}.ti-arrow-left-square-filled:before{content:"\10035"}.ti-arrow-left-tail:before{content:"\ed9e"}.ti-arrow-left-to-arc:before{content:"\fd89"}.ti-arrow-loop-left:before{content:"\ed9f"}.ti-arrow-loop-left-2:before{content:"\f04c"}.ti-arrow-loop-right:before{content:"\eda0"}.ti-arrow-loop-right-2:before{content:"\f04d"}.ti-arrow-merge:before{content:"\f04e"}.ti-arrow-merge-alt-left:before{content:"\fc9f"}.ti-arrow-merge-alt-right:before{content:"\fca0"}.ti-arrow-merge-both:before{content:"\f23b"}.ti-arrow-merge-left:before{content:"\f23c"}.ti-arrow-merge-right:before{content:"\f23d"}.ti-arrow-move-down:before{content:"\f2ba"}.ti-arrow-move-down-filled:before{content:"\10034"}.ti-arrow-move-left:before{content:"\f2bb"}.ti-arrow-move-left-filled:before{content:"\10033"}.ti-arrow-move-right:before{content:"\f2bc"}.ti-arrow-move-right-filled:before{content:"\10032"}.ti-arrow-move-up:before{content:"\f2bd"}.ti-arrow-move-up-filled:before{content:"\10031"}.ti-arrow-narrow-down:before{content:"\ea1a"}.ti-arrow-narrow-down-dashed:before{content:"\10068"}.ti-arrow-narrow-left:before{content:"\ea1b"}.ti-arrow-narrow-left-dashed:before{content:"\10067"}.ti-arrow-narrow-right:before{content:"\ea1c"}.ti-arrow-narrow-right-dashed:before{content:"\10066"}.ti-arrow-narrow-up:before{content:"\ea1d"}.ti-arrow-narrow-up-dashed:before{content:"\10065"}.ti-arrow-ramp-left:before{content:"\ed3c"}.ti-arrow-ramp-left-2:before{content:"\f04f"}.ti-arrow-ramp-left-3:before{content:"\f050"}.ti-arrow-ramp-right:before{content:"\ed3d"}.ti-arrow-ramp-right-2:before{content:"\f051"}.ti-arrow-ramp-right-3:before{content:"\f052"}.ti-arrow-right:before{content:"\ea1f"}.ti-arrow-right-bar:before{content:"\eda1"}.ti-arrow-right-circle:before{content:"\ea1e"}.ti-arrow-right-circle-filled:before{content:"\10030"}.ti-arrow-right-dashed:before{content:"\10064"}.ti-arrow-right-from-arc:before{content:"\fd8a"}.ti-arrow-right-rhombus:before{content:"\f61f"}.ti-arrow-right-rhombus-filled:before{content:"\1002f"}.ti-arrow-right-square:before{content:"\eda2"}.ti-arrow-right-square-filled:before{content:"\1002e"}.ti-arrow-right-tail:before{content:"\eda3"}.ti-arrow-right-to-arc:before{content:"\fd8b"}.ti-arrow-rotary-first-left:before{content:"\f053"}.ti-arrow-rotary-first-right:before{content:"\f054"}.ti-arrow-rotary-last-left:before{content:"\f055"}.ti-arrow-rotary-last-right:before{content:"\f056"}.ti-arrow-rotary-left:before{content:"\f057"}.ti-arrow-rotary-right:before{content:"\f058"}.ti-arrow-rotary-straight:before{content:"\f059"}.ti-arrow-roundabout-left:before{content:"\f22b"}.ti-arrow-roundabout-right:before{content:"\f22c"}.ti-arrow-sharp-turn-left:before{content:"\f05a"}.ti-arrow-sharp-turn-right:before{content:"\f05b"}.ti-arrow-up:before{content:"\ea25"}.ti-arrow-up-bar:before{content:"\eda4"}.ti-arrow-up-circle:before{content:"\ea20"}.ti-arrow-up-circle-filled:before{content:"\1002d"}.ti-arrow-up-dashed:before{content:"\10063"}.ti-arrow-up-from-arc:before{content:"\fd8c"}.ti-arrow-up-left:before{content:"\ea22"}.ti-arrow-up-left-circle:before{content:"\ea21"}.ti-arrow-up-rhombus:before{content:"\f620"}.ti-arrow-up-rhombus-filled:before{content:"\1002c"}.ti-arrow-up-right:before{content:"\ea24"}.ti-arrow-up-right-circle:before{content:"\ea23"}.ti-arrow-up-square:before{content:"\eda6"}.ti-arrow-up-square-filled:before{content:"\1002b"}.ti-arrow-up-tail:before{content:"\eda7"}.ti-arrow-up-to-arc:before{content:"\fd8d"}.ti-arrow-wave-left-down:before{content:"\eda8"}.ti-arrow-wave-left-up:before{content:"\eda9"}.ti-arrow-wave-right-down:before{content:"\edaa"}.ti-arrow-wave-right-up:before{content:"\edab"}.ti-arrow-zig-zag:before{content:"\f4a7"}.ti-arrows-cross:before{content:"\effe"}.ti-arrows-diagonal:before{content:"\ea27"}.ti-arrows-diagonal-2:before{content:"\ea26"}.ti-arrows-diagonal-minimize:before{content:"\ef39"}.ti-arrows-diagonal-minimize-2:before{content:"\ef38"}.ti-arrows-diff:before{content:"\f296"}.ti-arrows-double-ne-sw:before{content:"\edde"}.ti-arrows-double-nw-se:before{content:"\eddf"}.ti-arrows-double-se-nw:before{content:"\ede0"}.ti-arrows-double-sw-ne:before{content:"\ede1"}.ti-arrows-down:before{content:"\edad"}.ti-arrows-down-up:before{content:"\edac"}.ti-arrows-exchange:before{content:"\f1f4"}.ti-arrows-exchange-2:before{content:"\f1f3"}.ti-arrows-horizontal:before{content:"\eb59"}.ti-arrows-join:before{content:"\edaf"}.ti-arrows-join-2:before{content:"\edae"}.ti-arrows-left:before{content:"\edb1"}.ti-arrows-left-down:before{content:"\ee00"}.ti-arrows-left-right:before{content:"\edb0"}.ti-arrows-maximize:before{content:"\ea28"}.ti-arrows-minimize:before{content:"\ea29"}.ti-arrows-move:before{content:"\f22f"}.ti-arrows-move-horizontal:before{content:"\f22d"}.ti-arrows-move-vertical:before{content:"\f22e"}.ti-arrows-random:before{content:"\f095"}.ti-arrows-right:before{content:"\edb3"}.ti-arrows-right-down:before{content:"\ee01"}.ti-arrows-right-left:before{content:"\edb2"}.ti-arrows-shuffle:before{content:"\f000"}.ti-arrows-shuffle-2:before{content:"\efff"}.ti-arrows-sort:before{content:"\eb5a"}.ti-arrows-split:before{content:"\edb5"}.ti-arrows-split-2:before{content:"\edb4"}.ti-arrows-transfer-down:before{content:"\f2cc"}.ti-arrows-transfer-up:before{content:"\f2cd"}.ti-arrows-transfer-up-down:before{content:"\ffac"}.ti-arrows-up:before{content:"\edb7"}.ti-arrows-up-down:before{content:"\edb6"}.ti-arrows-up-left:before{content:"\ee02"}.ti-arrows-up-right:before{content:"\ee03"}.ti-arrows-vertical:before{content:"\eb5b"}.ti-artboard:before{content:"\ea2a"}.ti-artboard-filled:before{content:"\fa83"}.ti-artboard-off:before{content:"\f0ae"}.ti-article:before{content:"\f1e2"}.ti-article-filled:before{content:"\f7da"}.ti-article-off:before{content:"\f3bf"}.ti-aspect-ratio:before{content:"\ed30"}.ti-aspect-ratio-filled:before{content:"\f7db"}.ti-aspect-ratio-off:before{content:"\f0af"}.ti-assembly:before{content:"\f24d"}.ti-assembly-filled:before{content:"\fe9e"}.ti-assembly-off:before{content:"\f3c0"}.ti-asset:before{content:"\f1ce"}.ti-asset-filled:before{content:"\fe9d"}.ti-asterisk:before{content:"\efd5"}.ti-asterisk-simple:before{content:"\efd4"}.ti-at:before{content:"\ea2b"}.ti-at-off:before{content:"\f0b0"}.ti-atom:before{content:"\eb79"}.ti-atom-2:before{content:"\ebdf"}.ti-atom-2-filled:before{content:"\f71b"}.ti-atom-off:before{content:"\f0f9"}.ti-augmented-reality:before{content:"\f023"}.ti-augmented-reality-2:before{content:"\f37e"}.ti-augmented-reality-off:before{content:"\f3c1"}.ti-auth-2fa:before{content:"\eca0"}.ti-automatic-gearbox:before{content:"\fc89"}.ti-automatic-gearbox-filled:before{content:"\1002a"}.ti-automation:before{content:"\fef8"}.ti-avocado:before{content:"\fd8e"}.ti-award:before{content:"\ea2c"}.ti-award-filled:before{content:"\f71c"}.ti-award-off:before{content:"\f0fa"}.ti-axe:before{content:"\ef9f"}.ti-axis-x:before{content:"\ef45"}.ti-axis-y:before{content:"\ef46"}.ti-baby-bottle:before{content:"\f5d2"}.ti-baby-carriage:before{content:"\f05d"}.ti-baby-carriage-filled:before{content:"\fe9c"}.ti-background:before{content:"\fd2c"}.ti-backhoe:before{content:"\ed86"}.ti-backpack:before{content:"\ef47"}.ti-backpack-off:before{content:"\f3c2"}.ti-backslash:before{content:"\fab9"}.ti-backspace:before{content:"\ea2d"}.ti-backspace-filled:before{content:"\f7dc"}.ti-badge:before{content:"\efc2"}.ti-badge-2k:before{content:"\100b5"}.ti-badge-3d:before{content:"\f555"}.ti-badge-3d-filled:before{content:"\fe9b"}.ti-badge-3k:before{content:"\100b4"}.ti-badge-4k:before{content:"\f556"}.ti-badge-4k-filled:before{content:"\fe9a"}.ti-badge-5k:before{content:"\100b3"}.ti-badge-8k:before{content:"\f557"}.ti-badge-8k-filled:before{content:"\fe99"}.ti-badge-ad:before{content:"\f558"}.ti-badge-ad-filled:before{content:"\fe98"}.ti-badge-ad-off:before{content:"\fd8f"}.ti-badge-ar:before{content:"\f559"}.ti-badge-ar-filled:before{content:"\fe97"}.ti-badge-cc:before{content:"\f55a"}.ti-badge-cc-filled:before{content:"\fe96"}.ti-badge-filled:before{content:"\f667"}.ti-badge-hd:before{content:"\f55b"}.ti-badge-hd-filled:before{content:"\fe95"}.ti-badge-off:before{content:"\f0fb"}.ti-badge-sd:before{content:"\f55c"}.ti-badge-sd-filled:before{content:"\fe94"}.ti-badge-tm:before{content:"\f55d"}.ti-badge-tm-filled:before{content:"\fe93"}.ti-badge-vo:before{content:"\f55e"}.ti-badge-vo-filled:before{content:"\fe92"}.ti-badge-vr:before{content:"\f55f"}.ti-badge-vr-filled:before{content:"\fe91"}.ti-badge-wc:before{content:"\f560"}.ti-badge-wc-filled:before{content:"\fe90"}.ti-badges:before{content:"\efc3"}.ti-badges-filled:before{content:"\f7dd"}.ti-badges-off:before{content:"\f0fc"}.ti-baguette:before{content:"\f3a5"}.ti-ball-american-football:before{content:"\ee04"}.ti-ball-american-football-off:before{content:"\f3c3"}.ti-ball-baseball:before{content:"\efa0"}.ti-ball-basketball:before{content:"\ec28"}.ti-ball-bowling:before{content:"\ec29"}.ti-ball-football:before{content:"\ee06"}.ti-ball-football-off:before{content:"\ee05"}.ti-ball-tennis:before{content:"\ec2a"}.ti-ball-volleyball:before{content:"\ec2b"}.ti-balloon:before{content:"\ef3a"}.ti-balloon-filled:before{content:"\fa84"}.ti-balloon-off:before{content:"\f0fd"}.ti-ballpen:before{content:"\f06e"}.ti-ballpen-filled:before{content:"\fa85"}.ti-ballpen-off:before{content:"\f0b1"}.ti-ban:before{content:"\ea2e"}.ti-bandage:before{content:"\eb7a"}.ti-bandage-filled:before{content:"\f7de"}.ti-bandage-off:before{content:"\f3c4"}.ti-barbell:before{content:"\eff0"}.ti-barbell-filled:before{content:"\fe8f"}.ti-barbell-off:before{content:"\f0b2"}.ti-barcode:before{content:"\ebc6"}.ti-barcode-off:before{content:"\f0b3"}.ti-barrel:before{content:"\f0b4"}.ti-barrel-off:before{content:"\f0fe"}.ti-barrier-block:before{content:"\f00e"}.ti-barrier-block-filled:before{content:"\fe8e"}.ti-barrier-block-off:before{content:"\f0b5"}.ti-baseline:before{content:"\f024"}.ti-baseline-density-large:before{content:"\f9f0"}.ti-baseline-density-medium:before{content:"\f9f1"}.ti-baseline-density-small:before{content:"\f9f2"}.ti-basket:before{content:"\ebe1"}.ti-basket-bolt:before{content:"\fb43"}.ti-basket-cancel:before{content:"\fb44"}.ti-basket-check:before{content:"\fb45"}.ti-basket-code:before{content:"\fb46"}.ti-basket-cog:before{content:"\fb47"}.ti-basket-discount:before{content:"\fb48"}.ti-basket-dollar:before{content:"\fb49"}.ti-basket-down:before{content:"\fb4a"}.ti-basket-exclamation:before{content:"\fb4b"}.ti-basket-filled:before{content:"\f7df"}.ti-basket-heart:before{content:"\fb4c"}.ti-basket-minus:before{content:"\fb4d"}.ti-basket-off:before{content:"\f0b6"}.ti-basket-pause:before{content:"\fb4e"}.ti-basket-pin:before{content:"\fb4f"}.ti-basket-plus:before{content:"\fb50"}.ti-basket-question:before{content:"\fb51"}.ti-basket-search:before{content:"\fb52"}.ti-basket-share:before{content:"\fb53"}.ti-basket-star:before{content:"\fb54"}.ti-basket-up:before{content:"\fb55"}.ti-basket-x:before{content:"\fb56"}.ti-bat:before{content:"\f284"}.ti-bath:before{content:"\ef48"}.ti-bath-filled:before{content:"\f71d"}.ti-bath-off:before{content:"\f0ff"}.ti-battery:before{content:"\ea34"}.ti-battery-1:before{content:"\ea2f"}.ti-battery-1-filled:before{content:"\f71e"}.ti-battery-2:before{content:"\ea30"}.ti-battery-2-filled:before{content:"\f71f"}.ti-battery-3:before{content:"\ea31"}.ti-battery-3-filled:before{content:"\f720"}.ti-battery-4:before{content:"\ea32"}.ti-battery-4-filled:before{content:"\f721"}.ti-battery-automotive:before{content:"\ee07"}.ti-battery-automotive-filled:before{content:"\10029"}.ti-battery-charging:before{content:"\ea33"}.ti-battery-charging-2:before{content:"\ef3b"}.ti-battery-eco:before{content:"\ef3c"}.ti-battery-exclamation:before{content:"\ff1d"}.ti-battery-filled:before{content:"\f668"}.ti-battery-off:before{content:"\ed1c"}.ti-battery-spark:before{content:"\ffbd"}.ti-battery-vertical:before{content:"\ff13"}.ti-battery-vertical-1:before{content:"\ff1c"}.ti-battery-vertical-1-filled:before{content:"\10028"}.ti-battery-vertical-2:before{content:"\ff1b"}.ti-battery-vertical-2-filled:before{content:"\10027"}.ti-battery-vertical-3:before{content:"\ff1a"}.ti-battery-vertical-3-filled:before{content:"\10026"}.ti-battery-vertical-4:before{content:"\ff19"}.ti-battery-vertical-4-filled:before{content:"\10025"}.ti-battery-vertical-charging:before{content:"\ff17"}.ti-battery-vertical-charging-2:before{content:"\ff18"}.ti-battery-vertical-eco:before{content:"\ff16"}.ti-battery-vertical-exclamation:before{content:"\ff15"}.ti-battery-vertical-filled:before{content:"\10024"}.ti-battery-vertical-off:before{content:"\ff14"}.ti-beach:before{content:"\ef3d"}.ti-beach-off:before{content:"\f0b7"}.ti-bed:before{content:"\eb5c"}.ti-bed-filled:before{content:"\f7e0"}.ti-bed-flat:before{content:"\fca1"}.ti-bed-flat-filled:before{content:"\fe8d"}.ti-bed-off:before{content:"\f100"}.ti-beer:before{content:"\efa1"}.ti-beer-filled:before{content:"\f7e1"}.ti-beer-off:before{content:"\f101"}.ti-bell:before{content:"\ea35"}.ti-bell-bolt:before{content:"\f812"}.ti-bell-cancel:before{content:"\f813"}.ti-bell-check:before{content:"\f814"}.ti-bell-code:before{content:"\f815"}.ti-bell-cog:before{content:"\f816"}.ti-bell-dollar:before{content:"\f817"}.ti-bell-down:before{content:"\f818"}.ti-bell-exclamation:before{content:"\f819"}.ti-bell-filled:before{content:"\f669"}.ti-bell-heart:before{content:"\f81a"}.ti-bell-minus:before{content:"\ede2"}.ti-bell-minus-filled:before{content:"\f722"}.ti-bell-off:before{content:"\ece9"}.ti-bell-pause:before{content:"\f81b"}.ti-bell-pin:before{content:"\f81c"}.ti-bell-plus:before{content:"\ede3"}.ti-bell-plus-filled:before{content:"\f723"}.ti-bell-question:before{content:"\f81d"}.ti-bell-ringing:before{content:"\ed07"}.ti-bell-ringing-2:before{content:"\ede4"}.ti-bell-ringing-2-filled:before{content:"\f724"}.ti-bell-ringing-filled:before{content:"\f725"}.ti-bell-school:before{content:"\f05e"}.ti-bell-search:before{content:"\f81e"}.ti-bell-share:before{content:"\f81f"}.ti-bell-star:before{content:"\f820"}.ti-bell-up:before{content:"\f821"}.ti-bell-x:before{content:"\ede5"}.ti-bell-x-filled:before{content:"\f726"}.ti-bell-z:before{content:"\eff1"}.ti-bell-z-filled:before{content:"\f727"}.ti-beta:before{content:"\f544"}.ti-bible:before{content:"\efc4"}.ti-bike:before{content:"\ea36"}.ti-bike-filled:before{content:"\10023"}.ti-bike-off:before{content:"\f0b8"}.ti-binary:before{content:"\ee08"}.ti-binary-off:before{content:"\f3c5"}.ti-binary-tree:before{content:"\f5d4"}.ti-binary-tree-2:before{content:"\f5d3"}.ti-binary-tree-2-filled:before{content:"\ff65"}.ti-binary-tree-filled:before{content:"\ff64"}.ti-binoculars:before{content:"\fefe"}.ti-binoculars-filled:before{content:"\ff0b"}.ti-biohazard:before{content:"\ecb8"}.ti-biohazard-filled:before{content:"\fe8c"}.ti-biohazard-off:before{content:"\f0b9"}.ti-blade:before{content:"\f4bd"}.ti-blade-filled:before{content:"\f7e2"}.ti-bleach:before{content:"\f2f3"}.ti-bleach-chlorine:before{content:"\f2f0"}.ti-bleach-no-chlorine:before{content:"\f2f1"}.ti-bleach-off:before{content:"\f2f2"}.ti-blend-mode:before{content:"\feb0"}.ti-blender:before{content:"\fca2"}.ti-blender-filled:before{content:"\10022"}.ti-blob:before{content:"\feaf"}.ti-blob-filled:before{content:"\feb1"}.ti-blockquote:before{content:"\ee09"}.ti-blocks:before{content:"\100b2"}.ti-bluetooth:before{content:"\ea37"}.ti-bluetooth-connected:before{content:"\ecea"}.ti-bluetooth-off:before{content:"\eceb"}.ti-bluetooth-x:before{content:"\f081"}.ti-blur:before{content:"\ef8c"}.ti-blur-off:before{content:"\f3c6"}.ti-bmp:before{content:"\f3a6"}.ti-body-scan:before{content:"\fca3"}.ti-bold:before{content:"\eb7b"}.ti-bold-off:before{content:"\f0ba"}.ti-bolt:before{content:"\ea38"}.ti-bolt-filled:before{content:"\10021"}.ti-bolt-off:before{content:"\ecec"}.ti-bomb:before{content:"\f59c"}.ti-bomb-filled:before{content:"\fa86"}.ti-bone:before{content:"\edb8"}.ti-bone-filled:before{content:"\fe8b"}.ti-bone-off:before{content:"\f0bb"}.ti-bong:before{content:"\f3a7"}.ti-bong-filled:before{content:"\10020"}.ti-bong-off:before{content:"\f3c7"}.ti-book:before{content:"\ea39"}.ti-book-2:before{content:"\efc5"}.ti-book-download:before{content:"\f070"}.ti-book-filled:before{content:"\fa87"}.ti-book-off:before{content:"\f0bc"}.ti-book-upload:before{content:"\f071"}.ti-bookmark:before{content:"\ea3a"}.ti-bookmark-ai:before{content:"\fc8a"}.ti-bookmark-edit:before{content:"\fa5e"}.ti-bookmark-filled:before{content:"\fa88"}.ti-bookmark-minus:before{content:"\fa5f"}.ti-bookmark-off:before{content:"\eced"}.ti-bookmark-plus:before{content:"\fa60"}.ti-bookmark-question:before{content:"\fa61"}.ti-bookmarks:before{content:"\ed08"}.ti-bookmarks-filled:before{content:"\fb1f"}.ti-bookmarks-off:before{content:"\f0bd"}.ti-books:before{content:"\eff2"}.ti-books-off:before{content:"\f0be"}.ti-boom:before{content:"\fdbe"}.ti-boom-filled:before{content:"\fe8a"}.ti-border-all:before{content:"\ea3b"}.ti-border-bottom:before{content:"\ea3c"}.ti-border-bottom-plus:before{content:"\fdbd"}.ti-border-corner-ios:before{content:"\fd98"}.ti-border-corner-pill:before{content:"\fd62"}.ti-border-corner-rounded:before{content:"\fd63"}.ti-border-corner-square:before{content:"\fd64"}.ti-border-corners:before{content:"\f7a0"}.ti-border-horizontal:before{content:"\ea3d"}.ti-border-inner:before{content:"\ea3e"}.ti-border-left:before{content:"\ea3f"}.ti-border-left-plus:before{content:"\fdbc"}.ti-border-none:before{content:"\ea40"}.ti-border-outer:before{content:"\ea41"}.ti-border-radius:before{content:"\eb7c"}.ti-border-right:before{content:"\ea42"}.ti-border-right-plus:before{content:"\fdbb"}.ti-border-sides:before{content:"\f7a1"}.ti-border-style:before{content:"\ee0a"}.ti-border-style-2:before{content:"\ef22"}.ti-border-top:before{content:"\ea43"}.ti-border-top-plus:before{content:"\fdba"}.ti-border-vertical:before{content:"\ea44"}.ti-bottle:before{content:"\ef0b"}.ti-bottle-filled:before{content:"\fa89"}.ti-bottle-off:before{content:"\f3c8"}.ti-bounce-left:before{content:"\f59d"}.ti-bounce-left-filled:before{content:"\fb20"}.ti-bounce-right:before{content:"\f59e"}.ti-bounce-right-filled:before{content:"\fb21"}.ti-bow:before{content:"\f096"}.ti-bow-filled:before{content:"\fe89"}.ti-bowl:before{content:"\f4fa"}.ti-bowl-chopsticks:before{content:"\fd90"}.ti-bowl-chopsticks-filled:before{content:"\fe88"}.ti-bowl-filled:before{content:"\fb22"}.ti-bowl-spoon:before{content:"\fd91"}.ti-bowl-spoon-filled:before{content:"\fe87"}.ti-bowling:before{content:"\100b1"}.ti-box:before{content:"\ea45"}.ti-box-align-bottom:before{content:"\f2a8"}.ti-box-align-bottom-filled:before{content:"\fa8a"}.ti-box-align-bottom-left:before{content:"\f2ce"}.ti-box-align-bottom-left-filled:before{content:"\fa8b"}.ti-box-align-bottom-right:before{content:"\f2cf"}.ti-box-align-bottom-right-filled:before{content:"\fa8c"}.ti-box-align-left:before{content:"\f2a9"}.ti-box-align-left-filled:before{content:"\fa8d"}.ti-box-align-right:before{content:"\f2aa"}.ti-box-align-right-filled:before{content:"\fa8e"}.ti-box-align-top:before{content:"\f2ab"}.ti-box-align-top-filled:before{content:"\fa8f"}.ti-box-align-top-left:before{content:"\f2d0"}.ti-box-align-top-left-filled:before{content:"\fa90"}.ti-box-align-top-right:before{content:"\f2d1"}.ti-box-align-top-right-filled:before{content:"\fa91"}.ti-box-margin:before{content:"\ee0b"}.ti-box-model:before{content:"\ee0c"}.ti-box-model-2:before{content:"\ef23"}.ti-box-model-2-off:before{content:"\f3c9"}.ti-box-model-off:before{content:"\f3ca"}.ti-box-multiple:before{content:"\ee17"}.ti-box-multiple-0:before{content:"\ee0d"}.ti-box-multiple-1:before{content:"\ee0e"}.ti-box-multiple-2:before{content:"\ee0f"}.ti-box-multiple-3:before{content:"\ee10"}.ti-box-multiple-4:before{content:"\ee11"}.ti-box-multiple-5:before{content:"\ee12"}.ti-box-multiple-6:before{content:"\ee13"}.ti-box-multiple-7:before{content:"\ee14"}.ti-box-multiple-8:before{content:"\ee15"}.ti-box-multiple-9:before{content:"\ee16"}.ti-box-multiple-filled:before{content:"\1001f"}.ti-box-off:before{content:"\f102"}.ti-box-padding:before{content:"\ee18"}.ti-braces:before{content:"\ebcc"}.ti-braces-off:before{content:"\f0bf"}.ti-brackets:before{content:"\ebcd"}.ti-brackets-angle:before{content:"\fcb2"}.ti-brackets-angle-off:before{content:"\fcb1"}.ti-brackets-contain:before{content:"\f1e5"}.ti-brackets-contain-end:before{content:"\f1e3"}.ti-brackets-contain-start:before{content:"\f1e4"}.ti-brackets-off:before{content:"\f0c0"}.ti-braille:before{content:"\f545"}.ti-brain:before{content:"\f59f"}.ti-brand-4chan:before{content:"\f494"}.ti-brand-abstract:before{content:"\f495"}.ti-brand-adobe:before{content:"\f0dc"}.ti-brand-adobe-after-effect:before{content:"\ff2a"}.ti-brand-adobe-illustrator:before{content:"\ff29"}.ti-brand-adobe-indesign:before{content:"\ff28"}.ti-brand-adobe-photoshop:before{content:"\ff27"}.ti-brand-adobe-premier:before{content:"\ff26"}.ti-brand-adobe-xd:before{content:"\ff25"}.ti-brand-adonis-js:before{content:"\f496"}.ti-brand-airbnb:before{content:"\ed68"}.ti-brand-airtable:before{content:"\ef6a"}.ti-brand-algolia:before{content:"\f390"}.ti-brand-alipay:before{content:"\f7a2"}.ti-brand-alpine-js:before{content:"\f324"}.ti-brand-amazon:before{content:"\f230"}.ti-brand-amd:before{content:"\f653"}.ti-brand-amie:before{content:"\ffab"}.ti-brand-amigo:before{content:"\f5f9"}.ti-brand-among-us:before{content:"\f205"}.ti-brand-android:before{content:"\ec16"}.ti-brand-angular:before{content:"\ef6b"}.ti-brand-angular-filled:before{content:"\10095"}.ti-brand-ansible:before{content:"\fa70"}.ti-brand-ao3:before{content:"\f5e8"}.ti-brand-appgallery:before{content:"\f231"}.ti-brand-apple:before{content:"\ec17"}.ti-brand-apple-arcade:before{content:"\ed69"}.ti-brand-apple-filled:before{content:"\fd74"}.ti-brand-apple-news:before{content:"\ff24"}.ti-brand-apple-podcast:before{content:"\f1e6"}.ti-brand-appstore:before{content:"\ed24"}.ti-brand-arc:before{content:"\feae"}.ti-brand-asana:before{content:"\edc5"}.ti-brand-astro:before{content:"\fdb9"}.ti-brand-auth0:before{content:"\fcb3"}.ti-brand-aws:before{content:"\fa4c"}.ti-brand-azure:before{content:"\fa4d"}.ti-brand-backbone:before{content:"\f325"}.ti-brand-badoo:before{content:"\f206"}.ti-brand-baidu:before{content:"\f5e9"}.ti-brand-bandcamp:before{content:"\f207"}.ti-brand-bandlab:before{content:"\f5fa"}.ti-brand-beats:before{content:"\f208"}.ti-brand-bebo:before{content:"\ffaa"}.ti-brand-behance:before{content:"\ec6e"}.ti-brand-bilibili:before{content:"\f6d2"}.ti-brand-binance:before{content:"\f5a0"}.ti-brand-bing:before{content:"\edc6"}.ti-brand-bitbucket:before{content:"\edc7"}.ti-brand-bitbucket-filled:before{content:"\100cb"}.ti-brand-blackberry:before{content:"\f568"}.ti-brand-blender:before{content:"\f326"}.ti-brand-blogger:before{content:"\f35a"}.ti-brand-bluesky:before{content:"\fd75"}.ti-brand-booking:before{content:"\edc8"}.ti-brand-bootstrap:before{content:"\ef3e"}.ti-brand-bulma:before{content:"\f327"}.ti-brand-bumble:before{content:"\f5fb"}.ti-brand-bunpo:before{content:"\f4cf"}.ti-brand-c-sharp:before{content:"\f003"}.ti-brand-cake:before{content:"\f7a3"}.ti-brand-cakephp:before{content:"\f7af"}.ti-brand-campaignmonitor:before{content:"\f328"}.ti-brand-carbon:before{content:"\f348"}.ti-brand-cashapp:before{content:"\f391"}.ti-brand-chrome:before{content:"\ec18"}.ti-brand-cinema-4d:before{content:"\fa71"}.ti-brand-citymapper:before{content:"\f5fc"}.ti-brand-cloudflare:before{content:"\fa4e"}.ti-brand-codecov:before{content:"\f329"}.ti-brand-codepen:before{content:"\ec6f"}.ti-brand-codesandbox:before{content:"\ed6a"}.ti-brand-cohost:before{content:"\f5d5"}.ti-brand-coinbase:before{content:"\f209"}.ti-brand-comedy-central:before{content:"\f217"}.ti-brand-coreos:before{content:"\f5fd"}.ti-brand-couchdb:before{content:"\f60f"}.ti-brand-couchsurfing:before{content:"\f392"}.ti-brand-cpp:before{content:"\f5fe"}.ti-brand-craft:before{content:"\fa72"}.ti-brand-crunchbase:before{content:"\f7e3"}.ti-brand-css3:before{content:"\ed6b"}.ti-brand-ctemplar:before{content:"\f4d0"}.ti-brand-cucumber:before{content:"\ef6c"}.ti-brand-cupra:before{content:"\f4d1"}.ti-brand-cypress:before{content:"\f333"}.ti-brand-d3:before{content:"\f24e"}.ti-brand-databricks:before{content:"\fc41"}.ti-brand-days-counter:before{content:"\f4d2"}.ti-brand-dcos:before{content:"\f32a"}.ti-brand-debian:before{content:"\ef57"}.ti-brand-deezer:before{content:"\f78b"}.ti-brand-deliveroo:before{content:"\f4d3"}.ti-brand-deno:before{content:"\f24f"}.ti-brand-denodo:before{content:"\f610"}.ti-brand-deviantart:before{content:"\ecfb"}.ti-brand-digg:before{content:"\fa73"}.ti-brand-dingtalk:before{content:"\f5ea"}.ti-brand-discord:before{content:"\ece3"}.ti-brand-discord-filled:before{content:"\f7e4"}.ti-brand-disney:before{content:"\f20a"}.ti-brand-disqus:before{content:"\edc9"}.ti-brand-django:before{content:"\f349"}.ti-brand-docker:before{content:"\edca"}.ti-brand-doctrine:before{content:"\ef6d"}.ti-brand-dolby-digital:before{content:"\f4d4"}.ti-brand-douban:before{content:"\f5ff"}.ti-brand-dribbble:before{content:"\ec19"}.ti-brand-dribbble-filled:before{content:"\f7e5"}.ti-brand-dropbox:before{content:"\1018a"}.ti-brand-drops:before{content:"\f4d5"}.ti-brand-drupal:before{content:"\f393"}.ti-brand-edge:before{content:"\ecfc"}.ti-brand-elastic:before{content:"\f611"}.ti-brand-electronic-arts:before{content:"\fa74"}.ti-brand-ember:before{content:"\f497"}.ti-brand-envato:before{content:"\f394"}.ti-brand-etsy:before{content:"\f654"}.ti-brand-evernote:before{content:"\f600"}.ti-brand-facebook:before{content:"\ec1a"}.ti-brand-facebook-filled:before{content:"\f7e6"}.ti-brand-feedly:before{content:"\fa75"}.ti-brand-figma:before{content:"\ec93"}.ti-brand-filezilla:before{content:"\fa76"}.ti-brand-finder:before{content:"\f218"}.ti-brand-firebase:before{content:"\ef6e"}.ti-brand-firefox:before{content:"\ecfd"}.ti-brand-fiverr:before{content:"\f7a4"}.ti-brand-flickr:before{content:"\ecfe"}.ti-brand-flightradar24:before{content:"\f4d6"}.ti-brand-flipboard:before{content:"\f20b"}.ti-brand-flutter:before{content:"\f395"}.ti-brand-fortnite:before{content:"\f260"}.ti-brand-foursquare:before{content:"\ecff"}.ti-brand-framer:before{content:"\ec1b"}.ti-brand-framer-motion:before{content:"\f78c"}.ti-brand-funimation:before{content:"\f655"}.ti-brand-gatsby:before{content:"\f396"}.ti-brand-git:before{content:"\ef6f"}.ti-brand-github:before{content:"\ec1c"}.ti-brand-github-copilot:before{content:"\f4a8"}.ti-brand-github-filled:before{content:"\f7e7"}.ti-brand-gitlab:before{content:"\ec1d"}.ti-brand-gmail:before{content:"\efa2"}.ti-brand-golang:before{content:"\f78d"}.ti-brand-google:before{content:"\ec1f"}.ti-brand-google-analytics:before{content:"\edcb"}.ti-brand-google-big-query:before{content:"\f612"}.ti-brand-google-drive:before{content:"\ec1e"}.ti-brand-google-filled:before{content:"\fd1a"}.ti-brand-google-fit:before{content:"\f297"}.ti-brand-google-home:before{content:"\f601"}.ti-brand-google-maps:before{content:"\fa4f"}.ti-brand-google-one:before{content:"\f232"}.ti-brand-google-photos:before{content:"\f20c"}.ti-brand-google-play:before{content:"\ed25"}.ti-brand-google-podcasts:before{content:"\f656"}.ti-brand-grammarly:before{content:"\f32b"}.ti-brand-graphql:before{content:"\f32c"}.ti-brand-gravatar:before{content:"\edcc"}.ti-brand-grindr:before{content:"\f20d"}.ti-brand-guardian:before{content:"\f4fb"}.ti-brand-gumroad:before{content:"\f5d6"}.ti-brand-hackerrank:before{content:"\ff23"}.ti-brand-hbo:before{content:"\f657"}.ti-brand-headlessui:before{content:"\f32d"}.ti-brand-hexo:before{content:"\fa50"}.ti-brand-hipchat:before{content:"\edcd"}.ti-brand-html5:before{content:"\ed6c"}.ti-brand-inertia:before{content:"\f34a"}.ti-brand-instagram:before{content:"\ec20"}.ti-brand-instagram-filled:before{content:"\10094"}.ti-brand-intercom:before{content:"\f1cf"}.ti-brand-itch:before{content:"\fa22"}.ti-brand-javascript:before{content:"\ef0c"}.ti-brand-juejin:before{content:"\f7b0"}.ti-brand-kako-talk:before{content:"\fd2d"}.ti-brand-kbin:before{content:"\fad0"}.ti-brand-kick:before{content:"\fa23"}.ti-brand-kick-filled:before{content:"\10093"}.ti-brand-kickstarter:before{content:"\edce"}.ti-brand-kotlin:before{content:"\ed6d"}.ti-brand-laravel:before{content:"\f34b"}.ti-brand-lastfm:before{content:"\f001"}.ti-brand-leetcode:before{content:"\fa51"}.ti-brand-letterboxd:before{content:"\fa24"}.ti-brand-line:before{content:"\f7e8"}.ti-brand-linkedin:before{content:"\ec8c"}.ti-brand-linkedin-filled:before{content:"\10092"}.ti-brand-linktree:before{content:"\f1e7"}.ti-brand-linqpad:before{content:"\f562"}.ti-brand-livewire:before{content:"\fd76"}.ti-brand-loom:before{content:"\ef70"}.ti-brand-mailgun:before{content:"\f32e"}.ti-brand-mantine:before{content:"\f32f"}.ti-brand-mastercard:before{content:"\ef49"}.ti-brand-mastodon:before{content:"\f250"}.ti-brand-matrix:before{content:"\f5eb"}.ti-brand-mcdonalds:before{content:"\f251"}.ti-brand-medium:before{content:"\ec70"}.ti-brand-meetup:before{content:"\fc6a"}.ti-brand-mercedes:before{content:"\f072"}.ti-brand-messenger:before{content:"\ec71"}.ti-brand-messenger-filled:before{content:"\100a7"}.ti-brand-meta:before{content:"\efb0"}.ti-brand-metabrainz:before{content:"\ff12"}.ti-brand-minecraft:before{content:"\faef"}.ti-brand-miniprogram:before{content:"\f602"}.ti-brand-mixpanel:before{content:"\f397"}.ti-brand-monday:before{content:"\f219"}.ti-brand-mongodb:before{content:"\f613"}.ti-brand-my-oppo:before{content:"\f4d7"}.ti-brand-mysql:before{content:"\f614"}.ti-brand-national-geographic:before{content:"\f603"}.ti-brand-nem:before{content:"\f5a1"}.ti-brand-netbeans:before{content:"\ef71"}.ti-brand-netease-music:before{content:"\f604"}.ti-brand-netflix:before{content:"\edcf"}.ti-brand-nexo:before{content:"\f5a2"}.ti-brand-nextcloud:before{content:"\f4d8"}.ti-brand-nextjs:before{content:"\f0dd"}.ti-brand-nodejs:before{content:"\fae0"}.ti-brand-nord-vpn:before{content:"\f37f"}.ti-brand-notion:before{content:"\ef7b"}.ti-brand-npm:before{content:"\f569"}.ti-brand-nuxt:before{content:"\f0de"}.ti-brand-nytimes:before{content:"\ef8d"}.ti-brand-oauth:before{content:"\fa52"}.ti-brand-office:before{content:"\f398"}.ti-brand-ok-ru:before{content:"\f399"}.ti-brand-onedrive:before{content:"\f5d7"}.ti-brand-onlyfans:before{content:"\f605"}.ti-brand-open-source:before{content:"\edd0"}.ti-brand-open-source-filled:before{content:"\10091"}.ti-brand-openai:before{content:"\f78e"}.ti-brand-openvpn:before{content:"\f39a"}.ti-brand-opera:before{content:"\ec21"}.ti-brand-opera-filled:before{content:"\10090"}.ti-brand-pagekit:before{content:"\edd1"}.ti-brand-parsinta:before{content:"\fc42"}.ti-brand-patreon:before{content:"\edd2"}.ti-brand-patreon-filled:before{content:"\fcff"}.ti-brand-paypal:before{content:"\ec22"}.ti-brand-paypal-filled:before{content:"\f7e9"}.ti-brand-paypay:before{content:"\f5ec"}.ti-brand-peanut:before{content:"\f39b"}.ti-brand-pepsi:before{content:"\f261"}.ti-brand-php:before{content:"\ef72"}.ti-brand-picsart:before{content:"\f4d9"}.ti-brand-pinterest:before{content:"\ec8d"}.ti-brand-pinterest-filled:before{content:"\1008f"}.ti-brand-planetscale:before{content:"\f78f"}.ti-brand-pnpm:before{content:"\fd77"}.ti-brand-pocket:before{content:"\ed00"}.ti-brand-polymer:before{content:"\f498"}.ti-brand-powershell:before{content:"\f5ed"}.ti-brand-printables:before{content:"\fd1b"}.ti-brand-prisma:before{content:"\f499"}.ti-brand-producthunt:before{content:"\edd3"}.ti-brand-pushbullet:before{content:"\f330"}.ti-brand-pushover:before{content:"\f20e"}.ti-brand-python:before{content:"\ed01"}.ti-brand-qq:before{content:"\f606"}.ti-brand-radix-ui:before{content:"\f790"}.ti-brand-react:before{content:"\f34c"}.ti-brand-react-native:before{content:"\ef73"}.ti-brand-reason:before{content:"\f49a"}.ti-brand-reddit:before{content:"\ec8e"}.ti-brand-redhat:before{content:"\f331"}.ti-brand-redux:before{content:"\f3a8"}.ti-brand-revolut:before{content:"\f4da"}.ti-brand-rumble:before{content:"\fad1"}.ti-brand-rust:before{content:"\fa53"}.ti-brand-safari:before{content:"\ec23"}.ti-brand-samsungpass:before{content:"\f4db"}.ti-brand-sass:before{content:"\edd4"}.ti-brand-sentry:before{content:"\edd5"}.ti-brand-sharik:before{content:"\f4dc"}.ti-brand-shazam:before{content:"\edd6"}.ti-brand-shopee:before{content:"\f252"}.ti-brand-sketch:before{content:"\ec24"}.ti-brand-sketch-filled:before{content:"\1008e"}.ti-brand-skype:before{content:"\ed02"}.ti-brand-slack:before{content:"\ec72"}.ti-brand-snapchat:before{content:"\ec25"}.ti-brand-snapchat-filled:before{content:"\1008d"}.ti-brand-snapseed:before{content:"\f253"}.ti-brand-snowflake:before{content:"\f615"}.ti-brand-socket-io:before{content:"\f49b"}.ti-brand-solidjs:before{content:"\f5ee"}.ti-brand-soundcloud:before{content:"\ed6e"}.ti-brand-spacehey:before{content:"\f4fc"}.ti-brand-speedtest:before{content:"\fa77"}.ti-brand-spotify:before{content:"\ed03"}.ti-brand-spotify-filled:before{content:"\fe86"}.ti-brand-stackoverflow:before{content:"\ef58"}.ti-brand-stackshare:before{content:"\f607"}.ti-brand-steam:before{content:"\ed6f"}.ti-brand-steam-filled:before{content:"\1008c"}.ti-brand-stocktwits:before{content:"\fd78"}.ti-brand-storj:before{content:"\fa54"}.ti-brand-storybook:before{content:"\f332"}.ti-brand-storytel:before{content:"\f608"}.ti-brand-strava:before{content:"\f254"}.ti-brand-stripe:before{content:"\edd7"}.ti-brand-stripe-filled:before{content:"\1008b"}.ti-brand-sublime-text:before{content:"\ef74"}.ti-brand-sugarizer:before{content:"\f7a5"}.ti-brand-supabase:before{content:"\f6d3"}.ti-brand-superhuman:before{content:"\f50c"}.ti-brand-supernova:before{content:"\f49c"}.ti-brand-surfshark:before{content:"\f255"}.ti-brand-svelte:before{content:"\f0df"}.ti-brand-swift:before{content:"\fa55"}.ti-brand-symfony:before{content:"\f616"}.ti-brand-tabler:before{content:"\ec8f"}.ti-brand-tabler-filled:before{content:"\1008a"}.ti-brand-tailwind:before{content:"\eca1"}.ti-brand-taobao:before{content:"\f5ef"}.ti-brand-teams:before{content:"\fadf"}.ti-brand-ted:before{content:"\f658"}.ti-brand-telegram:before{content:"\ec26"}.ti-brand-terraform:before{content:"\fa56"}.ti-brand-tesla:before{content:"\10099"}.ti-brand-tether:before{content:"\f5a3"}.ti-brand-thingiverse:before{content:"\fd1c"}.ti-brand-threads:before{content:"\fb02"}.ti-brand-threejs:before{content:"\f5f0"}.ti-brand-tidal:before{content:"\ed70"}.ti-brand-tiktok:before{content:"\ec73"}.ti-brand-tiktok-filled:before{content:"\f7ea"}.ti-brand-tinder:before{content:"\ed71"}.ti-brand-tinder-filled:before{content:"\10089"}.ti-brand-topbuzz:before{content:"\f50d"}.ti-brand-torchain:before{content:"\f5a4"}.ti-brand-toyota:before{content:"\f262"}.ti-brand-trello:before{content:"\f39d"}.ti-brand-tripadvisor:before{content:"\f002"}.ti-brand-tumblr:before{content:"\ed04"}.ti-brand-tumblr-filled:before{content:"\10088"}.ti-brand-twilio:before{content:"\f617"}.ti-brand-twitch:before{content:"\ed05"}.ti-brand-twitter:before{content:"\ec27"}.ti-brand-twitter-filled:before{content:"\f7eb"}.ti-brand-typescript:before{content:"\f5f1"}.ti-brand-uber:before{content:"\ef75"}.ti-brand-ubuntu:before{content:"\ef59"}.ti-brand-unity:before{content:"\f49d"}.ti-brand-unsplash:before{content:"\edd8"}.ti-brand-upwork:before{content:"\f39e"}.ti-brand-valorant:before{content:"\f39f"}.ti-brand-vercel:before{content:"\ef24"}.ti-brand-vercel-filled:before{content:"\10087"}.ti-brand-vimeo:before{content:"\ed06"}.ti-brand-vimeo-filled:before{content:"\10086"}.ti-brand-vinted:before{content:"\f20f"}.ti-brand-visa:before{content:"\f380"}.ti-brand-visual-studio:before{content:"\ef76"}.ti-brand-vite:before{content:"\f5f2"}.ti-brand-vivaldi:before{content:"\f210"}.ti-brand-vk:before{content:"\ed72"}.ti-brand-vlc:before{content:"\fa78"}.ti-brand-volkswagen:before{content:"\f50e"}.ti-brand-vsco:before{content:"\f334"}.ti-brand-vscode:before{content:"\f3a0"}.ti-brand-vue:before{content:"\f0e0"}.ti-brand-walmart:before{content:"\f211"}.ti-brand-waze:before{content:"\f5d8"}.ti-brand-webflow:before{content:"\f2d2"}.ti-brand-wechat:before{content:"\f5f3"}.ti-brand-weibo:before{content:"\f609"}.ti-brand-weibo-filled:before{content:"\100a6"}.ti-brand-whatsapp:before{content:"\ec74"}.ti-brand-whatsapp-filled:before{content:"\10085"}.ti-brand-wikipedia:before{content:"\fa79"}.ti-brand-windows:before{content:"\ecd8"}.ti-brand-windows-filled:before{content:"\10084"}.ti-brand-windy:before{content:"\f4dd"}.ti-brand-wish:before{content:"\f212"}.ti-brand-wix:before{content:"\f3a1"}.ti-brand-wordpress:before{content:"\f2d3"}.ti-brand-x:before{content:"\fc0f"}.ti-brand-x-filled:before{content:"\fc21"}.ti-brand-xamarin:before{content:"\fa7a"}.ti-brand-xbox:before{content:"\f298"}.ti-brand-xdeep:before{content:"\fc10"}.ti-brand-xing:before{content:"\f21a"}.ti-brand-yahoo:before{content:"\ed73"}.ti-brand-yandex:before{content:"\fae1"}.ti-brand-yarn:before{content:"\fd79"}.ti-brand-yatse:before{content:"\f213"}.ti-brand-ycombinator:before{content:"\edd9"}.ti-brand-youtube:before{content:"\ec90"}.ti-brand-youtube-filled:before{content:"\fc22"}.ti-brand-youtube-kids:before{content:"\f214"}.ti-brand-zalando:before{content:"\f49e"}.ti-brand-zapier:before{content:"\f49f"}.ti-brand-zeit:before{content:"\f335"}.ti-brand-zhihu:before{content:"\f60a"}.ti-brand-zoom:before{content:"\f215"}.ti-brand-zulip:before{content:"\f4de"}.ti-brand-zwift:before{content:"\f216"}.ti-bread:before{content:"\efa3"}.ti-bread-filled:before{content:"\fe85"}.ti-bread-off:before{content:"\f3cb"}.ti-briefcase:before{content:"\ea46"}.ti-briefcase-2:before{content:"\fb03"}.ti-briefcase-2-filled:before{content:"\fe84"}.ti-briefcase-filled:before{content:"\fd00"}.ti-briefcase-off:before{content:"\f3cc"}.ti-brightness:before{content:"\eb7f"}.ti-brightness-2:before{content:"\ee19"}.ti-brightness-auto:before{content:"\fd99"}.ti-brightness-auto-filled:before{content:"\fe83"}.ti-brightness-down:before{content:"\eb7d"}.ti-brightness-down-filled:before{content:"\fb23"}.ti-brightness-filled:before{content:"\fe82"}.ti-brightness-half:before{content:"\ee1a"}.ti-brightness-off:before{content:"\f3cd"}.ti-brightness-up:before{content:"\eb7e"}.ti-brightness-up-filled:before{content:"\fb24"}.ti-broadcast:before{content:"\f1e9"}.ti-broadcast-off:before{content:"\f1e8"}.ti-browser:before{content:"\ebb7"}.ti-browser-check:before{content:"\efd6"}.ti-browser-maximize:before{content:"\100b0"}.ti-browser-minus:before{content:"\100af"}.ti-browser-off:before{content:"\f0c1"}.ti-browser-plus:before{content:"\efd7"}.ti-browser-share:before{content:"\100ae"}.ti-browser-x:before{content:"\efd8"}.ti-brush:before{content:"\ebb8"}.ti-brush-off:before{content:"\f0c2"}.ti-bubble:before{content:"\feba"}.ti-bubble-filled:before{content:"\fec3"}.ti-bubble-minus:before{content:"\febe"}.ti-bubble-plus:before{content:"\febd"}.ti-bubble-tea:before{content:"\ff51"}.ti-bubble-tea-2:before{content:"\ff52"}.ti-bubble-text:before{content:"\febc"}.ti-bubble-text-filled:before{content:"\100a5"}.ti-bubble-x:before{content:"\febb"}.ti-bucket:before{content:"\ea47"}.ti-bucket-droplet:before{content:"\f56a"}.ti-bucket-off:before{content:"\f103"}.ti-bug:before{content:"\ea48"}.ti-bug-filled:before{content:"\fd01"}.ti-bug-off:before{content:"\f0c3"}.ti-building:before{content:"\ea4f"}.ti-building-airport:before{content:"\ffa9"}.ti-building-arch:before{content:"\ea49"}.ti-building-bank:before{content:"\ebe2"}.ti-building-bridge:before{content:"\ea4b"}.ti-building-bridge-2:before{content:"\ea4a"}.ti-building-bridge-2-filled:before{content:"\10189"}.ti-building-broadcast-tower:before{content:"\f4be"}.ti-building-broadcast-tower-filled:before{content:"\fe81"}.ti-building-burj-al-arab:before{content:"\ff50"}.ti-building-carousel:before{content:"\ed87"}.ti-building-castle:before{content:"\ed88"}.ti-building-church:before{content:"\ea4c"}.ti-building-circus:before{content:"\f4bf"}.ti-building-cog:before{content:"\10062"}.ti-building-community:before{content:"\ebf6"}.ti-building-cottage:before{content:"\ee1b"}.ti-building-estate:before{content:"\f5a5"}.ti-building-factory:before{content:"\ee1c"}.ti-building-factory-2:before{content:"\f082"}.ti-building-fortress:before{content:"\ed89"}.ti-building-hospital:before{content:"\ea4d"}.ti-building-lighthouse:before{content:"\ed8a"}.ti-building-minus:before{content:"\10061"}.ti-building-monument:before{content:"\ed26"}.ti-building-mosque:before{content:"\fa57"}.ti-building-off:before{content:"\fefd"}.ti-building-pavilion:before{content:"\ebf7"}.ti-building-plus:before{content:"\10060"}.ti-building-skyscraper:before{content:"\ec39"}.ti-building-stadium:before{content:"\f641"}.ti-building-store:before{content:"\ea4e"}.ti-building-tunnel:before{content:"\f5a6"}.ti-building-warehouse:before{content:"\ebe3"}.ti-building-wind-turbine:before{content:"\f4c0"}.ti-buildings:before{content:"\ff40"}.ti-bulb:before{content:"\ea51"}.ti-bulb-filled:before{content:"\f66a"}.ti-bulb-off:before{content:"\ea50"}.ti-bulldozer:before{content:"\ee1d"}.ti-burger:before{content:"\fcb4"}.ti-bus:before{content:"\ebe4"}.ti-bus-filled:before{content:"\100ff"}.ti-bus-off:before{content:"\f3ce"}.ti-bus-stop:before{content:"\f2d4"}.ti-businessplan:before{content:"\ee1e"}.ti-butterfly:before{content:"\efd9"}.ti-butterfly-filled:before{content:"\10016"}.ti-cactus:before{content:"\f21b"}.ti-cactus-filled:before{content:"\fb25"}.ti-cactus-off:before{content:"\f3cf"}.ti-cake:before{content:"\f00f"}.ti-cake-off:before{content:"\f104"}.ti-cake-roll:before{content:"\100bd"}.ti-calculator:before{content:"\eb80"}.ti-calculator-filled:before{content:"\fb26"}.ti-calculator-off:before{content:"\f0c4"}.ti-calendar:before{content:"\ea53"}.ti-calendar-bolt:before{content:"\f822"}.ti-calendar-cancel:before{content:"\f823"}.ti-calendar-check:before{content:"\f824"}.ti-calendar-clock:before{content:"\fd2e"}.ti-calendar-code:before{content:"\f825"}.ti-calendar-cog:before{content:"\f826"}.ti-calendar-dollar:before{content:"\f827"}.ti-calendar-dot:before{content:"\fd3e"}.ti-calendar-down:before{content:"\f828"}.ti-calendar-due:before{content:"\f621"}.ti-calendar-event:before{content:"\ea52"}.ti-calendar-event-filled:before{content:"\100b9"}.ti-calendar-exclamation:before{content:"\f829"}.ti-calendar-filled:before{content:"\fb27"}.ti-calendar-heart:before{content:"\f82a"}.ti-calendar-minus:before{content:"\ebb9"}.ti-calendar-month:before{content:"\fd2f"}.ti-calendar-month-filled:before{content:"\100b8"}.ti-calendar-off:before{content:"\ee1f"}.ti-calendar-pause:before{content:"\f82b"}.ti-calendar-pin:before{content:"\f82c"}.ti-calendar-plus:before{content:"\ebba"}.ti-calendar-question:before{content:"\f82d"}.ti-calendar-repeat:before{content:"\fad2"}.ti-calendar-sad:before{content:"\fd1d"}.ti-calendar-search:before{content:"\f82e"}.ti-calendar-share:before{content:"\f82f"}.ti-calendar-smile:before{content:"\fd1e"}.ti-calendar-star:before{content:"\f830"}.ti-calendar-stats:before{content:"\ee20"}.ti-calendar-time:before{content:"\ee21"}.ti-calendar-up:before{content:"\f831"}.ti-calendar-user:before{content:"\fd1f"}.ti-calendar-week:before{content:"\fd30"}.ti-calendar-week-filled:before{content:"\100b7"}.ti-calendar-x:before{content:"\f832"}.ti-camera:before{content:"\ea54"}.ti-camera-ai:before{content:"\ffa8"}.ti-camera-bitcoin:before{content:"\ffa7"}.ti-camera-bolt:before{content:"\f833"}.ti-camera-cancel:before{content:"\f834"}.ti-camera-check:before{content:"\f835"}.ti-camera-code:before{content:"\f836"}.ti-camera-cog:before{content:"\f837"}.ti-camera-dollar:before{content:"\f838"}.ti-camera-down:before{content:"\f839"}.ti-camera-exclamation:before{content:"\f83a"}.ti-camera-filled:before{content:"\fa37"}.ti-camera-heart:before{content:"\f83b"}.ti-camera-minus:before{content:"\ec3a"}.ti-camera-moon:before{content:"\ffa6"}.ti-camera-off:before{content:"\ecee"}.ti-camera-pause:before{content:"\f83c"}.ti-camera-pin:before{content:"\f83d"}.ti-camera-plus:before{content:"\ec3b"}.ti-camera-question:before{content:"\f83e"}.ti-camera-rotate:before{content:"\ee22"}.ti-camera-search:before{content:"\f83f"}.ti-camera-selfie:before{content:"\ee23"}.ti-camera-share:before{content:"\f840"}.ti-camera-spark:before{content:"\ffbc"}.ti-camera-star:before{content:"\f841"}.ti-camera-up:before{content:"\f842"}.ti-camera-x:before{content:"\f843"}.ti-camper:before{content:"\fa25"}.ti-campfire:before{content:"\f5a7"}.ti-campfire-filled:before{content:"\fb28"}.ti-cancel:before{content:"\ff11"}.ti-candle:before{content:"\efc6"}.ti-candle-filled:before{content:"\fc23"}.ti-candy:before{content:"\ef0d"}.ti-candy-off:before{content:"\f0c5"}.ti-cane:before{content:"\f50f"}.ti-cannabis:before{content:"\f4c1"}.ti-cannabis-filled:before{content:"\10015"}.ti-cap-projecting:before{content:"\ff22"}.ti-cap-rounded:before{content:"\ff21"}.ti-cap-straight:before{content:"\ff20"}.ti-capsule:before{content:"\fae3"}.ti-capsule-filled:before{content:"\fc24"}.ti-capsule-horizontal:before{content:"\fae2"}.ti-capsule-horizontal-filled:before{content:"\fc25"}.ti-capture:before{content:"\ec3c"}.ti-capture-filled:before{content:"\fb29"}.ti-capture-off:before{content:"\f0c6"}.ti-car:before{content:"\ebbb"}.ti-car-4wd:before{content:"\fdb8"}.ti-car-4wd-filled:before{content:"\1001e"}.ti-car-crane:before{content:"\ef25"}.ti-car-crane-filled:before{content:"\100fe"}.ti-car-crash:before{content:"\efa4"}.ti-car-fan:before{content:"\fdb3"}.ti-car-fan-1:before{content:"\fdb7"}.ti-car-fan-2:before{content:"\fdb6"}.ti-car-fan-3:before{content:"\fdb5"}.ti-car-fan-auto:before{content:"\fdb4"}.ti-car-fan-filled:before{content:"\1001d"}.ti-car-filled:before{content:"\1004c"}.ti-car-garage:before{content:"\fc77"}.ti-car-off:before{content:"\f0c7"}.ti-car-suv:before{content:"\fc8b"}.ti-car-suv-filled:before{content:"\1004d"}.ti-car-turbine:before{content:"\f4fd"}.ti-carambola:before{content:"\feb9"}.ti-carambola-filled:before{content:"\10014"}.ti-caravan:before{content:"\ec7c"}.ti-caravan-filled:before{content:"\100fd"}.ti-cardboards:before{content:"\ed74"}.ti-cardboards-filled:before{content:"\1001c"}.ti-cardboards-off:before{content:"\f0c8"}.ti-cards:before{content:"\f510"}.ti-cards-filled:before{content:"\fc26"}.ti-caret-down:before{content:"\eb5d"}.ti-caret-down-filled:before{content:"\fb2a"}.ti-caret-left:before{content:"\eb5e"}.ti-caret-left-filled:before{content:"\fb2b"}.ti-caret-left-right:before{content:"\fc43"}.ti-caret-left-right-filled:before{content:"\fd02"}.ti-caret-right:before{content:"\eb5f"}.ti-caret-right-filled:before{content:"\fb2c"}.ti-caret-up:before{content:"\eb60"}.ti-caret-up-down:before{content:"\fc44"}.ti-caret-up-down-filled:before{content:"\fd03"}.ti-caret-up-filled:before{content:"\fb2d"}.ti-carousel-horizontal:before{content:"\f659"}.ti-carousel-horizontal-filled:before{content:"\fa92"}.ti-carousel-vertical:before{content:"\f65a"}.ti-carousel-vertical-filled:before{content:"\fa93"}.ti-carrot:before{content:"\f21c"}.ti-carrot-off:before{content:"\f3d0"}.ti-cash:before{content:"\ea55"}.ti-cash-banknote:before{content:"\ee25"}.ti-cash-banknote-edit:before{content:"\10149"}.ti-cash-banknote-filled:before{content:"\fe80"}.ti-cash-banknote-heart:before{content:"\10148"}.ti-cash-banknote-minus:before{content:"\10147"}.ti-cash-banknote-move:before{content:"\10145"}.ti-cash-banknote-move-back:before{content:"\10146"}.ti-cash-banknote-off:before{content:"\ee24"}.ti-cash-banknote-plus:before{content:"\10144"}.ti-cash-edit:before{content:"\10143"}.ti-cash-heart:before{content:"\10142"}.ti-cash-minus:before{content:"\10141"}.ti-cash-move:before{content:"\1013f"}.ti-cash-move-back:before{content:"\10140"}.ti-cash-off:before{content:"\f105"}.ti-cash-plus:before{content:"\1013e"}.ti-cash-register:before{content:"\fee6"}.ti-cast:before{content:"\ea56"}.ti-cast-off:before{content:"\f0c9"}.ti-cat:before{content:"\f65b"}.ti-category:before{content:"\f1f6"}.ti-category-2:before{content:"\f1f5"}.ti-category-filled:before{content:"\fb2e"}.ti-category-minus:before{content:"\fd20"}.ti-category-plus:before{content:"\fd21"}.ti-ce:before{content:"\ed75"}.ti-ce-off:before{content:"\f0ca"}.ti-cell:before{content:"\f05f"}.ti-cell-signal-1:before{content:"\f083"}.ti-cell-signal-2:before{content:"\f084"}.ti-cell-signal-3:before{content:"\f085"}.ti-cell-signal-4:before{content:"\f086"}.ti-cell-signal-5:before{content:"\f087"}.ti-cell-signal-off:before{content:"\f088"}.ti-certificate:before{content:"\ed76"}.ti-certificate-2:before{content:"\f073"}.ti-certificate-2-off:before{content:"\f0cb"}.ti-certificate-off:before{content:"\f0cc"}.ti-chair-director:before{content:"\f2d5"}.ti-chalkboard:before{content:"\f34d"}.ti-chalkboard-off:before{content:"\f3d1"}.ti-chalkboard-teacher:before{content:"\10160"}.ti-charging-pile:before{content:"\ee26"}.ti-charging-pile-filled:before{content:"\1001b"}.ti-chart-arcs:before{content:"\ee28"}.ti-chart-arcs-3:before{content:"\ee27"}.ti-chart-area:before{content:"\ea58"}.ti-chart-area-filled:before{content:"\f66b"}.ti-chart-area-line:before{content:"\ea57"}.ti-chart-area-line-filled:before{content:"\f66c"}.ti-chart-arrows:before{content:"\ee2a"}.ti-chart-arrows-vertical:before{content:"\ee29"}.ti-chart-bar:before{content:"\ea59"}.ti-chart-bar-off:before{content:"\f3d2"}.ti-chart-bar-popular:before{content:"\fef7"}.ti-chart-bubble:before{content:"\ec75"}.ti-chart-bubble-filled:before{content:"\f66d"}.ti-chart-candle:before{content:"\ea5a"}.ti-chart-candle-filled:before{content:"\f66e"}.ti-chart-circles:before{content:"\ee2b"}.ti-chart-cohort:before{content:"\fef6"}.ti-chart-column:before{content:"\ffa5"}.ti-chart-covariate:before{content:"\ffa4"}.ti-chart-donut:before{content:"\ea5b"}.ti-chart-donut-2:before{content:"\ee2c"}.ti-chart-donut-3:before{content:"\ee2d"}.ti-chart-donut-4:before{content:"\ee2e"}.ti-chart-donut-filled:before{content:"\f66f"}.ti-chart-dots:before{content:"\ee2f"}.ti-chart-dots-2:before{content:"\f097"}.ti-chart-dots-2-filled:before{content:"\100dd"}.ti-chart-dots-3:before{content:"\f098"}.ti-chart-dots-3-filled:before{content:"\100dc"}.ti-chart-dots-filled:before{content:"\fd04"}.ti-chart-funnel:before{content:"\fef5"}.ti-chart-funnel-filled:before{content:"\100db"}.ti-chart-grid-dots:before{content:"\f4c2"}.ti-chart-grid-dots-filled:before{content:"\fd05"}.ti-chart-histogram:before{content:"\f65c"}.ti-chart-infographic:before{content:"\ee30"}.ti-chart-line:before{content:"\ea5c"}.ti-chart-pie:before{content:"\ea5d"}.ti-chart-pie-2:before{content:"\ee31"}.ti-chart-pie-2-filled:before{content:"\100da"}.ti-chart-pie-3:before{content:"\ee32"}.ti-chart-pie-3-filled:before{content:"\100d9"}.ti-chart-pie-4:before{content:"\ee33"}.ti-chart-pie-4-filled:before{content:"\100d8"}.ti-chart-pie-filled:before{content:"\f670"}.ti-chart-pie-off:before{content:"\f3d3"}.ti-chart-ppf:before{content:"\f618"}.ti-chart-radar:before{content:"\ed77"}.ti-chart-sankey:before{content:"\f619"}.ti-chart-scatter:before{content:"\fd93"}.ti-chart-scatter-3d:before{content:"\fd92"}.ti-chart-treemap:before{content:"\f381"}.ti-check:before{content:"\ea5e"}.ti-checkbox:before{content:"\eba6"}.ti-checklist:before{content:"\f074"}.ti-checks:before{content:"\ebaa"}.ti-checkup-list:before{content:"\ef5a"}.ti-cheese:before{content:"\ef26"}.ti-chef-hat:before{content:"\f21d"}.ti-chef-hat-filled:before{content:"\100d7"}.ti-chef-hat-off:before{content:"\f3d4"}.ti-cherry:before{content:"\f511"}.ti-cherry-filled:before{content:"\f728"}.ti-chess:before{content:"\f382"}.ti-chess-bishop:before{content:"\f56b"}.ti-chess-bishop-filled:before{content:"\f729"}.ti-chess-filled:before{content:"\f72a"}.ti-chess-king:before{content:"\f56c"}.ti-chess-king-filled:before{content:"\f72b"}.ti-chess-knight:before{content:"\f56d"}.ti-chess-knight-filled:before{content:"\f72c"}.ti-chess-queen:before{content:"\f56e"}.ti-chess-queen-filled:before{content:"\f72d"}.ti-chess-rook:before{content:"\f56f"}.ti-chess-rook-filled:before{content:"\f72e"}.ti-chevron-compact-down:before{content:"\faf0"}.ti-chevron-compact-left:before{content:"\faf1"}.ti-chevron-compact-right:before{content:"\faf2"}.ti-chevron-compact-up:before{content:"\faf3"}.ti-chevron-down:before{content:"\ea5f"}.ti-chevron-down-left:before{content:"\ed09"}.ti-chevron-down-right:before{content:"\ed0a"}.ti-chevron-left:before{content:"\ea60"}.ti-chevron-left-pipe:before{content:"\fae4"}.ti-chevron-right:before{content:"\ea61"}.ti-chevron-right-pipe:before{content:"\fae5"}.ti-chevron-up:before{content:"\ea62"}.ti-chevron-up-left:before{content:"\ed0b"}.ti-chevron-up-right:before{content:"\ed0c"}.ti-chevrons-down:before{content:"\ea63"}.ti-chevrons-down-left:before{content:"\ed0d"}.ti-chevrons-down-right:before{content:"\ed0e"}.ti-chevrons-left:before{content:"\ea64"}.ti-chevrons-right:before{content:"\ea65"}.ti-chevrons-up:before{content:"\ea66"}.ti-chevrons-up-left:before{content:"\ed0f"}.ti-chevrons-up-right:before{content:"\ed10"}.ti-chisel:before{content:"\f383"}.ti-christmas-ball:before{content:"\fd31"}.ti-christmas-tree:before{content:"\ed78"}.ti-christmas-tree-filled:before{content:"\1001a"}.ti-christmas-tree-off:before{content:"\f3d5"}.ti-circle:before{content:"\ea6b"}.ti-circle-arrow-down:before{content:"\f6f9"}.ti-circle-arrow-down-filled:before{content:"\f6f4"}.ti-circle-arrow-down-left:before{content:"\f6f6"}.ti-circle-arrow-down-left-filled:before{content:"\f6f5"}.ti-circle-arrow-down-right:before{content:"\f6f8"}.ti-circle-arrow-down-right-filled:before{content:"\f6f7"}.ti-circle-arrow-left:before{content:"\f6fb"}.ti-circle-arrow-left-filled:before{content:"\f6fa"}.ti-circle-arrow-right:before{content:"\f6fd"}.ti-circle-arrow-right-filled:before{content:"\f6fc"}.ti-circle-arrow-up:before{content:"\f703"}.ti-circle-arrow-up-filled:before{content:"\f6fe"}.ti-circle-arrow-up-left:before{content:"\f700"}.ti-circle-arrow-up-left-filled:before{content:"\f6ff"}.ti-circle-arrow-up-right:before{content:"\f702"}.ti-circle-arrow-up-right-filled:before{content:"\f701"}.ti-circle-caret-down:before{content:"\f4a9"}.ti-circle-caret-down-filled:before{content:"\100d6"}.ti-circle-caret-left:before{content:"\f4aa"}.ti-circle-caret-left-filled:before{content:"\100d5"}.ti-circle-caret-right:before{content:"\f4ab"}.ti-circle-caret-right-filled:before{content:"\100d4"}.ti-circle-caret-up:before{content:"\f4ac"}.ti-circle-caret-up-filled:before{content:"\100d3"}.ti-circle-check:before{content:"\ea67"}.ti-circle-check-filled:before{content:"\f704"}.ti-circle-chevron-down:before{content:"\f622"}.ti-circle-chevron-down-filled:before{content:"\100d2"}.ti-circle-chevron-left:before{content:"\f623"}.ti-circle-chevron-left-filled:before{content:"\100d1"}.ti-circle-chevron-right:before{content:"\f624"}.ti-circle-chevron-right-filled:before{content:"\100d0"}.ti-circle-chevron-up:before{content:"\f625"}.ti-circle-chevron-up-filled:before{content:"\100cf"}.ti-circle-chevrons-down:before{content:"\f642"}.ti-circle-chevrons-down-filled:before{content:"\100ef"}.ti-circle-chevrons-left:before{content:"\f643"}.ti-circle-chevrons-left-filled:before{content:"\100ee"}.ti-circle-chevrons-right:before{content:"\f644"}.ti-circle-chevrons-right-filled:before{content:"\100ed"}.ti-circle-chevrons-up:before{content:"\f645"}.ti-circle-chevrons-up-filled:before{content:"\100ec"}.ti-circle-dashed:before{content:"\ed27"}.ti-circle-dashed-check:before{content:"\feb8"}.ti-circle-dashed-letter-a:before{content:"\ff9a"}.ti-circle-dashed-letter-b:before{content:"\ff99"}.ti-circle-dashed-letter-c:before{content:"\ff98"}.ti-circle-dashed-letter-d:before{content:"\ff97"}.ti-circle-dashed-letter-e:before{content:"\ff96"}.ti-circle-dashed-letter-f:before{content:"\ff95"}.ti-circle-dashed-letter-g:before{content:"\ff94"}.ti-circle-dashed-letter-h:before{content:"\ff93"}.ti-circle-dashed-letter-i:before{content:"\ff92"}.ti-circle-dashed-letter-j:before{content:"\ff91"}.ti-circle-dashed-letter-k:before{content:"\ff90"}.ti-circle-dashed-letter-l:before{content:"\ff8f"}.ti-circle-dashed-letter-m:before{content:"\ff8d"}.ti-circle-dashed-letter-n:before{content:"\ff8c"}.ti-circle-dashed-letter-o:before{content:"\ff8b"}.ti-circle-dashed-letter-p:before{content:"\ff8a"}.ti-circle-dashed-letter-q:before{content:"\ff89"}.ti-circle-dashed-letter-r:before{content:"\ff88"}.ti-circle-dashed-letter-s:before{content:"\ff87"}.ti-circle-dashed-letter-t:before{content:"\ff86"}.ti-circle-dashed-letter-u:before{content:"\ff85"}.ti-circle-dashed-letter-v:before{content:"\ff84"}.ti-circle-dashed-letter-w:before{content:"\ff83"}.ti-circle-dashed-letter-x:before{content:"\ff82"}.ti-circle-dashed-letter-y:before{content:"\ff81"}.ti-circle-dashed-letter-z:before{content:"\ff80"}.ti-circle-dashed-minus:before{content:"\feb7"}.ti-circle-dashed-number-0:before{content:"\fc6b"}.ti-circle-dashed-number-1:before{content:"\fc6c"}.ti-circle-dashed-number-2:before{content:"\fc6d"}.ti-circle-dashed-number-3:before{content:"\fc6e"}.ti-circle-dashed-number-4:before{content:"\fc6f"}.ti-circle-dashed-number-5:before{content:"\fc70"}.ti-circle-dashed-number-6:before{content:"\fc71"}.ti-circle-dashed-number-7:before{content:"\fc72"}.ti-circle-dashed-number-8:before{content:"\fc73"}.ti-circle-dashed-number-9:before{content:"\fc74"}.ti-circle-dashed-percentage:before{content:"\fd7a"}.ti-circle-dashed-plus:before{content:"\feb6"}.ti-circle-dashed-x:before{content:"\fc75"}.ti-circle-dot:before{content:"\efb1"}.ti-circle-dot-filled:before{content:"\f705"}.ti-circle-dotted:before{content:"\ed28"}.ti-circle-dotted-letter-a:before{content:"\ff7f"}.ti-circle-dotted-letter-b:before{content:"\ff7e"}.ti-circle-dotted-letter-c:before{content:"\ff7d"}.ti-circle-dotted-letter-d:before{content:"\ff7c"}.ti-circle-dotted-letter-e:before{content:"\ff7b"}.ti-circle-dotted-letter-f:before{content:"\ff7a"}.ti-circle-dotted-letter-g:before{content:"\ff79"}.ti-circle-dotted-letter-h:before{content:"\ff78"}.ti-circle-dotted-letter-i:before{content:"\ff77"}.ti-circle-dotted-letter-j:before{content:"\ff76"}.ti-circle-dotted-letter-k:before{content:"\ff75"}.ti-circle-dotted-letter-l:before{content:"\ff74"}.ti-circle-dotted-letter-m:before{content:"\ff73"}.ti-circle-dotted-letter-n:before{content:"\ff72"}.ti-circle-dotted-letter-o:before{content:"\ff71"}.ti-circle-dotted-letter-p:before{content:"\ff70"}.ti-circle-dotted-letter-q:before{content:"\ff6f"}.ti-circle-dotted-letter-r:before{content:"\ff6e"}.ti-circle-dotted-letter-s:before{content:"\ff6d"}.ti-circle-dotted-letter-t:before{content:"\ff6c"}.ti-circle-dotted-letter-u:before{content:"\ff6b"}.ti-circle-dotted-letter-v:before{content:"\ff6a"}.ti-circle-dotted-letter-w:before{content:"\ff69"}.ti-circle-dotted-letter-x:before{content:"\ff68"}.ti-circle-dotted-letter-y:before{content:"\ff67"}.ti-circle-dotted-letter-z:before{content:"\ff66"}.ti-circle-filled:before{content:"\f671"}.ti-circle-half:before{content:"\ee3f"}.ti-circle-half-2:before{content:"\eff3"}.ti-circle-half-vertical:before{content:"\ee3e"}.ti-circle-key:before{content:"\f633"}.ti-circle-key-filled:before{content:"\f706"}.ti-circle-letter-a:before{content:"\f441"}.ti-circle-letter-a-filled:before{content:"\fe7f"}.ti-circle-letter-b:before{content:"\f442"}.ti-circle-letter-b-filled:before{content:"\fe7e"}.ti-circle-letter-c:before{content:"\f443"}.ti-circle-letter-c-filled:before{content:"\fe7d"}.ti-circle-letter-d:before{content:"\f444"}.ti-circle-letter-d-filled:before{content:"\fe7c"}.ti-circle-letter-e:before{content:"\f445"}.ti-circle-letter-e-filled:before{content:"\fe7b"}.ti-circle-letter-f:before{content:"\f446"}.ti-circle-letter-f-filled:before{content:"\fe7a"}.ti-circle-letter-g:before{content:"\f447"}.ti-circle-letter-g-filled:before{content:"\fe79"}.ti-circle-letter-h:before{content:"\f448"}.ti-circle-letter-h-filled:before{content:"\fe78"}.ti-circle-letter-i:before{content:"\f449"}.ti-circle-letter-i-filled:before{content:"\fe77"}.ti-circle-letter-j:before{content:"\f44a"}.ti-circle-letter-j-filled:before{content:"\fe76"}.ti-circle-letter-k:before{content:"\f44b"}.ti-circle-letter-k-filled:before{content:"\fe75"}.ti-circle-letter-l:before{content:"\f44c"}.ti-circle-letter-l-filled:before{content:"\fe74"}.ti-circle-letter-m:before{content:"\f44d"}.ti-circle-letter-m-filled:before{content:"\fe73"}.ti-circle-letter-n:before{content:"\f44e"}.ti-circle-letter-n-filled:before{content:"\fe72"}.ti-circle-letter-o:before{content:"\f44f"}.ti-circle-letter-o-filled:before{content:"\fe71"}.ti-circle-letter-p:before{content:"\f450"}.ti-circle-letter-p-filled:before{content:"\fe70"}.ti-circle-letter-q:before{content:"\f451"}.ti-circle-letter-q-filled:before{content:"\fe6f"}.ti-circle-letter-r:before{content:"\f452"}.ti-circle-letter-r-filled:before{content:"\fe6e"}.ti-circle-letter-s:before{content:"\f453"}.ti-circle-letter-s-filled:before{content:"\fe6d"}.ti-circle-letter-t:before{content:"\f454"}.ti-circle-letter-t-filled:before{content:"\fe6c"}.ti-circle-letter-u:before{content:"\f455"}.ti-circle-letter-u-filled:before{content:"\fe6b"}.ti-circle-letter-v:before{content:"\f4ad"}.ti-circle-letter-v-filled:before{content:"\fe6a"}.ti-circle-letter-w:before{content:"\f456"}.ti-circle-letter-w-filled:before{content:"\fe69"}.ti-circle-letter-x:before{content:"\f4ae"}.ti-circle-letter-x-filled:before{content:"\fe68"}.ti-circle-letter-y:before{content:"\f457"}.ti-circle-letter-y-filled:before{content:"\fe67"}.ti-circle-letter-z:before{content:"\f458"}.ti-circle-letter-z-filled:before{content:"\fe66"}.ti-circle-minus:before{content:"\ea68"}.ti-circle-minus-2:before{content:"\fc8c"}.ti-circle-number-0:before{content:"\ee34"}.ti-circle-number-0-filled:before{content:"\f72f"}.ti-circle-number-1:before{content:"\ee35"}.ti-circle-number-1-filled:before{content:"\f730"}.ti-circle-number-2:before{content:"\ee36"}.ti-circle-number-2-filled:before{content:"\f731"}.ti-circle-number-3:before{content:"\ee37"}.ti-circle-number-3-filled:before{content:"\f732"}.ti-circle-number-4:before{content:"\ee38"}.ti-circle-number-4-filled:before{content:"\f733"}.ti-circle-number-5:before{content:"\ee39"}.ti-circle-number-5-filled:before{content:"\f734"}.ti-circle-number-6:before{content:"\ee3a"}.ti-circle-number-6-filled:before{content:"\f735"}.ti-circle-number-7:before{content:"\ee3b"}.ti-circle-number-7-filled:before{content:"\f736"}.ti-circle-number-8:before{content:"\ee3c"}.ti-circle-number-8-filled:before{content:"\f737"}.ti-circle-number-9:before{content:"\ee3d"}.ti-circle-number-9-filled:before{content:"\f738"}.ti-circle-off:before{content:"\ee40"}.ti-circle-percentage:before{content:"\fd7b"}.ti-circle-percentage-filled:before{content:"\fed5"}.ti-circle-plus:before{content:"\ea69"}.ti-circle-plus-2:before{content:"\fc8d"}.ti-circle-plus-filled:before{content:"\fef9"}.ti-circle-rectangle:before{content:"\f010"}.ti-circle-rectangle-filled:before{content:"\ff63"}.ti-circle-rectangle-off:before{content:"\f0cd"}.ti-circle-square:before{content:"\ece4"}.ti-circle-triangle:before{content:"\f011"}.ti-circle-x:before{content:"\ea6a"}.ti-circle-x-filled:before{content:"\f739"}.ti-circles:before{content:"\ece5"}.ti-circles-filled:before{content:"\f672"}.ti-circles-relation:before{content:"\f4c3"}.ti-circuit-ammeter:before{content:"\f271"}.ti-circuit-battery:before{content:"\f272"}.ti-circuit-bulb:before{content:"\f273"}.ti-circuit-capacitor:before{content:"\f275"}.ti-circuit-capacitor-polarized:before{content:"\f274"}.ti-circuit-cell:before{content:"\f277"}.ti-circuit-cell-plus:before{content:"\f276"}.ti-circuit-changeover:before{content:"\f278"}.ti-circuit-diode:before{content:"\f27a"}.ti-circuit-diode-zener:before{content:"\f279"}.ti-circuit-ground:before{content:"\f27c"}.ti-circuit-ground-digital:before{content:"\f27b"}.ti-circuit-inductor:before{content:"\f27d"}.ti-circuit-motor:before{content:"\f27e"}.ti-circuit-pushbutton:before{content:"\f27f"}.ti-circuit-resistor:before{content:"\f280"}.ti-circuit-switch-closed:before{content:"\f281"}.ti-circuit-switch-open:before{content:"\f282"}.ti-circuit-voltmeter:before{content:"\f283"}.ti-clear-all:before{content:"\ee41"}.ti-clear-formatting:before{content:"\ebe5"}.ti-click:before{content:"\ebbc"}.ti-cliff-jumping:before{content:"\fefc"}.ti-clipboard:before{content:"\ea6f"}.ti-clipboard-check:before{content:"\ea6c"}.ti-clipboard-check-filled:before{content:"\100ce"}.ti-clipboard-copy:before{content:"\f299"}.ti-clipboard-data:before{content:"\f563"}.ti-clipboard-data-filled:before{content:"\100eb"}.ti-clipboard-filled:before{content:"\100cc"}.ti-clipboard-heart:before{content:"\f34e"}.ti-clipboard-list:before{content:"\ea6d"}.ti-clipboard-list-filled:before{content:"\100ea"}.ti-clipboard-off:before{content:"\f0ce"}.ti-clipboard-plus:before{content:"\efb2"}.ti-clipboard-plus-filled:before{content:"\10176"}.ti-clipboard-search:before{content:"\10098"}.ti-clipboard-smile:before{content:"\fd9a"}.ti-clipboard-smile-filled:before{content:"\10175"}.ti-clipboard-text:before{content:"\f089"}.ti-clipboard-text-filled:before{content:"\100e9"}.ti-clipboard-typography:before{content:"\f34f"}.ti-clipboard-typography-filled:before{content:"\100e8"}.ti-clipboard-x:before{content:"\ea6e"}.ti-clipboard-x-filled:before{content:"\100cd"}.ti-clock:before{content:"\ea70"}.ti-clock-12:before{content:"\fc56"}.ti-clock-2:before{content:"\f099"}.ti-clock-24:before{content:"\fc57"}.ti-clock-bitcoin:before{content:"\ff3f"}.ti-clock-bolt:before{content:"\f844"}.ti-clock-cancel:before{content:"\f546"}.ti-clock-check:before{content:"\f7c1"}.ti-clock-code:before{content:"\f845"}.ti-clock-cog:before{content:"\f7c2"}.ti-clock-dollar:before{content:"\f846"}.ti-clock-down:before{content:"\f7c3"}.ti-clock-edit:before{content:"\f547"}.ti-clock-exclamation:before{content:"\f847"}.ti-clock-filled:before{content:"\f73a"}.ti-clock-heart:before{content:"\f7c4"}.ti-clock-hour-1:before{content:"\f313"}.ti-clock-hour-1-filled:before{content:"\fe65"}.ti-clock-hour-10:before{content:"\f314"}.ti-clock-hour-10-filled:before{content:"\fe64"}.ti-clock-hour-11:before{content:"\f315"}.ti-clock-hour-11-filled:before{content:"\fe63"}.ti-clock-hour-12:before{content:"\f316"}.ti-clock-hour-12-filled:before{content:"\fe62"}.ti-clock-hour-2:before{content:"\f317"}.ti-clock-hour-2-filled:before{content:"\fe61"}.ti-clock-hour-3:before{content:"\f318"}.ti-clock-hour-3-filled:before{content:"\fe60"}.ti-clock-hour-4:before{content:"\f319"}.ti-clock-hour-4-filled:before{content:"\fe5f"}.ti-clock-hour-5:before{content:"\f31a"}.ti-clock-hour-5-filled:before{content:"\fe5e"}.ti-clock-hour-6:before{content:"\f31b"}.ti-clock-hour-6-filled:before{content:"\fe5d"}.ti-clock-hour-7:before{content:"\f31c"}.ti-clock-hour-7-filled:before{content:"\fe5c"}.ti-clock-hour-8:before{content:"\f31d"}.ti-clock-hour-8-filled:before{content:"\fe5b"}.ti-clock-hour-9:before{content:"\f31e"}.ti-clock-hour-9-filled:before{content:"\fe5a"}.ti-clock-minus:before{content:"\f848"}.ti-clock-off:before{content:"\f0cf"}.ti-clock-pause:before{content:"\f548"}.ti-clock-pin:before{content:"\f849"}.ti-clock-play:before{content:"\f549"}.ti-clock-plus:before{content:"\f7c5"}.ti-clock-question:before{content:"\f7c6"}.ti-clock-record:before{content:"\f54a"}.ti-clock-search:before{content:"\f7c7"}.ti-clock-share:before{content:"\f84a"}.ti-clock-shield:before{content:"\f7c8"}.ti-clock-star:before{content:"\f7c9"}.ti-clock-stop:before{content:"\f54b"}.ti-clock-up:before{content:"\f7ca"}.ti-clock-x:before{content:"\f7cb"}.ti-clothes-rack:before{content:"\f285"}.ti-clothes-rack-off:before{content:"\f3d6"}.ti-cloud:before{content:"\ea76"}.ti-cloud-bitcoin:before{content:"\ff3e"}.ti-cloud-bolt:before{content:"\f84b"}.ti-cloud-cancel:before{content:"\f84c"}.ti-cloud-check:before{content:"\f84d"}.ti-cloud-code:before{content:"\f84e"}.ti-cloud-cog:before{content:"\f84f"}.ti-cloud-computing:before{content:"\f1d0"}.ti-cloud-computing-filled:before{content:"\1010d"}.ti-cloud-data-connection:before{content:"\f1d1"}.ti-cloud-data-connection-filled:before{content:"\1010c"}.ti-cloud-dollar:before{content:"\f850"}.ti-cloud-down:before{content:"\f851"}.ti-cloud-download:before{content:"\ea71"}.ti-cloud-exclamation:before{content:"\f852"}.ti-cloud-filled:before{content:"\f673"}.ti-cloud-fog:before{content:"\ecd9"}.ti-cloud-heart:before{content:"\f853"}.ti-cloud-lock:before{content:"\efdb"}.ti-cloud-lock-open:before{content:"\efda"}.ti-cloud-minus:before{content:"\f854"}.ti-cloud-network:before{content:"\fc78"}.ti-cloud-off:before{content:"\ed3e"}.ti-cloud-pause:before{content:"\f855"}.ti-cloud-pin:before{content:"\f856"}.ti-cloud-plus:before{content:"\f857"}.ti-cloud-question:before{content:"\f858"}.ti-cloud-rain:before{content:"\ea72"}.ti-cloud-search:before{content:"\f859"}.ti-cloud-share:before{content:"\f85a"}.ti-cloud-snow:before{content:"\ea73"}.ti-cloud-star:before{content:"\f85b"}.ti-cloud-storm:before{content:"\ea74"}.ti-cloud-up:before{content:"\f85c"}.ti-cloud-upload:before{content:"\ea75"}.ti-cloud-x:before{content:"\f85d"}.ti-clover:before{content:"\f1ea"}.ti-clover-2:before{content:"\f21e"}.ti-clover-filled:before{content:"\10013"}.ti-clubs:before{content:"\eff4"}.ti-clubs-filled:before{content:"\f674"}.ti-code:before{content:"\ea77"}.ti-code-asterisk:before{content:"\f312"}.ti-code-circle:before{content:"\f4ff"}.ti-code-circle-2:before{content:"\f4fe"}.ti-code-circle-2-filled:before{content:"\fed4"}.ti-code-circle-filled:before{content:"\fed3"}.ti-code-dots:before{content:"\f61a"}.ti-code-minus:before{content:"\ee42"}.ti-code-off:before{content:"\f0d0"}.ti-code-plus:before{content:"\ee43"}.ti-code-variable:before{content:"\100ab"}.ti-code-variable-minus:before{content:"\100ad"}.ti-code-variable-plus:before{content:"\100ac"}.ti-coffee:before{content:"\ef0e"}.ti-coffee-off:before{content:"\f106"}.ti-coffin:before{content:"\f579"}.ti-coin:before{content:"\eb82"}.ti-coin-bitcoin:before{content:"\f2be"}.ti-coin-bitcoin-filled:before{content:"\fd06"}.ti-coin-euro:before{content:"\f2bf"}.ti-coin-euro-filled:before{content:"\fd07"}.ti-coin-filled:before{content:"\fd08"}.ti-coin-monero:before{content:"\f4a0"}.ti-coin-monero-filled:before{content:"\fd09"}.ti-coin-off:before{content:"\f0d1"}.ti-coin-pound:before{content:"\f2c0"}.ti-coin-pound-filled:before{content:"\fd0a"}.ti-coin-rupee:before{content:"\f2c1"}.ti-coin-rupee-filled:before{content:"\fd0b"}.ti-coin-taka:before{content:"\fd0d"}.ti-coin-taka-filled:before{content:"\fd0c"}.ti-coin-yen:before{content:"\f2c2"}.ti-coin-yen-filled:before{content:"\fd0e"}.ti-coin-yuan:before{content:"\f2c3"}.ti-coin-yuan-filled:before{content:"\fd0f"}.ti-coins:before{content:"\f65d"}.ti-color-filter:before{content:"\f5a8"}.ti-color-picker:before{content:"\ebe6"}.ti-color-picker-off:before{content:"\f0d2"}.ti-color-swatch:before{content:"\eb61"}.ti-color-swatch-off:before{content:"\f0d3"}.ti-column-insert-left:before{content:"\ee44"}.ti-column-insert-right:before{content:"\ee45"}.ti-column-remove:before{content:"\faf4"}.ti-columns:before{content:"\eb83"}.ti-columns-1:before{content:"\f6d4"}.ti-columns-1-filled:before{content:"\10188"}.ti-columns-2:before{content:"\f6d5"}.ti-columns-2-filled:before{content:"\10187"}.ti-columns-3:before{content:"\f6d6"}.ti-columns-3-filled:before{content:"\10186"}.ti-columns-off:before{content:"\f0d4"}.ti-comet:before{content:"\ec76"}.ti-command:before{content:"\ea78"}.ti-command-off:before{content:"\f3d7"}.ti-compass:before{content:"\ea79"}.ti-compass-filled:before{content:"\fd10"}.ti-compass-off:before{content:"\f0d5"}.ti-components:before{content:"\efa5"}.ti-components-off:before{content:"\f0d6"}.ti-cone:before{content:"\efdd"}.ti-cone-2:before{content:"\efdc"}.ti-cone-2-filled:before{content:"\fe59"}.ti-cone-filled:before{content:"\fe58"}.ti-cone-off:before{content:"\f3d8"}.ti-cone-plus:before{content:"\fa94"}.ti-confetti:before{content:"\ee46"}.ti-confetti-filled:before{content:"\10185"}.ti-confetti-off:before{content:"\f3d9"}.ti-confucius:before{content:"\f58a"}.ti-congruent-to:before{content:"\ffa3"}.ti-container:before{content:"\ee47"}.ti-container-filled:before{content:"\10184"}.ti-container-off:before{content:"\f107"}.ti-contract:before{content:"\fefb"}.ti-contrast:before{content:"\ec4e"}.ti-contrast-2:before{content:"\efc7"}.ti-contrast-2-filled:before{content:"\fe57"}.ti-contrast-2-off:before{content:"\f3da"}.ti-contrast-filled:before{content:"\fe56"}.ti-contrast-off:before{content:"\f3db"}.ti-cooker:before{content:"\f57a"}.ti-cookie:before{content:"\fdb1"}.ti-cookie-filled:before{content:"\fe54"}.ti-cookie-man:before{content:"\fdb2"}.ti-cookie-man-filled:before{content:"\fe55"}.ti-cookie-off:before{content:"\f0d7"}.ti-copy:before{content:"\ea7a"}.ti-copy-check:before{content:"\fdb0"}.ti-copy-check-filled:before{content:"\fe53"}.ti-copy-minus:before{content:"\fdaf"}.ti-copy-minus-filled:before{content:"\fe52"}.ti-copy-off:before{content:"\f0d8"}.ti-copy-plus:before{content:"\fdae"}.ti-copy-plus-filled:before{content:"\fe51"}.ti-copy-x:before{content:"\fdad"}.ti-copy-x-filled:before{content:"\fe50"}.ti-copyleft:before{content:"\ec3d"}.ti-copyleft-filled:before{content:"\f73b"}.ti-copyleft-off:before{content:"\f0d9"}.ti-copyright:before{content:"\ea7b"}.ti-copyright-filled:before{content:"\f73c"}.ti-copyright-off:before{content:"\f0da"}.ti-corner-down-left:before{content:"\ea7c"}.ti-corner-down-left-double:before{content:"\ee48"}.ti-corner-down-right:before{content:"\ea7d"}.ti-corner-down-right-double:before{content:"\ee49"}.ti-corner-left-down:before{content:"\ea7e"}.ti-corner-left-down-double:before{content:"\ee4a"}.ti-corner-left-up:before{content:"\ea7f"}.ti-corner-left-up-double:before{content:"\ee4b"}.ti-corner-right-down:before{content:"\ea80"}.ti-corner-right-down-double:before{content:"\ee4c"}.ti-corner-right-up:before{content:"\ea81"}.ti-corner-right-up-double:before{content:"\ee4d"}.ti-corner-up-left:before{content:"\ea82"}.ti-corner-up-left-double:before{content:"\ee4e"}.ti-corner-up-right:before{content:"\ea83"}.ti-corner-up-right-double:before{content:"\ee4f"}.ti-cpu:before{content:"\ef8e"}.ti-cpu-2:before{content:"\f075"}.ti-cpu-off:before{content:"\f108"}.ti-crane:before{content:"\ef27"}.ti-crane-off:before{content:"\f109"}.ti-creative-commons:before{content:"\efb3"}.ti-creative-commons-by:before{content:"\f21f"}.ti-creative-commons-nc:before{content:"\f220"}.ti-creative-commons-nd:before{content:"\f221"}.ti-creative-commons-off:before{content:"\f10a"}.ti-creative-commons-sa:before{content:"\f222"}.ti-creative-commons-zero:before{content:"\f223"}.ti-credit-card:before{content:"\ea84"}.ti-credit-card-filled:before{content:"\fd11"}.ti-credit-card-off:before{content:"\ed11"}.ti-credit-card-pay:before{content:"\fd32"}.ti-credit-card-refund:before{content:"\fd33"}.ti-cricket:before{content:"\f09a"}.ti-crop:before{content:"\ea85"}.ti-crop-1-1:before{content:"\fd50"}.ti-crop-1-1-filled:before{content:"\fe4f"}.ti-crop-16-9:before{content:"\fd51"}.ti-crop-16-9-filled:before{content:"\fe4e"}.ti-crop-3-2:before{content:"\fd52"}.ti-crop-3-2-filled:before{content:"\fe4d"}.ti-crop-5-4:before{content:"\fd53"}.ti-crop-5-4-filled:before{content:"\fe4c"}.ti-crop-7-5:before{content:"\fd54"}.ti-crop-7-5-filled:before{content:"\fe4b"}.ti-crop-landscape:before{content:"\fd55"}.ti-crop-landscape-filled:before{content:"\fe4a"}.ti-crop-portrait:before{content:"\fd56"}.ti-crop-portrait-filled:before{content:"\fe49"}.ti-cross:before{content:"\ef8f"}.ti-cross-filled:before{content:"\f675"}.ti-cross-off:before{content:"\f10b"}.ti-crosshair:before{content:"\ec3e"}.ti-crown:before{content:"\ed12"}.ti-crown-off:before{content:"\ee50"}.ti-crutches:before{content:"\ef5b"}.ti-crutches-off:before{content:"\f10c"}.ti-crystal-ball:before{content:"\f57b"}.ti-csv:before{content:"\f791"}.ti-cube:before{content:"\fa97"}.ti-cube-3d-sphere:before{content:"\ecd7"}.ti-cube-3d-sphere-off:before{content:"\f3b5"}.ti-cube-off:before{content:"\fa95"}.ti-cube-plus:before{content:"\fa96"}.ti-cube-send:before{content:"\f61b"}.ti-cube-spark:before{content:"\ffbb"}.ti-cube-unfolded:before{content:"\f61c"}.ti-cup:before{content:"\ef28"}.ti-cup-off:before{content:"\f10d"}.ti-curling:before{content:"\efc8"}.ti-curly-loop:before{content:"\ecda"}.ti-currency:before{content:"\efa6"}.ti-currency-afghani:before{content:"\f65e"}.ti-currency-bahraini:before{content:"\ee51"}.ti-currency-baht:before{content:"\f08a"}.ti-currency-bitcoin:before{content:"\ebab"}.ti-currency-cent:before{content:"\ee53"}.ti-currency-dinar:before{content:"\ee54"}.ti-currency-dirham:before{content:"\ee55"}.ti-currency-dogecoin:before{content:"\ef4b"}.ti-currency-dollar:before{content:"\eb84"}.ti-currency-dollar-australian:before{content:"\ee56"}.ti-currency-dollar-brunei:before{content:"\f36c"}.ti-currency-dollar-canadian:before{content:"\ee57"}.ti-currency-dollar-guyanese:before{content:"\f36d"}.ti-currency-dollar-off:before{content:"\f3dc"}.ti-currency-dollar-singapore:before{content:"\ee58"}.ti-currency-dollar-zimbabwean:before{content:"\f36e"}.ti-currency-dong:before{content:"\f36f"}.ti-currency-dram:before{content:"\f370"}.ti-currency-ethereum:before{content:"\ee59"}.ti-currency-euro:before{content:"\eb85"}.ti-currency-euro-off:before{content:"\f3dd"}.ti-currency-florin:before{content:"\faf5"}.ti-currency-forint:before{content:"\ee5a"}.ti-currency-frank:before{content:"\ee5b"}.ti-currency-guarani:before{content:"\f371"}.ti-currency-hryvnia:before{content:"\f372"}.ti-currency-iranian-rial:before{content:"\fa58"}.ti-currency-kip:before{content:"\f373"}.ti-currency-krone-czech:before{content:"\ee5c"}.ti-currency-krone-danish:before{content:"\ee5d"}.ti-currency-krone-swedish:before{content:"\ee5e"}.ti-currency-lari:before{content:"\f374"}.ti-currency-leu:before{content:"\ee5f"}.ti-currency-lira:before{content:"\ee60"}.ti-currency-litecoin:before{content:"\ee61"}.ti-currency-lyd:before{content:"\f375"}.ti-currency-manat:before{content:"\f376"}.ti-currency-monero:before{content:"\f377"}.ti-currency-naira:before{content:"\ee62"}.ti-currency-nano:before{content:"\f7a6"}.ti-currency-off:before{content:"\f3de"}.ti-currency-paanga:before{content:"\f378"}.ti-currency-peso:before{content:"\f65f"}.ti-currency-pound:before{content:"\ebac"}.ti-currency-pound-off:before{content:"\f3df"}.ti-currency-quetzal:before{content:"\f379"}.ti-currency-real:before{content:"\ee63"}.ti-currency-renminbi:before{content:"\ee64"}.ti-currency-ripple:before{content:"\ee65"}.ti-currency-riyal:before{content:"\ee66"}.ti-currency-rubel:before{content:"\ee67"}.ti-currency-rufiyaa:before{content:"\f37a"}.ti-currency-rupee:before{content:"\ebad"}.ti-currency-rupee-nepalese:before{content:"\f37b"}.ti-currency-shekel:before{content:"\ee68"}.ti-currency-solana:before{content:"\f4a1"}.ti-currency-som:before{content:"\f37c"}.ti-currency-taka:before{content:"\ee69"}.ti-currency-tenge:before{content:"\f37d"}.ti-currency-tugrik:before{content:"\ee6a"}.ti-currency-won:before{content:"\ee6b"}.ti-currency-xrp:before{content:"\fd34"}.ti-currency-yen:before{content:"\ebae"}.ti-currency-yen-off:before{content:"\f3e0"}.ti-currency-yuan:before{content:"\f29a"}.ti-currency-zloty:before{content:"\ee6c"}.ti-current-location:before{content:"\ecef"}.ti-current-location-filled:before{content:"\10125"}.ti-current-location-off:before{content:"\f10e"}.ti-cursor-off:before{content:"\f10f"}.ti-cursor-text:before{content:"\ee6d"}.ti-cut:before{content:"\ea86"}.ti-cylinder:before{content:"\f54c"}.ti-cylinder-off:before{content:"\fa98"}.ti-cylinder-plus:before{content:"\fa99"}.ti-dashboard:before{content:"\ea87"}.ti-dashboard-filled:before{content:"\10019"}.ti-dashboard-off:before{content:"\f3e1"}.ti-database:before{content:"\ea88"}.ti-database-cog:before{content:"\fa10"}.ti-database-dollar:before{content:"\fa11"}.ti-database-edit:before{content:"\fa12"}.ti-database-exclamation:before{content:"\fa13"}.ti-database-export:before{content:"\ee6e"}.ti-database-heart:before{content:"\fa14"}.ti-database-import:before{content:"\ee6f"}.ti-database-leak:before{content:"\fa15"}.ti-database-minus:before{content:"\fa16"}.ti-database-off:before{content:"\ee70"}.ti-database-plus:before{content:"\fa17"}.ti-database-search:before{content:"\fa18"}.ti-database-share:before{content:"\fa19"}.ti-database-smile:before{content:"\fd9b"}.ti-database-star:before{content:"\fa1a"}.ti-database-x:before{content:"\fa1b"}.ti-decimal:before{content:"\fa26"}.ti-deer:before{content:"\f4c5"}.ti-delta:before{content:"\f53c"}.ti-dental:before{content:"\f025"}.ti-dental-broken:before{content:"\f286"}.ti-dental-off:before{content:"\f110"}.ti-deselect:before{content:"\f9f3"}.ti-desk:before{content:"\fd35"}.ti-details:before{content:"\ee71"}.ti-details-off:before{content:"\f3e2"}.ti-device-airpods:before{content:"\f5a9"}.ti-device-airpods-case:before{content:"\f646"}.ti-device-airtag:before{content:"\fae6"}.ti-device-analytics:before{content:"\ee72"}.ti-device-audio-tape:before{content:"\ee73"}.ti-device-camera-phone:before{content:"\f233"}.ti-device-cctv:before{content:"\ee74"}.ti-device-cctv-filled:before{content:"\1004b"}.ti-device-cctv-off:before{content:"\f3e3"}.ti-device-computer-camera:before{content:"\ee76"}.ti-device-computer-camera-off:before{content:"\ee75"}.ti-device-desktop:before{content:"\ea89"}.ti-device-desktop-analytics:before{content:"\ee77"}.ti-device-desktop-bolt:before{content:"\f85e"}.ti-device-desktop-cancel:before{content:"\f85f"}.ti-device-desktop-check:before{content:"\f860"}.ti-device-desktop-code:before{content:"\f861"}.ti-device-desktop-cog:before{content:"\f862"}.ti-device-desktop-dollar:before{content:"\f863"}.ti-device-desktop-down:before{content:"\f864"}.ti-device-desktop-exclamation:before{content:"\f865"}.ti-device-desktop-filled:before{content:"\1004a"}.ti-device-desktop-heart:before{content:"\f866"}.ti-device-desktop-minus:before{content:"\f867"}.ti-device-desktop-off:before{content:"\ee78"}.ti-device-desktop-pause:before{content:"\f868"}.ti-device-desktop-pin:before{content:"\f869"}.ti-device-desktop-plus:before{content:"\f86a"}.ti-device-desktop-question:before{content:"\f86b"}.ti-device-desktop-search:before{content:"\f86c"}.ti-device-desktop-share:before{content:"\f86d"}.ti-device-desktop-star:before{content:"\f86e"}.ti-device-desktop-up:before{content:"\f86f"}.ti-device-desktop-x:before{content:"\f870"}.ti-device-floppy:before{content:"\eb62"}.ti-device-gamepad:before{content:"\eb63"}.ti-device-gamepad-2:before{content:"\f1d2"}.ti-device-gamepad-3:before{content:"\fc58"}.ti-device-gamepad-3-filled:before{content:"\10049"}.ti-device-heart-monitor:before{content:"\f060"}.ti-device-heart-monitor-filled:before{content:"\fa38"}.ti-device-imac:before{content:"\f7a7"}.ti-device-imac-bolt:before{content:"\f871"}.ti-device-imac-cancel:before{content:"\f872"}.ti-device-imac-check:before{content:"\f873"}.ti-device-imac-code:before{content:"\f874"}.ti-device-imac-cog:before{content:"\f875"}.ti-device-imac-dollar:before{content:"\f876"}.ti-device-imac-down:before{content:"\f877"}.ti-device-imac-exclamation:before{content:"\f878"}.ti-device-imac-filled:before{content:"\10048"}.ti-device-imac-heart:before{content:"\f879"}.ti-device-imac-minus:before{content:"\f87a"}.ti-device-imac-off:before{content:"\f87b"}.ti-device-imac-pause:before{content:"\f87c"}.ti-device-imac-pin:before{content:"\f87d"}.ti-device-imac-plus:before{content:"\f87e"}.ti-device-imac-question:before{content:"\f87f"}.ti-device-imac-search:before{content:"\f880"}.ti-device-imac-share:before{content:"\f881"}.ti-device-imac-star:before{content:"\f882"}.ti-device-imac-up:before{content:"\f883"}.ti-device-imac-x:before{content:"\f884"}.ti-device-ipad:before{content:"\f648"}.ti-device-ipad-bolt:before{content:"\f885"}.ti-device-ipad-cancel:before{content:"\f886"}.ti-device-ipad-check:before{content:"\f887"}.ti-device-ipad-code:before{content:"\f888"}.ti-device-ipad-cog:before{content:"\f889"}.ti-device-ipad-dollar:before{content:"\f88a"}.ti-device-ipad-down:before{content:"\f88b"}.ti-device-ipad-exclamation:before{content:"\f88c"}.ti-device-ipad-filled:before{content:"\10047"}.ti-device-ipad-heart:before{content:"\f88d"}.ti-device-ipad-horizontal:before{content:"\f647"}.ti-device-ipad-horizontal-bolt:before{content:"\f88e"}.ti-device-ipad-horizontal-cancel:before{content:"\f88f"}.ti-device-ipad-horizontal-check:before{content:"\f890"}.ti-device-ipad-horizontal-code:before{content:"\f891"}.ti-device-ipad-horizontal-cog:before{content:"\f892"}.ti-device-ipad-horizontal-dollar:before{content:"\f893"}.ti-device-ipad-horizontal-down:before{content:"\f894"}.ti-device-ipad-horizontal-exclamation:before{content:"\f895"}.ti-device-ipad-horizontal-heart:before{content:"\f896"}.ti-device-ipad-horizontal-minus:before{content:"\f897"}.ti-device-ipad-horizontal-off:before{content:"\f898"}.ti-device-ipad-horizontal-pause:before{content:"\f899"}.ti-device-ipad-horizontal-pin:before{content:"\f89a"}.ti-device-ipad-horizontal-plus:before{content:"\f89b"}.ti-device-ipad-horizontal-question:before{content:"\f89c"}.ti-device-ipad-horizontal-search:before{content:"\f89d"}.ti-device-ipad-horizontal-share:before{content:"\f89e"}.ti-device-ipad-horizontal-star:before{content:"\f89f"}.ti-device-ipad-horizontal-up:before{content:"\f8a0"}.ti-device-ipad-horizontal-x:before{content:"\f8a1"}.ti-device-ipad-minus:before{content:"\f8a2"}.ti-device-ipad-off:before{content:"\f8a3"}.ti-device-ipad-pause:before{content:"\f8a4"}.ti-device-ipad-pin:before{content:"\f8a5"}.ti-device-ipad-plus:before{content:"\f8a6"}.ti-device-ipad-question:before{content:"\f8a7"}.ti-device-ipad-search:before{content:"\f8a8"}.ti-device-ipad-share:before{content:"\f8a9"}.ti-device-ipad-star:before{content:"\f8aa"}.ti-device-ipad-up:before{content:"\f8ab"}.ti-device-ipad-x:before{content:"\f8ac"}.ti-device-landline-phone:before{content:"\f649"}.ti-device-laptop:before{content:"\eb64"}.ti-device-laptop-off:before{content:"\f061"}.ti-device-mobile:before{content:"\ea8a"}.ti-device-mobile-bolt:before{content:"\f8ad"}.ti-device-mobile-cancel:before{content:"\f8ae"}.ti-device-mobile-charging:before{content:"\f224"}.ti-device-mobile-check:before{content:"\f8af"}.ti-device-mobile-code:before{content:"\f8b0"}.ti-device-mobile-cog:before{content:"\f8b1"}.ti-device-mobile-dollar:before{content:"\f8b2"}.ti-device-mobile-down:before{content:"\f8b3"}.ti-device-mobile-exclamation:before{content:"\f8b4"}.ti-device-mobile-filled:before{content:"\fa39"}.ti-device-mobile-heart:before{content:"\f8b5"}.ti-device-mobile-message:before{content:"\ee79"}.ti-device-mobile-minus:before{content:"\f8b6"}.ti-device-mobile-off:before{content:"\f062"}.ti-device-mobile-pause:before{content:"\f8b7"}.ti-device-mobile-pin:before{content:"\f8b8"}.ti-device-mobile-plus:before{content:"\f8b9"}.ti-device-mobile-question:before{content:"\f8ba"}.ti-device-mobile-rotated:before{content:"\ecdb"}.ti-device-mobile-search:before{content:"\f8bb"}.ti-device-mobile-share:before{content:"\f8bc"}.ti-device-mobile-star:before{content:"\f8bd"}.ti-device-mobile-up:before{content:"\f8be"}.ti-device-mobile-vibration:before{content:"\eb86"}.ti-device-mobile-x:before{content:"\f8bf"}.ti-device-nintendo:before{content:"\f026"}.ti-device-nintendo-off:before{content:"\f111"}.ti-device-projector:before{content:"\fc11"}.ti-device-remote:before{content:"\f792"}.ti-device-remote-filled:before{content:"\10046"}.ti-device-sd-card:before{content:"\f384"}.ti-device-sim:before{content:"\f4b2"}.ti-device-sim-1:before{content:"\f4af"}.ti-device-sim-2:before{content:"\f4b0"}.ti-device-sim-3:before{content:"\f4b1"}.ti-device-speaker:before{content:"\ea8b"}.ti-device-speaker-filled:before{content:"\10045"}.ti-device-speaker-off:before{content:"\f112"}.ti-device-tablet:before{content:"\ea8c"}.ti-device-tablet-bolt:before{content:"\f8c0"}.ti-device-tablet-cancel:before{content:"\f8c1"}.ti-device-tablet-check:before{content:"\f8c2"}.ti-device-tablet-code:before{content:"\f8c3"}.ti-device-tablet-cog:before{content:"\f8c4"}.ti-device-tablet-dollar:before{content:"\f8c5"}.ti-device-tablet-down:before{content:"\f8c6"}.ti-device-tablet-exclamation:before{content:"\f8c7"}.ti-device-tablet-filled:before{content:"\fa3a"}.ti-device-tablet-heart:before{content:"\f8c8"}.ti-device-tablet-minus:before{content:"\f8c9"}.ti-device-tablet-off:before{content:"\f063"}.ti-device-tablet-pause:before{content:"\f8ca"}.ti-device-tablet-pin:before{content:"\f8cb"}.ti-device-tablet-plus:before{content:"\f8cc"}.ti-device-tablet-question:before{content:"\f8cd"}.ti-device-tablet-search:before{content:"\f8ce"}.ti-device-tablet-share:before{content:"\f8cf"}.ti-device-tablet-star:before{content:"\f8d0"}.ti-device-tablet-up:before{content:"\f8d1"}.ti-device-tablet-x:before{content:"\f8d2"}.ti-device-tv:before{content:"\ea8d"}.ti-device-tv-filled:before{content:"\10043"}.ti-device-tv-off:before{content:"\f064"}.ti-device-tv-old:before{content:"\f1d3"}.ti-device-tv-old-filled:before{content:"\10044"}.ti-device-unknown:before{content:"\fef4"}.ti-device-unknown-filled:before{content:"\10018"}.ti-device-usb:before{content:"\fc59"}.ti-device-usb-filled:before{content:"\10042"}.ti-device-vision-pro:before{content:"\fae7"}.ti-device-vision-pro-filled:before{content:"\10041"}.ti-device-watch:before{content:"\ebf9"}.ti-device-watch-bolt:before{content:"\f8d3"}.ti-device-watch-cancel:before{content:"\f8d4"}.ti-device-watch-check:before{content:"\f8d5"}.ti-device-watch-code:before{content:"\f8d6"}.ti-device-watch-cog:before{content:"\f8d7"}.ti-device-watch-dollar:before{content:"\f8d8"}.ti-device-watch-down:before{content:"\f8d9"}.ti-device-watch-exclamation:before{content:"\f8da"}.ti-device-watch-filled:before{content:"\10040"}.ti-device-watch-heart:before{content:"\f8db"}.ti-device-watch-minus:before{content:"\f8dc"}.ti-device-watch-off:before{content:"\f065"}.ti-device-watch-pause:before{content:"\f8dd"}.ti-device-watch-pin:before{content:"\f8de"}.ti-device-watch-plus:before{content:"\f8df"}.ti-device-watch-question:before{content:"\f8e0"}.ti-device-watch-search:before{content:"\f8e1"}.ti-device-watch-share:before{content:"\f8e2"}.ti-device-watch-star:before{content:"\f8e3"}.ti-device-watch-stats:before{content:"\ef7d"}.ti-device-watch-stats-2:before{content:"\ef7c"}.ti-device-watch-up:before{content:"\f8e4"}.ti-device-watch-x:before{content:"\f8e5"}.ti-devices:before{content:"\eb87"}.ti-devices-2:before{content:"\ed29"}.ti-devices-bolt:before{content:"\f8e6"}.ti-devices-cancel:before{content:"\f8e7"}.ti-devices-check:before{content:"\f8e8"}.ti-devices-code:before{content:"\f8e9"}.ti-devices-cog:before{content:"\f8ea"}.ti-devices-dollar:before{content:"\f8eb"}.ti-devices-down:before{content:"\f8ec"}.ti-devices-exclamation:before{content:"\f8ed"}.ti-devices-heart:before{content:"\f8ee"}.ti-devices-minus:before{content:"\f8ef"}.ti-devices-off:before{content:"\f3e4"}.ti-devices-pause:before{content:"\f8f0"}.ti-devices-pc:before{content:"\ee7a"}.ti-devices-pc-off:before{content:"\f113"}.ti-devices-pin:before{content:"\f8f1"}.ti-devices-plus:before{content:"\f8f2"}.ti-devices-question:before{content:"\f8f3"}.ti-devices-search:before{content:"\f8f4"}.ti-devices-share:before{content:"\f8f5"}.ti-devices-star:before{content:"\f8f6"}.ti-devices-up:before{content:"\f8f7"}.ti-devices-x:before{content:"\f8f8"}.ti-diabolo:before{content:"\fa9c"}.ti-diabolo-off:before{content:"\fa9a"}.ti-diabolo-plus:before{content:"\fa9b"}.ti-dialpad:before{content:"\f067"}.ti-dialpad-filled:before{content:"\fa3b"}.ti-dialpad-off:before{content:"\f114"}.ti-diamond:before{content:"\eb65"}.ti-diamond-filled:before{content:"\f73d"}.ti-diamond-off:before{content:"\f115"}.ti-diamonds:before{content:"\eff5"}.ti-diamonds-filled:before{content:"\f676"}.ti-diaper:before{content:"\ffa2"}.ti-dice:before{content:"\eb66"}.ti-dice-1:before{content:"\f08b"}.ti-dice-1-filled:before{content:"\f73e"}.ti-dice-2:before{content:"\f08c"}.ti-dice-2-filled:before{content:"\f73f"}.ti-dice-3:before{content:"\f08d"}.ti-dice-3-filled:before{content:"\f740"}.ti-dice-4:before{content:"\f08e"}.ti-dice-4-filled:before{content:"\f741"}.ti-dice-5:before{content:"\f08f"}.ti-dice-5-filled:before{content:"\f742"}.ti-dice-6:before{content:"\f090"}.ti-dice-6-filled:before{content:"\f743"}.ti-dice-filled:before{content:"\f744"}.ti-dimensions:before{content:"\ee7b"}.ti-direction:before{content:"\ebfb"}.ti-direction-arrows:before{content:"\fd36"}.ti-direction-arrows-filled:before{content:"\100ca"}.ti-direction-horizontal:before{content:"\ebfa"}.ti-direction-sign:before{content:"\f1f7"}.ti-direction-sign-filled:before{content:"\f745"}.ti-direction-sign-off:before{content:"\f3e5"}.ti-directions:before{content:"\ea8e"}.ti-directions-filled:before{content:"\1003f"}.ti-directions-off:before{content:"\f116"}.ti-disabled:before{content:"\ea8f"}.ti-disabled-2:before{content:"\ebaf"}.ti-disabled-off:before{content:"\f117"}.ti-disc:before{content:"\ea90"}.ti-disc-filled:before{content:"\1003e"}.ti-disc-golf:before{content:"\f385"}.ti-disc-off:before{content:"\f118"}.ti-discount:before{content:"\ebbd"}.ti-discount-filled:before{content:"\1003d"}.ti-discount-off:before{content:"\f3e7"}.ti-divide:before{content:"\ed5c"}.ti-dna:before{content:"\ee7d"}.ti-dna-2:before{content:"\ef5c"}.ti-dna-2-off:before{content:"\f119"}.ti-dna-off:before{content:"\f11a"}.ti-dog:before{content:"\f660"}.ti-dog-bowl:before{content:"\ef29"}.ti-door:before{content:"\ef4e"}.ti-door-enter:before{content:"\ef4c"}.ti-door-exit:before{content:"\ef4d"}.ti-door-off:before{content:"\f11b"}.ti-dots:before{content:"\ea95"}.ti-dots-circle-horizontal:before{content:"\ea91"}.ti-dots-diagonal:before{content:"\ea93"}.ti-dots-diagonal-2:before{content:"\ea92"}.ti-dots-vertical:before{content:"\ea94"}.ti-download:before{content:"\ea96"}.ti-download-off:before{content:"\f11c"}.ti-drag-drop:before{content:"\eb89"}.ti-drag-drop-2:before{content:"\eb88"}.ti-drone:before{content:"\ed79"}.ti-drone-off:before{content:"\ee7e"}.ti-drop-circle:before{content:"\efde"}.ti-drop-circle-filled:before{content:"\10137"}.ti-droplet:before{content:"\ea97"}.ti-droplet-bolt:before{content:"\f8f9"}.ti-droplet-cancel:before{content:"\f8fa"}.ti-droplet-check:before{content:"\f8fb"}.ti-droplet-code:before{content:"\f8fc"}.ti-droplet-cog:before{content:"\f8fd"}.ti-droplet-dollar:before{content:"\f8fe"}.ti-droplet-down:before{content:"\f8ff"}.ti-droplet-exclamation:before{content:"\f900"}.ti-droplet-filled:before{content:"\ee80"}.ti-droplet-half:before{content:"\ee82"}.ti-droplet-half-2:before{content:"\ee81"}.ti-droplet-half-2-filled:before{content:"\fb6c"}.ti-droplet-half-filled:before{content:"\f6c5"}.ti-droplet-heart:before{content:"\f901"}.ti-droplet-minus:before{content:"\f902"}.ti-droplet-off:before{content:"\ee83"}.ti-droplet-pause:before{content:"\f903"}.ti-droplet-pin:before{content:"\f904"}.ti-droplet-plus:before{content:"\f905"}.ti-droplet-question:before{content:"\f906"}.ti-droplet-search:before{content:"\f907"}.ti-droplet-share:before{content:"\f908"}.ti-droplet-star:before{content:"\f909"}.ti-droplet-up:before{content:"\f90a"}.ti-droplet-x:before{content:"\f90b"}.ti-droplets:before{content:"\fc12"}.ti-droplets-filled:before{content:"\100c9"}.ti-dual-screen:before{content:"\fa59"}.ti-dual-screen-filled:before{content:"\10136"}.ti-dumpling:before{content:"\feb5"}.ti-dumpling-filled:before{content:"\10135"}.ti-e-passport:before{content:"\f4df"}.ti-ear:before{content:"\ebce"}.ti-ear-off:before{content:"\ee84"}.ti-ear-scan:before{content:"\fd57"}.ti-ease-in:before{content:"\f573"}.ti-ease-in-control-point:before{content:"\f570"}.ti-ease-in-control-point-filled:before{content:"\10174"}.ti-ease-in-out:before{content:"\f572"}.ti-ease-in-out-control-points:before{content:"\f571"}.ti-ease-in-out-control-points-filled:before{content:"\10173"}.ti-ease-out:before{content:"\f575"}.ti-ease-out-control-point:before{content:"\f574"}.ti-ease-out-control-point-filled:before{content:"\10172"}.ti-edit:before{content:"\ea98"}.ti-edit-circle:before{content:"\ee85"}.ti-edit-circle-off:before{content:"\f11d"}.ti-edit-off:before{content:"\f11e"}.ti-egg:before{content:"\eb8a"}.ti-egg-cracked:before{content:"\f2d6"}.ti-egg-cracked-filled:before{content:"\10012"}.ti-egg-filled:before{content:"\f678"}.ti-egg-fried:before{content:"\f386"}.ti-egg-fried-filled:before{content:"\10134"}.ti-egg-off:before{content:"\f11f"}.ti-eggs:before{content:"\f500"}.ti-elevator:before{content:"\efdf"}.ti-elevator-filled:before{content:"\1003c"}.ti-elevator-off:before{content:"\f3e8"}.ti-emergency-bed:before{content:"\ef5d"}.ti-empathize:before{content:"\f29b"}.ti-empathize-off:before{content:"\f3e9"}.ti-emphasis:before{content:"\ebcf"}.ti-engine:before{content:"\ef7e"}.ti-engine-filled:before{content:"\100fc"}.ti-engine-off:before{content:"\f120"}.ti-equal:before{content:"\ee87"}.ti-equal-double:before{content:"\f4e1"}.ti-equal-not:before{content:"\ee86"}.ti-eraser:before{content:"\eb8b"}.ti-eraser-off:before{content:"\f121"}.ti-error-404:before{content:"\f027"}.ti-error-404-off:before{content:"\f122"}.ti-escalator:before{content:"\fb06"}.ti-escalator-down:before{content:"\fb04"}.ti-escalator-down-filled:before{content:"\10133"}.ti-escalator-filled:before{content:"\10131"}.ti-escalator-up:before{content:"\fb05"}.ti-escalator-up-filled:before{content:"\10132"}.ti-exchange:before{content:"\ebe7"}.ti-exchange-filled:before{content:"\10130"}.ti-exchange-off:before{content:"\f123"}.ti-exclamation-circle:before{content:"\f634"}.ti-exclamation-circle-filled:before{content:"\ff62"}.ti-exclamation-mark:before{content:"\efb4"}.ti-exclamation-mark-off:before{content:"\f124"}.ti-explicit:before{content:"\f256"}.ti-explicit-filled:before{content:"\1012f"}.ti-explicit-off:before{content:"\f3ea"}.ti-exposure:before{content:"\eb8c"}.ti-exposure-0:before{content:"\f29c"}.ti-exposure-filled:before{content:"\10124"}.ti-exposure-minus-1:before{content:"\f29d"}.ti-exposure-minus-2:before{content:"\f29e"}.ti-exposure-off:before{content:"\f3eb"}.ti-exposure-plus-1:before{content:"\f29f"}.ti-exposure-plus-2:before{content:"\f2a0"}.ti-external-link:before{content:"\ea99"}.ti-external-link-off:before{content:"\f125"}.ti-eye:before{content:"\ea9a"}.ti-eye-bitcoin:before{content:"\ff3d"}.ti-eye-bolt:before{content:"\fb6d"}.ti-eye-cancel:before{content:"\fb6e"}.ti-eye-check:before{content:"\ee88"}.ti-eye-closed:before{content:"\f7ec"}.ti-eye-code:before{content:"\fb6f"}.ti-eye-cog:before{content:"\f7ed"}.ti-eye-discount:before{content:"\fb70"}.ti-eye-dollar:before{content:"\fb71"}.ti-eye-dotted:before{content:"\fead"}.ti-eye-down:before{content:"\fb72"}.ti-eye-edit:before{content:"\f7ee"}.ti-eye-exclamation:before{content:"\f7ef"}.ti-eye-filled:before{content:"\f679"}.ti-eye-heart:before{content:"\f7f0"}.ti-eye-minus:before{content:"\fb73"}.ti-eye-off:before{content:"\ecf0"}.ti-eye-pause:before{content:"\fb74"}.ti-eye-pin:before{content:"\fb75"}.ti-eye-plus:before{content:"\fb76"}.ti-eye-question:before{content:"\fb77"}.ti-eye-search:before{content:"\fb78"}.ti-eye-share:before{content:"\fb79"}.ti-eye-spark:before{content:"\ffba"}.ti-eye-star:before{content:"\fb7a"}.ti-eye-table:before{content:"\ef5e"}.ti-eye-table-filled:before{content:"\10123"}.ti-eye-up:before{content:"\fb7b"}.ti-eye-x:before{content:"\f7f1"}.ti-eyeglass:before{content:"\ee8a"}.ti-eyeglass-2:before{content:"\ee89"}.ti-eyeglass-2-filled:before{content:"\10122"}.ti-eyeglass-filled:before{content:"\100c8"}.ti-eyeglass-off:before{content:"\f126"}.ti-face-id:before{content:"\ea9b"}.ti-face-id-error:before{content:"\efa7"}.ti-face-mask:before{content:"\efb5"}.ti-face-mask-filled:before{content:"\10121"}.ti-face-mask-off:before{content:"\f127"}.ti-fall:before{content:"\ecb9"}.ti-favicon:before{content:"\fd65"}.ti-favicon-filled:before{content:"\10071"}.ti-feather:before{content:"\ee8b"}.ti-feather-filled:before{content:"\10011"}.ti-feather-off:before{content:"\f128"}.ti-fence:before{content:"\ef2a"}.ti-fence-filled:before{content:"\10120"}.ti-fence-off:before{content:"\f129"}.ti-ferry:before{content:"\10074"}.ti-ferry-filled:before{content:"\100fb"}.ti-fidget-spinner:before{content:"\f068"}.ti-fidget-spinner-filled:before{content:"\1011f"}.ti-file:before{content:"\eaa4"}.ti-file-3d:before{content:"\f032"}.ti-file-ai:before{content:"\ffa1"}.ti-file-alert:before{content:"\ede6"}.ti-file-analytics:before{content:"\ede7"}.ti-file-analytics-filled:before{content:"\10171"}.ti-file-arrow-left:before{content:"\f033"}.ti-file-arrow-right:before{content:"\f034"}.ti-file-barcode:before{content:"\f035"}.ti-file-bitcoin:before{content:"\ffa0"}.ti-file-broken:before{content:"\f501"}.ti-file-certificate:before{content:"\ed4d"}.ti-file-chart:before{content:"\f036"}.ti-file-check:before{content:"\ea9c"}.ti-file-check-filled:before{content:"\1012e"}.ti-file-code:before{content:"\ebd0"}.ti-file-code-2:before{content:"\ede8"}.ti-file-code-2-filled:before{content:"\1012d"}.ti-file-code-filled:before{content:"\10170"}.ti-file-cv:before{content:"\fa5a"}.ti-file-cv-filled:before{content:"\1012c"}.ti-file-database:before{content:"\f037"}.ti-file-delta:before{content:"\f53d"}.ti-file-delta-filled:before{content:"\1012b"}.ti-file-description:before{content:"\f028"}.ti-file-description-filled:before{content:"\1011e"}.ti-file-diff:before{content:"\ecf1"}.ti-file-diff-filled:before{content:"\1016f"}.ti-file-digit:before{content:"\efa8"}.ti-file-digit-filled:before{content:"\1011d"}.ti-file-dislike:before{content:"\ed2a"}.ti-file-dollar:before{content:"\efe0"}.ti-file-dots:before{content:"\f038"}.ti-file-dots-filled:before{content:"\1016e"}.ti-file-download:before{content:"\ea9d"}.ti-file-download-filled:before{content:"\1012a"}.ti-file-euro:before{content:"\efe1"}.ti-file-excel:before{content:"\fef3"}.ti-file-export:before{content:"\ede9"}.ti-file-filled:before{content:"\f747"}.ti-file-function:before{content:"\f53e"}.ti-file-function-filled:before{content:"\1016d"}.ti-file-horizontal:before{content:"\ebb0"}.ti-file-horizontal-filled:before{content:"\1011c"}.ti-file-import:before{content:"\edea"}.ti-file-infinity:before{content:"\f502"}.ti-file-info:before{content:"\edec"}.ti-file-info-filled:before{content:"\1016c"}.ti-file-invoice:before{content:"\eb67"}.ti-file-invoice-filled:before{content:"\1011b"}.ti-file-isr:before{content:"\feac"}.ti-file-lambda:before{content:"\f53f"}.ti-file-lambda-filled:before{content:"\10129"}.ti-file-like:before{content:"\ed2b"}.ti-file-minus:before{content:"\ea9e"}.ti-file-minus-filled:before{content:"\1011a"}.ti-file-music:before{content:"\ea9f"}.ti-file-neutral:before{content:"\fd22"}.ti-file-neutral-filled:before{content:"\10119"}.ti-file-off:before{content:"\ecf2"}.ti-file-orientation:before{content:"\f2a1"}.ti-file-pencil:before{content:"\f039"}.ti-file-percent:before{content:"\f540"}.ti-file-percent-filled:before{content:"\10128"}.ti-file-phone:before{content:"\ecdc"}.ti-file-phone-filled:before{content:"\10127"}.ti-file-plus:before{content:"\eaa0"}.ti-file-power:before{content:"\f03a"}.ti-file-power-filled:before{content:"\10118"}.ti-file-report:before{content:"\eded"}.ti-file-rss:before{content:"\f03b"}.ti-file-rss-filled:before{content:"\10126"}.ti-file-sad:before{content:"\fd23"}.ti-file-sad-filled:before{content:"\10117"}.ti-file-scissors:before{content:"\f03c"}.ti-file-search:before{content:"\ed5d"}.ti-file-settings:before{content:"\f029"}.ti-file-shredder:before{content:"\eaa1"}.ti-file-signal:before{content:"\f03d"}.ti-file-smile:before{content:"\fd24"}.ti-file-smile-filled:before{content:"\10116"}.ti-file-spark:before{content:"\ffb9"}.ti-file-spreadsheet:before{content:"\f03e"}.ti-file-stack:before{content:"\f503"}.ti-file-star:before{content:"\f03f"}.ti-file-star-filled:before{content:"\10115"}.ti-file-symlink:before{content:"\ed53"}.ti-file-text:before{content:"\eaa2"}.ti-file-text-ai:before{content:"\fa27"}.ti-file-text-filled:before{content:"\10114"}.ti-file-text-shield:before{content:"\100f2"}.ti-file-text-spark:before{content:"\ffb8"}.ti-file-time:before{content:"\f040"}.ti-file-type-bmp:before{content:"\fb07"}.ti-file-type-css:before{content:"\fb08"}.ti-file-type-csv:before{content:"\fb09"}.ti-file-type-doc:before{content:"\fb0a"}.ti-file-type-docx:before{content:"\fb0b"}.ti-file-type-html:before{content:"\fb0c"}.ti-file-type-jpg:before{content:"\fb0d"}.ti-file-type-js:before{content:"\fb0e"}.ti-file-type-jsx:before{content:"\fb0f"}.ti-file-type-pdf:before{content:"\fb10"}.ti-file-type-php:before{content:"\fb11"}.ti-file-type-png:before{content:"\fb12"}.ti-file-type-ppt:before{content:"\fb13"}.ti-file-type-rs:before{content:"\fb14"}.ti-file-type-sql:before{content:"\fb15"}.ti-file-type-svg:before{content:"\fb16"}.ti-file-type-ts:before{content:"\fb17"}.ti-file-type-tsx:before{content:"\fb18"}.ti-file-type-txt:before{content:"\fb19"}.ti-file-type-vue:before{content:"\fb1a"}.ti-file-type-xls:before{content:"\fb1b"}.ti-file-type-xml:before{content:"\fb1c"}.ti-file-type-zip:before{content:"\fb1d"}.ti-file-typography:before{content:"\f041"}.ti-file-typography-filled:before{content:"\1016b"}.ti-file-unknown:before{content:"\f042"}.ti-file-upload:before{content:"\ec91"}.ti-file-vector:before{content:"\f043"}.ti-file-word:before{content:"\fef2"}.ti-file-x:before{content:"\eaa3"}.ti-file-x-filled:before{content:"\f748"}.ti-file-zip:before{content:"\ed4e"}.ti-files:before{content:"\edef"}.ti-files-off:before{content:"\edee"}.ti-filter:before{content:"\eaa5"}.ti-filter-2:before{content:"\1014b"}.ti-filter-2-bolt:before{content:"\1015f"}.ti-filter-2-cancel:before{content:"\1015e"}.ti-filter-2-check:before{content:"\1015d"}.ti-filter-2-code:before{content:"\1015c"}.ti-filter-2-cog:before{content:"\1015b"}.ti-filter-2-discount:before{content:"\1015a"}.ti-filter-2-dollar:before{content:"\10159"}.ti-filter-2-down:before{content:"\10158"}.ti-filter-2-edit:before{content:"\10157"}.ti-filter-2-exclamation:before{content:"\10156"}.ti-filter-2-minus:before{content:"\10155"}.ti-filter-2-pause:before{content:"\10154"}.ti-filter-2-pin:before{content:"\10153"}.ti-filter-2-plus:before{content:"\10152"}.ti-filter-2-question:before{content:"\10151"}.ti-filter-2-search:before{content:"\10150"}.ti-filter-2-share:before{content:"\1014f"}.ti-filter-2-spark:before{content:"\1014e"}.ti-filter-2-up:before{content:"\1014d"}.ti-filter-2-x:before{content:"\1014c"}.ti-filter-bolt:before{content:"\fb7c"}.ti-filter-cancel:before{content:"\fb7d"}.ti-filter-check:before{content:"\fb7e"}.ti-filter-code:before{content:"\fb7f"}.ti-filter-cog:before{content:"\f9fe"}.ti-filter-discount:before{content:"\fb80"}.ti-filter-dollar:before{content:"\f9ff"}.ti-filter-down:before{content:"\fb81"}.ti-filter-edit:before{content:"\fa00"}.ti-filter-exclamation:before{content:"\fb82"}.ti-filter-filled:before{content:"\fc27"}.ti-filter-heart:before{content:"\fb83"}.ti-filter-minus:before{content:"\fa01"}.ti-filter-off:before{content:"\ed2c"}.ti-filter-pause:before{content:"\fb84"}.ti-filter-pin:before{content:"\fb85"}.ti-filter-plus:before{content:"\fa02"}.ti-filter-question:before{content:"\fb86"}.ti-filter-search:before{content:"\fb87"}.ti-filter-share:before{content:"\fb88"}.ti-filter-spark:before{content:"\1014a"}.ti-filter-star:before{content:"\fa03"}.ti-filter-up:before{content:"\fb89"}.ti-filter-x:before{content:"\fa04"}.ti-filters:before{content:"\f793"}.ti-filters-filled:before{content:"\100c7"}.ti-fingerprint:before{content:"\ebd1"}.ti-fingerprint-off:before{content:"\f12a"}.ti-fingerprint-scan:before{content:"\fcb5"}.ti-fire-extinguisher:before{content:"\faf6"}.ti-fire-hydrant:before{content:"\f3a9"}.ti-fire-hydrant-off:before{content:"\f3ec"}.ti-firetruck:before{content:"\ebe8"}.ti-first-aid-kit:before{content:"\ef5f"}.ti-first-aid-kit-off:before{content:"\f3ed"}.ti-fish:before{content:"\ef2b"}.ti-fish-bone:before{content:"\f287"}.ti-fish-bone-filled:before{content:"\1010b"}.ti-fish-christianity:before{content:"\f58b"}.ti-fish-hook:before{content:"\f1f9"}.ti-fish-hook-off:before{content:"\f3ee"}.ti-fish-off:before{content:"\f12b"}.ti-flag:before{content:"\eaa6"}.ti-flag-2:before{content:"\ee8c"}.ti-flag-2-filled:before{content:"\f707"}.ti-flag-2-off:before{content:"\f12c"}.ti-flag-3:before{content:"\ee8d"}.ti-flag-3-filled:before{content:"\f708"}.ti-flag-bitcoin:before{content:"\ff3c"}.ti-flag-bolt:before{content:"\fb8a"}.ti-flag-cancel:before{content:"\fb8b"}.ti-flag-check:before{content:"\fb8c"}.ti-flag-code:before{content:"\fb8d"}.ti-flag-cog:before{content:"\fb8e"}.ti-flag-discount:before{content:"\fb8f"}.ti-flag-dollar:before{content:"\fb90"}.ti-flag-down:before{content:"\fb91"}.ti-flag-exclamation:before{content:"\fb92"}.ti-flag-filled:before{content:"\f67a"}.ti-flag-heart:before{content:"\fb93"}.ti-flag-minus:before{content:"\fb94"}.ti-flag-off:before{content:"\f12d"}.ti-flag-pause:before{content:"\fb95"}.ti-flag-pin:before{content:"\fb96"}.ti-flag-plus:before{content:"\fb97"}.ti-flag-question:before{content:"\fb98"}.ti-flag-search:before{content:"\fb99"}.ti-flag-share:before{content:"\fb9a"}.ti-flag-spark:before{content:"\ffb7"}.ti-flag-star:before{content:"\fb9b"}.ti-flag-up:before{content:"\fb9c"}.ti-flag-x:before{content:"\fb9d"}.ti-flame:before{content:"\ec2c"}.ti-flame-filled:before{content:"\100c6"}.ti-flame-off:before{content:"\f12e"}.ti-flare:before{content:"\ee8e"}.ti-flare-filled:before{content:"\100c5"}.ti-flask:before{content:"\ebd2"}.ti-flask-2:before{content:"\ef60"}.ti-flask-2-filled:before{content:"\fd12"}.ti-flask-2-off:before{content:"\f12f"}.ti-flask-filled:before{content:"\fd13"}.ti-flask-off:before{content:"\f130"}.ti-flip-flops:before{content:"\f564"}.ti-flip-horizontal:before{content:"\eaa7"}.ti-flip-vertical:before{content:"\eaa8"}.ti-float-center:before{content:"\ebb1"}.ti-float-left:before{content:"\ebb2"}.ti-float-none:before{content:"\ed13"}.ti-float-right:before{content:"\ebb3"}.ti-flower:before{content:"\eff6"}.ti-flower-filled:before{content:"\10010"}.ti-flower-off:before{content:"\f131"}.ti-focus:before{content:"\eb8d"}.ti-focus-2:before{content:"\ebd3"}.ti-focus-auto:before{content:"\fa62"}.ti-focus-centered:before{content:"\f02a"}.ti-fold:before{content:"\ed56"}.ti-fold-down:before{content:"\ed54"}.ti-fold-up:before{content:"\ed55"}.ti-folder:before{content:"\eaad"}.ti-folder-bolt:before{content:"\f90c"}.ti-folder-cancel:before{content:"\f90d"}.ti-folder-check:before{content:"\f90e"}.ti-folder-code:before{content:"\f90f"}.ti-folder-cog:before{content:"\f910"}.ti-folder-dollar:before{content:"\f911"}.ti-folder-down:before{content:"\f912"}.ti-folder-exclamation:before{content:"\f913"}.ti-folder-filled:before{content:"\f749"}.ti-folder-heart:before{content:"\f914"}.ti-folder-minus:before{content:"\eaaa"}.ti-folder-off:before{content:"\ed14"}.ti-folder-open:before{content:"\faf7"}.ti-folder-pause:before{content:"\f915"}.ti-folder-pin:before{content:"\f916"}.ti-folder-plus:before{content:"\eaab"}.ti-folder-question:before{content:"\f917"}.ti-folder-root:before{content:"\fd43"}.ti-folder-search:before{content:"\f918"}.ti-folder-share:before{content:"\f919"}.ti-folder-star:before{content:"\f91a"}.ti-folder-symlink:before{content:"\f91b"}.ti-folder-up:before{content:"\f91c"}.ti-folder-x:before{content:"\eaac"}.ti-folders:before{content:"\eaae"}.ti-folders-filled:before{content:"\100c4"}.ti-folders-off:before{content:"\f133"}.ti-forbid:before{content:"\ebd5"}.ti-forbid-2:before{content:"\ebd4"}.ti-forbid-2-filled:before{content:"\fc28"}.ti-forbid-filled:before{content:"\fc29"}.ti-forklift:before{content:"\ebe9"}.ti-forms:before{content:"\ee8f"}.ti-fountain:before{content:"\f09b"}.ti-fountain-filled:before{content:"\fc2a"}.ti-fountain-off:before{content:"\f134"}.ti-frame:before{content:"\eaaf"}.ti-frame-off:before{content:"\f135"}.ti-free-rights:before{content:"\efb6"}.ti-freeze-column:before{content:"\fa63"}.ti-freeze-row:before{content:"\fa65"}.ti-freeze-row-column:before{content:"\fa64"}.ti-fridge:before{content:"\f1fa"}.ti-fridge-off:before{content:"\f3ef"}.ti-friends:before{content:"\eab0"}.ti-friends-off:before{content:"\f136"}.ti-frustum:before{content:"\fa9f"}.ti-frustum-off:before{content:"\fa9d"}.ti-frustum-plus:before{content:"\fa9e"}.ti-function:before{content:"\f225"}.ti-function-filled:before{content:"\fc2b"}.ti-function-off:before{content:"\f3f0"}.ti-galaxy:before{content:"\fcb6"}.ti-garden-cart:before{content:"\f23e"}.ti-garden-cart-filled:before{content:"\100c3"}.ti-garden-cart-off:before{content:"\f3f1"}.ti-gas-station:before{content:"\ec7d"}.ti-gas-station-filled:before{content:"\100fa"}.ti-gas-station-off:before{content:"\f137"}.ti-gauge:before{content:"\eab1"}.ti-gauge-filled:before{content:"\fc2c"}.ti-gauge-off:before{content:"\f138"}.ti-gavel:before{content:"\ef90"}.ti-gender-agender:before{content:"\f0e1"}.ti-gender-androgyne:before{content:"\f0e2"}.ti-gender-bigender:before{content:"\f0e3"}.ti-gender-demiboy:before{content:"\f0e4"}.ti-gender-demigirl:before{content:"\f0e5"}.ti-gender-epicene:before{content:"\f0e6"}.ti-gender-female:before{content:"\f0e7"}.ti-gender-femme:before{content:"\f0e8"}.ti-gender-genderfluid:before{content:"\f0e9"}.ti-gender-genderless:before{content:"\f0ea"}.ti-gender-genderqueer:before{content:"\f0eb"}.ti-gender-hermaphrodite:before{content:"\f0ec"}.ti-gender-intergender:before{content:"\f0ed"}.ti-gender-male:before{content:"\f0ee"}.ti-gender-neutrois:before{content:"\f0ef"}.ti-gender-third:before{content:"\f0f0"}.ti-gender-transgender:before{content:"\f0f1"}.ti-gender-trasvesti:before{content:"\f0f2"}.ti-geometry:before{content:"\ee90"}.ti-ghost:before{content:"\eb8e"}.ti-ghost-2:before{content:"\f57c"}.ti-ghost-2-filled:before{content:"\f74a"}.ti-ghost-3:before{content:"\fc13"}.ti-ghost-3-filled:before{content:"\100a4"}.ti-ghost-filled:before{content:"\f74b"}.ti-ghost-off:before{content:"\f3f2"}.ti-gif:before{content:"\f257"}.ti-gift:before{content:"\eb68"}.ti-gift-card:before{content:"\f3aa"}.ti-gift-card-filled:before{content:"\fc2d"}.ti-gift-filled:before{content:"\fd14"}.ti-gift-off:before{content:"\f3f3"}.ti-git-branch:before{content:"\eab2"}.ti-git-branch-deleted:before{content:"\f57d"}.ti-git-cherry-pick:before{content:"\f57e"}.ti-git-commit:before{content:"\eab3"}.ti-git-compare:before{content:"\eab4"}.ti-git-fork:before{content:"\eb8f"}.ti-git-merge:before{content:"\eab5"}.ti-git-pull-request:before{content:"\eab6"}.ti-git-pull-request-closed:before{content:"\ef7f"}.ti-git-pull-request-draft:before{content:"\efb7"}.ti-gizmo:before{content:"\f02b"}.ti-glass:before{content:"\eab8"}.ti-glass-champagne:before{content:"\fd9c"}.ti-glass-cocktail:before{content:"\fd9d"}.ti-glass-filled:before{content:"\1000f"}.ti-glass-full:before{content:"\eab7"}.ti-glass-full-filled:before{content:"\fc2e"}.ti-glass-gin:before{content:"\fd9e"}.ti-glass-off:before{content:"\ee91"}.ti-globe:before{content:"\eab9"}.ti-globe-filled:before{content:"\fc2f"}.ti-globe-off:before{content:"\f139"}.ti-go-game:before{content:"\f512"}.ti-golf:before{content:"\ed8c"}.ti-golf-filled:before{content:"\100a3"}.ti-golf-off:before{content:"\f13a"}.ti-gps:before{content:"\ed7a"}.ti-gps-filled:before{content:"\fe48"}.ti-gradienter:before{content:"\f3ab"}.ti-grain:before{content:"\ee92"}.ti-graph:before{content:"\f288"}.ti-graph-filled:before{content:"\fd15"}.ti-graph-off:before{content:"\f3f4"}.ti-grave:before{content:"\f580"}.ti-grave-2:before{content:"\f57f"}.ti-grid-3x3:before{content:"\fca4"}.ti-grid-4x4:before{content:"\fca5"}.ti-grid-dots:before{content:"\eaba"}.ti-grid-goldenratio:before{content:"\fca6"}.ti-grid-pattern:before{content:"\efc9"}.ti-grid-pattern-filled:before{content:"\100c2"}.ti-grid-scan:before{content:"\fca7"}.ti-grill:before{content:"\efa9"}.ti-grill-fork:before{content:"\f35b"}.ti-grill-off:before{content:"\f3f5"}.ti-grill-spatula:before{content:"\f35c"}.ti-grip-horizontal:before{content:"\ec00"}.ti-grip-vertical:before{content:"\ec01"}.ti-growth:before{content:"\ee93"}.ti-guitar-pick:before{content:"\f4c6"}.ti-guitar-pick-filled:before{content:"\f67b"}.ti-gymnastics:before{content:"\fd44"}.ti-h-1:before{content:"\ec94"}.ti-h-2:before{content:"\ec95"}.ti-h-3:before{content:"\ec96"}.ti-h-4:before{content:"\ec97"}.ti-h-5:before{content:"\ec98"}.ti-h-6:before{content:"\ec99"}.ti-hammer:before{content:"\ef91"}.ti-hammer-off:before{content:"\f13c"}.ti-hand-click:before{content:"\ef4f"}.ti-hand-click-off:before{content:"\100f1"}.ti-hand-finger:before{content:"\ee94"}.ti-hand-finger-down:before{content:"\ff4f"}.ti-hand-finger-left:before{content:"\ff4e"}.ti-hand-finger-off:before{content:"\f13d"}.ti-hand-finger-right:before{content:"\ff4d"}.ti-hand-grab:before{content:"\f091"}.ti-hand-little-finger:before{content:"\ee95"}.ti-hand-love-you:before{content:"\ee97"}.ti-hand-middle-finger:before{content:"\ec2d"}.ti-hand-move:before{content:"\ef50"}.ti-hand-off:before{content:"\ed15"}.ti-hand-ring-finger:before{content:"\ee96"}.ti-hand-sanitizer:before{content:"\f5f4"}.ti-hand-stop:before{content:"\ec2e"}.ti-hand-three-fingers:before{content:"\ee98"}.ti-hand-two-fingers:before{content:"\ee99"}.ti-hanger:before{content:"\ee9a"}.ti-hanger-2:before{content:"\f09c"}.ti-hanger-2-filled:before{content:"\ff61"}.ti-hanger-off:before{content:"\f13e"}.ti-hash:before{content:"\eabc"}.ti-haze:before{content:"\efaa"}.ti-haze-moon:before{content:"\faf8"}.ti-hdr:before{content:"\fa7b"}.ti-heading:before{content:"\ee9b"}.ti-heading-off:before{content:"\f13f"}.ti-headphones:before{content:"\eabd"}.ti-headphones-filled:before{content:"\fa3c"}.ti-headphones-off:before{content:"\ed1d"}.ti-headset:before{content:"\eb90"}.ti-headset-off:before{content:"\f3f6"}.ti-health-recognition:before{content:"\f1fb"}.ti-heart:before{content:"\eabe"}.ti-heart-bitcoin:before{content:"\ff3b"}.ti-heart-bolt:before{content:"\fb9e"}.ti-heart-broken:before{content:"\ecba"}.ti-heart-broken-filled:before{content:"\1016a"}.ti-heart-cancel:before{content:"\fb9f"}.ti-heart-check:before{content:"\fba0"}.ti-heart-code:before{content:"\fba1"}.ti-heart-cog:before{content:"\fba2"}.ti-heart-discount:before{content:"\fba3"}.ti-heart-dollar:before{content:"\fba4"}.ti-heart-down:before{content:"\fba5"}.ti-heart-exclamation:before{content:"\fba6"}.ti-heart-filled:before{content:"\f67c"}.ti-heart-handshake:before{content:"\f0f3"}.ti-heart-minus:before{content:"\f140"}.ti-heart-off:before{content:"\f141"}.ti-heart-pause:before{content:"\fba7"}.ti-heart-pin:before{content:"\fba8"}.ti-heart-plus:before{content:"\f142"}.ti-heart-question:before{content:"\fba9"}.ti-heart-rate-monitor:before{content:"\ef61"}.ti-heart-search:before{content:"\fbaa"}.ti-heart-share:before{content:"\fbab"}.ti-heart-spark:before{content:"\ffb6"}.ti-heart-star:before{content:"\fbac"}.ti-heart-up:before{content:"\fbad"}.ti-heart-x:before{content:"\fbae"}.ti-heartbeat:before{content:"\ef92"}.ti-hearts:before{content:"\f387"}.ti-hearts-off:before{content:"\f3f7"}.ti-helicopter:before{content:"\ed8e"}.ti-helicopter-filled:before{content:"\100f9"}.ti-helicopter-landing:before{content:"\ed8d"}.ti-helicopter-landing-filled:before{content:"\100c1"}.ti-helmet:before{content:"\efca"}.ti-helmet-off:before{content:"\f143"}.ti-help:before{content:"\eabf"}.ti-help-circle:before{content:"\f91d"}.ti-help-circle-filled:before{content:"\fa3d"}.ti-help-hexagon:before{content:"\f7a8"}.ti-help-hexagon-filled:before{content:"\fa3e"}.ti-help-octagon:before{content:"\f7a9"}.ti-help-octagon-filled:before{content:"\fa3f"}.ti-help-off:before{content:"\f3f8"}.ti-help-small:before{content:"\f91e"}.ti-help-square:before{content:"\f920"}.ti-help-square-filled:before{content:"\fa40"}.ti-help-square-rounded:before{content:"\f91f"}.ti-help-square-rounded-filled:before{content:"\fa41"}.ti-help-triangle:before{content:"\f921"}.ti-help-triangle-filled:before{content:"\fa42"}.ti-hemisphere:before{content:"\faa2"}.ti-hemisphere-off:before{content:"\faa0"}.ti-hemisphere-plus:before{content:"\faa1"}.ti-hexagon:before{content:"\ec02"}.ti-hexagon-3d:before{content:"\f4c7"}.ti-hexagon-filled:before{content:"\f67d"}.ti-hexagon-letter-a:before{content:"\f463"}.ti-hexagon-letter-a-filled:before{content:"\fe47"}.ti-hexagon-letter-b:before{content:"\f464"}.ti-hexagon-letter-b-filled:before{content:"\fe46"}.ti-hexagon-letter-c:before{content:"\f465"}.ti-hexagon-letter-c-filled:before{content:"\fe45"}.ti-hexagon-letter-d:before{content:"\f466"}.ti-hexagon-letter-d-filled:before{content:"\fe44"}.ti-hexagon-letter-e:before{content:"\f467"}.ti-hexagon-letter-e-filled:before{content:"\fe43"}.ti-hexagon-letter-f:before{content:"\f468"}.ti-hexagon-letter-f-filled:before{content:"\fe42"}.ti-hexagon-letter-g:before{content:"\f469"}.ti-hexagon-letter-g-filled:before{content:"\fe41"}.ti-hexagon-letter-h:before{content:"\f46a"}.ti-hexagon-letter-h-filled:before{content:"\fe40"}.ti-hexagon-letter-i:before{content:"\f46b"}.ti-hexagon-letter-i-filled:before{content:"\fe3f"}.ti-hexagon-letter-j:before{content:"\f46c"}.ti-hexagon-letter-j-filled:before{content:"\fe3e"}.ti-hexagon-letter-k:before{content:"\f46d"}.ti-hexagon-letter-k-filled:before{content:"\fe3d"}.ti-hexagon-letter-l:before{content:"\f46e"}.ti-hexagon-letter-l-filled:before{content:"\fe3c"}.ti-hexagon-letter-m:before{content:"\f46f"}.ti-hexagon-letter-m-filled:before{content:"\fe3b"}.ti-hexagon-letter-n:before{content:"\f470"}.ti-hexagon-letter-n-filled:before{content:"\fe3a"}.ti-hexagon-letter-o:before{content:"\f471"}.ti-hexagon-letter-o-filled:before{content:"\fe39"}.ti-hexagon-letter-p:before{content:"\f472"}.ti-hexagon-letter-p-filled:before{content:"\fe38"}.ti-hexagon-letter-q:before{content:"\f473"}.ti-hexagon-letter-q-filled:before{content:"\fe37"}.ti-hexagon-letter-r:before{content:"\f474"}.ti-hexagon-letter-r-filled:before{content:"\fe36"}.ti-hexagon-letter-s:before{content:"\f475"}.ti-hexagon-letter-s-filled:before{content:"\fe35"}.ti-hexagon-letter-t:before{content:"\f476"}.ti-hexagon-letter-t-filled:before{content:"\fe34"}.ti-hexagon-letter-u:before{content:"\f477"}.ti-hexagon-letter-u-filled:before{content:"\fe33"}.ti-hexagon-letter-v:before{content:"\f4b3"}.ti-hexagon-letter-v-filled:before{content:"\fe32"}.ti-hexagon-letter-w:before{content:"\f478"}.ti-hexagon-letter-w-filled:before{content:"\fe31"}.ti-hexagon-letter-x:before{content:"\f479"}.ti-hexagon-letter-x-filled:before{content:"\fe30"}.ti-hexagon-letter-y:before{content:"\f47a"}.ti-hexagon-letter-y-filled:before{content:"\fe2f"}.ti-hexagon-letter-z:before{content:"\f47b"}.ti-hexagon-letter-z-filled:before{content:"\fe2e"}.ti-hexagon-minus:before{content:"\fc8f"}.ti-hexagon-minus-2:before{content:"\fc8e"}.ti-hexagon-minus-filled:before{content:"\fe2d"}.ti-hexagon-number-0:before{content:"\f459"}.ti-hexagon-number-0-filled:before{content:"\f74c"}.ti-hexagon-number-1:before{content:"\f45a"}.ti-hexagon-number-1-filled:before{content:"\f74d"}.ti-hexagon-number-2:before{content:"\f45b"}.ti-hexagon-number-2-filled:before{content:"\f74e"}.ti-hexagon-number-3:before{content:"\f45c"}.ti-hexagon-number-3-filled:before{content:"\f74f"}.ti-hexagon-number-4:before{content:"\f45d"}.ti-hexagon-number-4-filled:before{content:"\f750"}.ti-hexagon-number-5:before{content:"\f45e"}.ti-hexagon-number-5-filled:before{content:"\f751"}.ti-hexagon-number-6:before{content:"\f45f"}.ti-hexagon-number-6-filled:before{content:"\f752"}.ti-hexagon-number-7:before{content:"\f460"}.ti-hexagon-number-7-filled:before{content:"\f753"}.ti-hexagon-number-8:before{content:"\f461"}.ti-hexagon-number-8-filled:before{content:"\f754"}.ti-hexagon-number-9:before{content:"\f462"}.ti-hexagon-number-9-filled:before{content:"\f755"}.ti-hexagon-off:before{content:"\ee9c"}.ti-hexagon-plus:before{content:"\fc45"}.ti-hexagon-plus-2:before{content:"\fc90"}.ti-hexagon-plus-filled:before{content:"\fe2c"}.ti-hexagonal-prism:before{content:"\faa5"}.ti-hexagonal-prism-off:before{content:"\faa3"}.ti-hexagonal-prism-plus:before{content:"\faa4"}.ti-hexagonal-pyramid:before{content:"\faa8"}.ti-hexagonal-pyramid-off:before{content:"\faa6"}.ti-hexagonal-pyramid-plus:before{content:"\faa7"}.ti-hexagons:before{content:"\f09d"}.ti-hexagons-off:before{content:"\f3f9"}.ti-hierarchy:before{content:"\ee9e"}.ti-hierarchy-2:before{content:"\ee9d"}.ti-hierarchy-3:before{content:"\f289"}.ti-hierarchy-off:before{content:"\f3fa"}.ti-highlight:before{content:"\ef3f"}.ti-highlight-off:before{content:"\f144"}.ti-history:before{content:"\ebea"}.ti-history-off:before{content:"\f3fb"}.ti-history-toggle:before{content:"\f1fc"}.ti-home:before{content:"\eac1"}.ti-home-2:before{content:"\eac0"}.ti-home-bitcoin:before{content:"\ff3a"}.ti-home-bolt:before{content:"\f336"}.ti-home-cancel:before{content:"\f350"}.ti-home-check:before{content:"\f337"}.ti-home-cog:before{content:"\f338"}.ti-home-dollar:before{content:"\f339"}.ti-home-dot:before{content:"\f33a"}.ti-home-down:before{content:"\f33b"}.ti-home-eco:before{content:"\f351"}.ti-home-edit:before{content:"\f352"}.ti-home-exclamation:before{content:"\f33c"}.ti-home-filled:before{content:"\fe2b"}.ti-home-hand:before{content:"\f504"}.ti-home-heart:before{content:"\f353"}.ti-home-infinity:before{content:"\f505"}.ti-home-link:before{content:"\f354"}.ti-home-minus:before{content:"\f33d"}.ti-home-move:before{content:"\f33e"}.ti-home-off:before{content:"\f145"}.ti-home-plus:before{content:"\f33f"}.ti-home-question:before{content:"\f340"}.ti-home-ribbon:before{content:"\f355"}.ti-home-search:before{content:"\f341"}.ti-home-share:before{content:"\f342"}.ti-home-shield:before{content:"\f343"}.ti-home-signal:before{content:"\f356"}.ti-home-spark:before{content:"\ffb5"}.ti-home-star:before{content:"\f344"}.ti-home-stats:before{content:"\f345"}.ti-home-up:before{content:"\f346"}.ti-home-x:before{content:"\f347"}.ti-horse:before{content:"\fc46"}.ti-horse-toy:before{content:"\f28a"}.ti-horseshoe:before{content:"\fcb7"}.ti-hospital:before{content:"\fd59"}.ti-hospital-circle:before{content:"\fd58"}.ti-hospital-circle-filled:before{content:"\fed2"}.ti-hotel-service:before{content:"\ef80"}.ti-hourglass:before{content:"\ef93"}.ti-hourglass-empty:before{content:"\f146"}.ti-hourglass-filled:before{content:"\f756"}.ti-hourglass-high:before{content:"\f092"}.ti-hourglass-low:before{content:"\f093"}.ti-hourglass-off:before{content:"\f147"}.ti-hours-12:before{content:"\fc53"}.ti-hours-24:before{content:"\f5e7"}.ti-html:before{content:"\f7b1"}.ti-http-connect:before{content:"\fa28"}.ti-http-connect-off:before{content:"\100e7"}.ti-http-delete:before{content:"\fa29"}.ti-http-delete-off:before{content:"\100e6"}.ti-http-get:before{content:"\fa2a"}.ti-http-get-off:before{content:"\100e5"}.ti-http-head:before{content:"\fa2b"}.ti-http-head-off:before{content:"\100e4"}.ti-http-options:before{content:"\fa2c"}.ti-http-options-off:before{content:"\100e3"}.ti-http-patch:before{content:"\fa2d"}.ti-http-patch-off:before{content:"\100e2"}.ti-http-post:before{content:"\fa2e"}.ti-http-post-off:before{content:"\100e1"}.ti-http-put:before{content:"\fa2f"}.ti-http-put-off:before{content:"\100e0"}.ti-http-que:before{content:"\fa5b"}.ti-http-que-off:before{content:"\100df"}.ti-http-trace:before{content:"\fa30"}.ti-http-trace-off:before{content:"\100de"}.ti-ice-cream:before{content:"\eac2"}.ti-ice-cream-2:before{content:"\ee9f"}.ti-ice-cream-off:before{content:"\f148"}.ti-ice-skating:before{content:"\efcb"}.ti-icons:before{content:"\f1d4"}.ti-icons-filled:before{content:"\10070"}.ti-icons-off:before{content:"\f3fc"}.ti-id:before{content:"\eac3"}.ti-id-badge:before{content:"\eff7"}.ti-id-badge-2:before{content:"\f076"}.ti-id-badge-off:before{content:"\f3fd"}.ti-id-off:before{content:"\f149"}.ti-ikosaedr:before{content:"\fec6"}.ti-image-in-picture:before{content:"\fd9f"}.ti-inbox:before{content:"\eac4"}.ti-inbox-off:before{content:"\f14a"}.ti-indent-decrease:before{content:"\eb91"}.ti-indent-increase:before{content:"\eb92"}.ti-infinity:before{content:"\eb69"}.ti-infinity-off:before{content:"\f3fe"}.ti-info-circle:before{content:"\eac5"}.ti-info-circle-filled:before{content:"\f6d8"}.ti-info-hexagon:before{content:"\f7aa"}.ti-info-hexagon-filled:before{content:"\fa43"}.ti-info-octagon:before{content:"\f7ab"}.ti-info-octagon-filled:before{content:"\fa44"}.ti-info-small:before{content:"\f922"}.ti-info-square:before{content:"\eac6"}.ti-info-square-filled:before{content:"\fa45"}.ti-info-square-rounded:before{content:"\f635"}.ti-info-square-rounded-filled:before{content:"\f6d9"}.ti-info-triangle:before{content:"\f923"}.ti-info-triangle-filled:before{content:"\fa46"}.ti-inner-shadow-bottom:before{content:"\f520"}.ti-inner-shadow-bottom-filled:before{content:"\f757"}.ti-inner-shadow-bottom-left:before{content:"\f51e"}.ti-inner-shadow-bottom-left-filled:before{content:"\f758"}.ti-inner-shadow-bottom-right:before{content:"\f51f"}.ti-inner-shadow-bottom-right-filled:before{content:"\f759"}.ti-inner-shadow-left:before{content:"\f521"}.ti-inner-shadow-left-filled:before{content:"\f75a"}.ti-inner-shadow-right:before{content:"\f522"}.ti-inner-shadow-right-filled:before{content:"\f75b"}.ti-inner-shadow-top:before{content:"\f525"}.ti-inner-shadow-top-filled:before{content:"\f75c"}.ti-inner-shadow-top-left:before{content:"\f523"}.ti-inner-shadow-top-left-filled:before{content:"\f75d"}.ti-inner-shadow-top-right:before{content:"\f524"}.ti-inner-shadow-top-right-filled:before{content:"\f75e"}.ti-input-ai:before{content:"\fc5a"}.ti-input-check:before{content:"\fc5b"}.ti-input-search:before{content:"\f2a2"}.ti-input-spark:before{content:"\ffb4"}.ti-input-x:before{content:"\fc5c"}.ti-invoice:before{content:"\feab"}.ti-ironing:before{content:"\fa7c"}.ti-ironing-1:before{content:"\f2f4"}.ti-ironing-1-filled:before{content:"\1006f"}.ti-ironing-2:before{content:"\f2f5"}.ti-ironing-2-filled:before{content:"\1006e"}.ti-ironing-3:before{content:"\f2f6"}.ti-ironing-3-filled:before{content:"\1006d"}.ti-ironing-filled:before{content:"\fe2a"}.ti-ironing-off:before{content:"\f2f7"}.ti-ironing-steam:before{content:"\f2f9"}.ti-ironing-steam-filled:before{content:"\1006c"}.ti-ironing-steam-off:before{content:"\f2f8"}.ti-irregular-polyhedron:before{content:"\faab"}.ti-irregular-polyhedron-off:before{content:"\faa9"}.ti-irregular-polyhedron-plus:before{content:"\faaa"}.ti-italic:before{content:"\eb93"}.ti-jacket:before{content:"\f661"}.ti-jetpack:before{content:"\f581"}.ti-jetpack-filled:before{content:"\fe29"}.ti-jewish-star:before{content:"\f3ff"}.ti-jewish-star-filled:before{content:"\f67e"}.ti-join-bevel:before{content:"\ff4c"}.ti-join-round:before{content:"\ff4b"}.ti-join-straight:before{content:"\ff4a"}.ti-joker:before{content:"\1005f"}.ti-jpg:before{content:"\f3ac"}.ti-json:before{content:"\f7b2"}.ti-jump-rope:before{content:"\ed8f"}.ti-karate:before{content:"\ed32"}.ti-kayak:before{content:"\f1d6"}.ti-kerning:before{content:"\efb8"}.ti-key:before{content:"\eac7"}.ti-key-filled:before{content:"\fe28"}.ti-key-off:before{content:"\f14b"}.ti-keyboard:before{content:"\ebd6"}.ti-keyboard-filled:before{content:"\100a2"}.ti-keyboard-hide:before{content:"\ec7e"}.ti-keyboard-off:before{content:"\eea0"}.ti-keyboard-show:before{content:"\ec7f"}.ti-keyframe:before{content:"\f576"}.ti-keyframe-align-center:before{content:"\f582"}.ti-keyframe-align-center-filled:before{content:"\fc30"}.ti-keyframe-align-horizontal:before{content:"\f583"}.ti-keyframe-align-horizontal-filled:before{content:"\fc31"}.ti-keyframe-align-vertical:before{content:"\f584"}.ti-keyframe-align-vertical-filled:before{content:"\fc32"}.ti-keyframe-filled:before{content:"\fc33"}.ti-keyframes:before{content:"\f585"}.ti-keyframes-filled:before{content:"\fc34"}.ti-label:before{content:"\ff38"}.ti-label-filled:before{content:"\ff41"}.ti-label-important:before{content:"\ff49"}.ti-label-important-filled:before{content:"\ff60"}.ti-label-off:before{content:"\ff39"}.ti-ladder:before{content:"\efe2"}.ti-ladder-off:before{content:"\f14c"}.ti-ladle:before{content:"\fc14"}.ti-lambda:before{content:"\f541"}.ti-lamp:before{content:"\efab"}.ti-lamp-2:before{content:"\f09e"}.ti-lamp-off:before{content:"\f14d"}.ti-lane:before{content:"\faf9"}.ti-language:before{content:"\ebbe"}.ti-language-hiragana:before{content:"\ef77"}.ti-language-katakana:before{content:"\ef78"}.ti-language-off:before{content:"\f14e"}.ti-lasso:before{content:"\efac"}.ti-lasso-off:before{content:"\f14f"}.ti-lasso-polygon:before{content:"\f388"}.ti-lasso-polygon-filled:before{content:"\ff5f"}.ti-laurel-wreath:before{content:"\ff45"}.ti-laurel-wreath-1:before{content:"\ff48"}.ti-laurel-wreath-1-filled:before{content:"\10169"}.ti-laurel-wreath-2:before{content:"\ff47"}.ti-laurel-wreath-2-filled:before{content:"\10168"}.ti-laurel-wreath-3:before{content:"\ff46"}.ti-laurel-wreath-3-filled:before{content:"\10167"}.ti-laurel-wreath-filled:before{content:"\100c0"}.ti-layers-difference:before{content:"\eac8"}.ti-layers-intersect:before{content:"\eac9"}.ti-layers-intersect-2:before{content:"\eff8"}.ti-layers-linked:before{content:"\eea1"}.ti-layers-off:before{content:"\f150"}.ti-layers-selected:before{content:"\fea9"}.ti-layers-selected-bottom:before{content:"\feaa"}.ti-layers-subtract:before{content:"\eaca"}.ti-layers-union:before{content:"\eacb"}.ti-layout:before{content:"\eadb"}.ti-layout-2:before{content:"\eacc"}.ti-layout-2-filled:before{content:"\fe27"}.ti-layout-align-bottom:before{content:"\eacd"}.ti-layout-align-bottom-filled:before{content:"\fe26"}.ti-layout-align-center:before{content:"\eace"}.ti-layout-align-center-filled:before{content:"\fe25"}.ti-layout-align-left:before{content:"\eacf"}.ti-layout-align-left-filled:before{content:"\fe24"}.ti-layout-align-middle:before{content:"\ead0"}.ti-layout-align-middle-filled:before{content:"\fe23"}.ti-layout-align-right:before{content:"\ead1"}.ti-layout-align-right-filled:before{content:"\fe22"}.ti-layout-align-top:before{content:"\ead2"}.ti-layout-align-top-filled:before{content:"\fe21"}.ti-layout-board:before{content:"\ef95"}.ti-layout-board-filled:before{content:"\10182"}.ti-layout-board-split:before{content:"\ef94"}.ti-layout-board-split-filled:before{content:"\10183"}.ti-layout-bottombar:before{content:"\ead3"}.ti-layout-bottombar-collapse:before{content:"\f28b"}.ti-layout-bottombar-collapse-filled:before{content:"\fc35"}.ti-layout-bottombar-expand:before{content:"\f28c"}.ti-layout-bottombar-expand-filled:before{content:"\fc36"}.ti-layout-bottombar-filled:before{content:"\fc37"}.ti-layout-bottombar-inactive:before{content:"\fd45"}.ti-layout-cards:before{content:"\ec13"}.ti-layout-cards-filled:before{content:"\fe20"}.ti-layout-collage:before{content:"\f389"}.ti-layout-columns:before{content:"\ead4"}.ti-layout-dashboard:before{content:"\f02c"}.ti-layout-dashboard-filled:before{content:"\fe1f"}.ti-layout-distribute-horizontal:before{content:"\ead5"}.ti-layout-distribute-horizontal-filled:before{content:"\fe1e"}.ti-layout-distribute-vertical:before{content:"\ead6"}.ti-layout-distribute-vertical-filled:before{content:"\fe1d"}.ti-layout-filled:before{content:"\fe17"}.ti-layout-grid:before{content:"\edba"}.ti-layout-grid-add:before{content:"\edb9"}.ti-layout-grid-filled:before{content:"\fe1c"}.ti-layout-grid-remove:before{content:"\fa7d"}.ti-layout-kanban:before{content:"\ec3f"}.ti-layout-kanban-filled:before{content:"\fe1b"}.ti-layout-list:before{content:"\ec14"}.ti-layout-list-filled:before{content:"\fe1a"}.ti-layout-navbar:before{content:"\ead7"}.ti-layout-navbar-collapse:before{content:"\f28d"}.ti-layout-navbar-collapse-filled:before{content:"\fc38"}.ti-layout-navbar-expand:before{content:"\f28e"}.ti-layout-navbar-expand-filled:before{content:"\fc39"}.ti-layout-navbar-filled:before{content:"\fc3a"}.ti-layout-navbar-inactive:before{content:"\fd46"}.ti-layout-off:before{content:"\f151"}.ti-layout-rows:before{content:"\ead8"}.ti-layout-sidebar:before{content:"\eada"}.ti-layout-sidebar-filled:before{content:"\fe18"}.ti-layout-sidebar-inactive:before{content:"\fd47"}.ti-layout-sidebar-left-collapse:before{content:"\f004"}.ti-layout-sidebar-left-collapse-filled:before{content:"\fc3b"}.ti-layout-sidebar-left-expand:before{content:"\f005"}.ti-layout-sidebar-left-expand-filled:before{content:"\fc3c"}.ti-layout-sidebar-right:before{content:"\ead9"}.ti-layout-sidebar-right-collapse:before{content:"\f006"}.ti-layout-sidebar-right-collapse-filled:before{content:"\fc3d"}.ti-layout-sidebar-right-expand:before{content:"\f007"}.ti-layout-sidebar-right-expand-filled:before{content:"\fc3e"}.ti-layout-sidebar-right-filled:before{content:"\fe19"}.ti-layout-sidebar-right-inactive:before{content:"\fd48"}.ti-leaf:before{content:"\ed4f"}.ti-leaf-2:before{content:"\ff44"}.ti-leaf-off:before{content:"\f400"}.ti-lego:before{content:"\eadc"}.ti-lego-filled:before{content:"\fe16"}.ti-lego-off:before{content:"\f401"}.ti-lemon:before{content:"\ef10"}.ti-lemon-2:before{content:"\ef81"}.ti-lemon-2-filled:before{content:"\100bf"}.ti-letter-a:before{content:"\ec50"}.ti-letter-a-small:before{content:"\fcc7"}.ti-letter-b:before{content:"\ec51"}.ti-letter-b-small:before{content:"\fcc8"}.ti-letter-c:before{content:"\ec52"}.ti-letter-c-small:before{content:"\fcc9"}.ti-letter-case:before{content:"\eea5"}.ti-letter-case-lower:before{content:"\eea2"}.ti-letter-case-toggle:before{content:"\eea3"}.ti-letter-case-upper:before{content:"\eea4"}.ti-letter-d:before{content:"\ec53"}.ti-letter-d-small:before{content:"\fcca"}.ti-letter-e:before{content:"\ec54"}.ti-letter-e-small:before{content:"\fccb"}.ti-letter-f:before{content:"\ec55"}.ti-letter-f-small:before{content:"\fccc"}.ti-letter-g:before{content:"\ec56"}.ti-letter-g-small:before{content:"\fccd"}.ti-letter-h:before{content:"\ec57"}.ti-letter-h-small:before{content:"\fcce"}.ti-letter-i:before{content:"\ec58"}.ti-letter-i-small:before{content:"\fccf"}.ti-letter-j:before{content:"\ec59"}.ti-letter-j-small:before{content:"\fcd0"}.ti-letter-k:before{content:"\ec5a"}.ti-letter-k-small:before{content:"\fcd1"}.ti-letter-l:before{content:"\ec5b"}.ti-letter-l-small:before{content:"\fcd2"}.ti-letter-m:before{content:"\ec5c"}.ti-letter-m-small:before{content:"\fcd3"}.ti-letter-n:before{content:"\ec5d"}.ti-letter-n-small:before{content:"\fcd4"}.ti-letter-o:before{content:"\ec5e"}.ti-letter-o-small:before{content:"\fcd5"}.ti-letter-p:before{content:"\ec5f"}.ti-letter-p-small:before{content:"\fcd6"}.ti-letter-q:before{content:"\ec60"}.ti-letter-q-small:before{content:"\fcd7"}.ti-letter-r:before{content:"\ec61"}.ti-letter-r-small:before{content:"\fcd8"}.ti-letter-s:before{content:"\ec62"}.ti-letter-s-small:before{content:"\fcd9"}.ti-letter-spacing:before{content:"\eea6"}.ti-letter-t:before{content:"\ec63"}.ti-letter-t-small:before{content:"\fcda"}.ti-letter-u:before{content:"\ec64"}.ti-letter-u-small:before{content:"\fcdb"}.ti-letter-v:before{content:"\ec65"}.ti-letter-v-small:before{content:"\fcdc"}.ti-letter-w:before{content:"\ec66"}.ti-letter-w-small:before{content:"\fcdd"}.ti-letter-x:before{content:"\ec67"}.ti-letter-x-small:before{content:"\fcde"}.ti-letter-y:before{content:"\ec68"}.ti-letter-y-small:before{content:"\fcdf"}.ti-letter-z:before{content:"\ec69"}.ti-letter-z-small:before{content:"\fce0"}.ti-library:before{content:"\fd4c"}.ti-library-filled:before{content:"\10180"}.ti-library-minus:before{content:"\fd49"}.ti-library-photo:before{content:"\fd4a"}.ti-library-plus:before{content:"\fd4b"}.ti-library-plus-filled:before{content:"\10181"}.ti-license:before{content:"\ebc0"}.ti-license-off:before{content:"\f153"}.ti-lifebuoy:before{content:"\eadd"}.ti-lifebuoy-filled:before{content:"\100be"}.ti-lifebuoy-off:before{content:"\f154"}.ti-lighter:before{content:"\f794"}.ti-line:before{content:"\ec40"}.ti-line-dashed:before{content:"\eea7"}.ti-line-dotted:before{content:"\eea8"}.ti-line-height:before{content:"\eb94"}.ti-line-scan:before{content:"\fcb8"}.ti-link:before{content:"\eade"}.ti-link-minus:before{content:"\fd16"}.ti-link-off:before{content:"\f402"}.ti-link-plus:before{content:"\fd17"}.ti-list:before{content:"\eb6b"}.ti-list-check:before{content:"\eb6a"}.ti-list-details:before{content:"\ef40"}.ti-list-letters:before{content:"\fc47"}.ti-list-numbers:before{content:"\ef11"}.ti-list-search:before{content:"\eea9"}.ti-list-tree:before{content:"\fafa"}.ti-live-photo:before{content:"\eadf"}.ti-live-photo-filled:before{content:"\fed1"}.ti-live-photo-off:before{content:"\f403"}.ti-live-view:before{content:"\ec6b"}.ti-live-view-filled:before{content:"\100a1"}.ti-load-balancer:before{content:"\fa5c"}.ti-loader:before{content:"\eca3"}.ti-loader-2:before{content:"\f226"}.ti-loader-3:before{content:"\f513"}.ti-loader-quarter:before{content:"\eca2"}.ti-location:before{content:"\eae0"}.ti-location-bolt:before{content:"\fbaf"}.ti-location-broken:before{content:"\f2c4"}.ti-location-cancel:before{content:"\fbb0"}.ti-location-check:before{content:"\fbb1"}.ti-location-code:before{content:"\fbb2"}.ti-location-cog:before{content:"\fbb3"}.ti-location-discount:before{content:"\fbb4"}.ti-location-dollar:before{content:"\fbb5"}.ti-location-down:before{content:"\fbb6"}.ti-location-exclamation:before{content:"\fbb7"}.ti-location-filled:before{content:"\f67f"}.ti-location-heart:before{content:"\fbb8"}.ti-location-minus:before{content:"\fbb9"}.ti-location-off:before{content:"\f155"}.ti-location-pause:before{content:"\fbba"}.ti-location-pin:before{content:"\fbbb"}.ti-location-plus:before{content:"\fbbc"}.ti-location-question:before{content:"\fbbd"}.ti-location-search:before{content:"\fbbe"}.ti-location-share:before{content:"\fbbf"}.ti-location-star:before{content:"\fbc0"}.ti-location-up:before{content:"\fbc1"}.ti-location-x:before{content:"\fbc2"}.ti-lock:before{content:"\eae2"}.ti-lock-access:before{content:"\eeaa"}.ti-lock-access-off:before{content:"\f404"}.ti-lock-bitcoin:before{content:"\ff37"}.ti-lock-bolt:before{content:"\f924"}.ti-lock-cancel:before{content:"\f925"}.ti-lock-check:before{content:"\f926"}.ti-lock-code:before{content:"\f927"}.ti-lock-cog:before{content:"\f928"}.ti-lock-dollar:before{content:"\f929"}.ti-lock-down:before{content:"\f92a"}.ti-lock-exclamation:before{content:"\f92b"}.ti-lock-filled:before{content:"\fe15"}.ti-lock-heart:before{content:"\f92c"}.ti-lock-minus:before{content:"\f92d"}.ti-lock-off:before{content:"\ed1e"}.ti-lock-open:before{content:"\eae1"}.ti-lock-open-2:before{content:"\fea8"}.ti-lock-open-off:before{content:"\f156"}.ti-lock-password:before{content:"\ff9f"}.ti-lock-pause:before{content:"\f92e"}.ti-lock-pin:before{content:"\f92f"}.ti-lock-plus:before{content:"\f930"}.ti-lock-question:before{content:"\f931"}.ti-lock-search:before{content:"\f932"}.ti-lock-share:before{content:"\f933"}.ti-lock-square:before{content:"\ef51"}.ti-lock-square-rounded:before{content:"\f636"}.ti-lock-square-rounded-filled:before{content:"\f6da"}.ti-lock-star:before{content:"\f934"}.ti-lock-up:before{content:"\f935"}.ti-lock-x:before{content:"\f936"}.ti-logic-and:before{content:"\f240"}.ti-logic-buffer:before{content:"\f241"}.ti-logic-nand:before{content:"\f242"}.ti-logic-nor:before{content:"\f243"}.ti-logic-not:before{content:"\f244"}.ti-logic-or:before{content:"\f245"}.ti-logic-xnor:before{content:"\f246"}.ti-logic-xor:before{content:"\f247"}.ti-login:before{content:"\eba7"}.ti-login-2:before{content:"\fc76"}.ti-logout:before{content:"\eba8"}.ti-logout-2:before{content:"\fa7e"}.ti-logs:before{content:"\fea7"}.ti-lollipop:before{content:"\efcc"}.ti-lollipop-off:before{content:"\f157"}.ti-luggage:before{content:"\efad"}.ti-luggage-off:before{content:"\f158"}.ti-lungs:before{content:"\ef62"}.ti-lungs-filled:before{content:"\fe14"}.ti-lungs-off:before{content:"\f405"}.ti-macro:before{content:"\eeab"}.ti-macro-filled:before{content:"\fe13"}.ti-macro-off:before{content:"\f406"}.ti-magnet:before{content:"\eae3"}.ti-magnet-filled:before{content:"\fe12"}.ti-magnet-off:before{content:"\f159"}.ti-magnetic:before{content:"\fcb9"}.ti-mail:before{content:"\eae5"}.ti-mail-ai:before{content:"\fa31"}.ti-mail-bitcoin:before{content:"\ff36"}.ti-mail-bolt:before{content:"\f937"}.ti-mail-cancel:before{content:"\f938"}.ti-mail-check:before{content:"\f939"}.ti-mail-code:before{content:"\f93a"}.ti-mail-cog:before{content:"\f93b"}.ti-mail-dollar:before{content:"\f93c"}.ti-mail-down:before{content:"\f93d"}.ti-mail-exclamation:before{content:"\f93e"}.ti-mail-fast:before{content:"\f069"}.ti-mail-filled:before{content:"\fa47"}.ti-mail-forward:before{content:"\eeac"}.ti-mail-heart:before{content:"\f93f"}.ti-mail-minus:before{content:"\f940"}.ti-mail-off:before{content:"\f15a"}.ti-mail-opened:before{content:"\eae4"}.ti-mail-opened-filled:before{content:"\fa48"}.ti-mail-pause:before{content:"\f941"}.ti-mail-pin:before{content:"\f942"}.ti-mail-plus:before{content:"\f943"}.ti-mail-question:before{content:"\f944"}.ti-mail-search:before{content:"\f945"}.ti-mail-share:before{content:"\f946"}.ti-mail-spark:before{content:"\ffb3"}.ti-mail-star:before{content:"\f947"}.ti-mail-up:before{content:"\f948"}.ti-mail-x:before{content:"\f949"}.ti-mailbox:before{content:"\eead"}.ti-mailbox-off:before{content:"\f15b"}.ti-man:before{content:"\eae6"}.ti-man-filled:before{content:"\fe11"}.ti-manual-gearbox:before{content:"\ed7b"}.ti-manual-gearbox-filled:before{content:"\fe10"}.ti-map:before{content:"\eae9"}.ti-map-2:before{content:"\eae7"}.ti-map-bolt:before{content:"\fbc3"}.ti-map-cancel:before{content:"\fbc4"}.ti-map-check:before{content:"\fbc5"}.ti-map-code:before{content:"\fbc6"}.ti-map-cog:before{content:"\fbc7"}.ti-map-discount:before{content:"\fbc8"}.ti-map-dollar:before{content:"\fbc9"}.ti-map-down:before{content:"\fbca"}.ti-map-east:before{content:"\fc5d"}.ti-map-exclamation:before{content:"\fbcb"}.ti-map-heart:before{content:"\fbcc"}.ti-map-minus:before{content:"\fbcd"}.ti-map-north:before{content:"\fc5e"}.ti-map-off:before{content:"\f15c"}.ti-map-pause:before{content:"\fbce"}.ti-map-pin:before{content:"\eae8"}.ti-map-pin-2:before{content:"\fc48"}.ti-map-pin-bolt:before{content:"\f94a"}.ti-map-pin-cancel:before{content:"\f94b"}.ti-map-pin-check:before{content:"\f94c"}.ti-map-pin-code:before{content:"\f94d"}.ti-map-pin-cog:before{content:"\f94e"}.ti-map-pin-dollar:before{content:"\f94f"}.ti-map-pin-down:before{content:"\f950"}.ti-map-pin-exclamation:before{content:"\f951"}.ti-map-pin-filled:before{content:"\f680"}.ti-map-pin-heart:before{content:"\f952"}.ti-map-pin-minus:before{content:"\f953"}.ti-map-pin-off:before{content:"\ecf3"}.ti-map-pin-pause:before{content:"\f954"}.ti-map-pin-pin:before{content:"\f955"}.ti-map-pin-plus:before{content:"\f956"}.ti-map-pin-question:before{content:"\f957"}.ti-map-pin-search:before{content:"\f958"}.ti-map-pin-share:before{content:"\f795"}.ti-map-pin-star:before{content:"\f959"}.ti-map-pin-up:before{content:"\f95a"}.ti-map-pin-x:before{content:"\f95b"}.ti-map-pins:before{content:"\ed5e"}.ti-map-plus:before{content:"\fbcf"}.ti-map-question:before{content:"\fbd0"}.ti-map-route:before{content:"\fc79"}.ti-map-search:before{content:"\ef82"}.ti-map-share:before{content:"\fbd1"}.ti-map-south:before{content:"\fc5f"}.ti-map-star:before{content:"\fbd2"}.ti-map-up:before{content:"\fbd3"}.ti-map-west:before{content:"\fc60"}.ti-map-x:before{content:"\fbd4"}.ti-markdown:before{content:"\ec41"}.ti-markdown-off:before{content:"\f407"}.ti-marquee:before{content:"\ec77"}.ti-marquee-2:before{content:"\eeae"}.ti-marquee-off:before{content:"\f15d"}.ti-mars:before{content:"\ec80"}.ti-mask:before{content:"\eeb0"}.ti-mask-off:before{content:"\eeaf"}.ti-masks-theater:before{content:"\f263"}.ti-masks-theater-off:before{content:"\f408"}.ti-massage:before{content:"\eeb1"}.ti-matchstick:before{content:"\f577"}.ti-math:before{content:"\ebeb"}.ti-math-1-divide-2:before{content:"\f4e2"}.ti-math-1-divide-3:before{content:"\f4e3"}.ti-math-avg:before{content:"\f0f4"}.ti-math-cos:before{content:"\ff1f"}.ti-math-ctg:before{content:"\ff35"}.ti-math-equal-greater:before{content:"\f4e4"}.ti-math-equal-lower:before{content:"\f4e5"}.ti-math-function:before{content:"\eeb2"}.ti-math-function-off:before{content:"\f15e"}.ti-math-function-y:before{content:"\f4e6"}.ti-math-greater:before{content:"\f4e7"}.ti-math-integral:before{content:"\f4e9"}.ti-math-integral-x:before{content:"\f4e8"}.ti-math-integrals:before{content:"\f4ea"}.ti-math-lower:before{content:"\f4eb"}.ti-math-max:before{content:"\f0f5"}.ti-math-max-min:before{content:"\fda0"}.ti-math-min:before{content:"\f0f6"}.ti-math-not:before{content:"\f4ec"}.ti-math-off:before{content:"\f409"}.ti-math-pi:before{content:"\f4ee"}.ti-math-pi-divide-2:before{content:"\f4ed"}.ti-math-sec:before{content:"\ff34"}.ti-math-sin:before{content:"\ff1e"}.ti-math-symbols:before{content:"\eeb3"}.ti-math-tg:before{content:"\ff33"}.ti-math-x-divide-2:before{content:"\f4ef"}.ti-math-x-divide-y:before{content:"\f4f1"}.ti-math-x-divide-y-2:before{content:"\f4f0"}.ti-math-x-floor-divide-y:before{content:"\10073"}.ti-math-x-minus-x:before{content:"\f4f2"}.ti-math-x-minus-y:before{content:"\f4f3"}.ti-math-x-plus-x:before{content:"\f4f4"}.ti-math-x-plus-y:before{content:"\f4f5"}.ti-math-xy:before{content:"\f4f6"}.ti-math-y-minus-y:before{content:"\f4f7"}.ti-math-y-plus-y:before{content:"\f4f8"}.ti-matrix:before{content:"\100bc"}.ti-maximize:before{content:"\eaea"}.ti-maximize-off:before{content:"\f15f"}.ti-meat:before{content:"\ef12"}.ti-meat-off:before{content:"\f40a"}.ti-medal:before{content:"\ec78"}.ti-medal-2:before{content:"\efcd"}.ti-medical-cross:before{content:"\ec2f"}.ti-medical-cross-circle:before{content:"\fae8"}.ti-medical-cross-filled:before{content:"\f681"}.ti-medical-cross-off:before{content:"\f160"}.ti-medicine-syrup:before{content:"\ef63"}.ti-meeple:before{content:"\f514"}.ti-meeple-filled:before{content:"\100a0"}.ti-melon:before{content:"\fc7a"}.ti-melon-filled:before{content:"\1000e"}.ti-menorah:before{content:"\f58c"}.ti-menu:before{content:"\eaeb"}.ti-menu-2:before{content:"\ec42"}.ti-menu-3:before{content:"\ff43"}.ti-menu-4:before{content:"\ff42"}.ti-menu-deep:before{content:"\fafb"}.ti-menu-order:before{content:"\f5f5"}.ti-message:before{content:"\eaef"}.ti-message-2:before{content:"\eaec"}.ti-message-2-bolt:before{content:"\f95c"}.ti-message-2-cancel:before{content:"\f95d"}.ti-message-2-check:before{content:"\f95e"}.ti-message-2-code:before{content:"\f012"}.ti-message-2-cog:before{content:"\f95f"}.ti-message-2-dollar:before{content:"\f960"}.ti-message-2-down:before{content:"\f961"}.ti-message-2-exclamation:before{content:"\f962"}.ti-message-2-filled:before{content:"\1009f"}.ti-message-2-heart:before{content:"\f963"}.ti-message-2-minus:before{content:"\f964"}.ti-message-2-off:before{content:"\f40b"}.ti-message-2-pause:before{content:"\f965"}.ti-message-2-pin:before{content:"\f966"}.ti-message-2-plus:before{content:"\f967"}.ti-message-2-question:before{content:"\f968"}.ti-message-2-search:before{content:"\f969"}.ti-message-2-share:before{content:"\f077"}.ti-message-2-star:before{content:"\f96a"}.ti-message-2-up:before{content:"\f96b"}.ti-message-2-x:before{content:"\f96c"}.ti-message-bolt:before{content:"\f96d"}.ti-message-cancel:before{content:"\f96e"}.ti-message-chatbot:before{content:"\f38a"}.ti-message-chatbot-filled:before{content:"\fed0"}.ti-message-check:before{content:"\f96f"}.ti-message-circle:before{content:"\eaed"}.ti-message-circle-bolt:before{content:"\f970"}.ti-message-circle-cancel:before{content:"\f971"}.ti-message-circle-check:before{content:"\f972"}.ti-message-circle-code:before{content:"\f973"}.ti-message-circle-cog:before{content:"\f974"}.ti-message-circle-dollar:before{content:"\f975"}.ti-message-circle-down:before{content:"\f976"}.ti-message-circle-exclamation:before{content:"\f977"}.ti-message-circle-filled:before{content:"\fecf"}.ti-message-circle-heart:before{content:"\f978"}.ti-message-circle-minus:before{content:"\f979"}.ti-message-circle-off:before{content:"\ed40"}.ti-message-circle-pause:before{content:"\f97a"}.ti-message-circle-pin:before{content:"\f97b"}.ti-message-circle-plus:before{content:"\f97c"}.ti-message-circle-question:before{content:"\f97d"}.ti-message-circle-search:before{content:"\f97e"}.ti-message-circle-share:before{content:"\f97f"}.ti-message-circle-star:before{content:"\f980"}.ti-message-circle-up:before{content:"\f981"}.ti-message-circle-user:before{content:"\fec5"}.ti-message-circle-x:before{content:"\f982"}.ti-message-code:before{content:"\f013"}.ti-message-cog:before{content:"\f983"}.ti-message-dollar:before{content:"\f984"}.ti-message-dots:before{content:"\eaee"}.ti-message-down:before{content:"\f985"}.ti-message-exclamation:before{content:"\f986"}.ti-message-filled:before{content:"\fecd"}.ti-message-forward:before{content:"\f28f"}.ti-message-heart:before{content:"\f987"}.ti-message-language:before{content:"\efae"}.ti-message-minus:before{content:"\f988"}.ti-message-off:before{content:"\ed41"}.ti-message-pause:before{content:"\f989"}.ti-message-pin:before{content:"\f98a"}.ti-message-plus:before{content:"\ec9a"}.ti-message-question:before{content:"\f98b"}.ti-message-reply:before{content:"\fd4d"}.ti-message-report:before{content:"\ec9b"}.ti-message-report-filled:before{content:"\fece"}.ti-message-search:before{content:"\f98c"}.ti-message-share:before{content:"\f078"}.ti-message-star:before{content:"\f98d"}.ti-message-up:before{content:"\f98e"}.ti-message-user:before{content:"\fec4"}.ti-message-x:before{content:"\f98f"}.ti-messages:before{content:"\eb6c"}.ti-messages-off:before{content:"\ed42"}.ti-meteor:before{content:"\f1fd"}.ti-meteor-filled:before{content:"\1000d"}.ti-meteor-off:before{content:"\f40c"}.ti-meter-cube:before{content:"\fd7c"}.ti-meter-square:before{content:"\fd7d"}.ti-metronome:before{content:"\fd25"}.ti-michelin-bib-gourmand:before{content:"\fae9"}.ti-michelin-star:before{content:"\faeb"}.ti-michelin-star-filled:before{content:"\1000c"}.ti-michelin-star-green:before{content:"\faea"}.ti-mickey:before{content:"\f2a3"}.ti-mickey-filled:before{content:"\f683"}.ti-microphone:before{content:"\eaf0"}.ti-microphone-2:before{content:"\ef2c"}.ti-microphone-2-off:before{content:"\f40d"}.ti-microphone-filled:before{content:"\fe0f"}.ti-microphone-off:before{content:"\ed16"}.ti-microscope:before{content:"\ef64"}.ti-microscope-filled:before{content:"\10166"}.ti-microscope-off:before{content:"\f40e"}.ti-microwave:before{content:"\f248"}.ti-microwave-filled:before{content:"\fe0e"}.ti-microwave-off:before{content:"\f264"}.ti-military-award:before{content:"\f079"}.ti-military-rank:before{content:"\efcf"}.ti-military-rank-filled:before{content:"\ff5e"}.ti-milk:before{content:"\ef13"}.ti-milk-filled:before{content:"\1000b"}.ti-milk-off:before{content:"\f40f"}.ti-milkshake:before{content:"\f4c8"}.ti-minimize:before{content:"\eaf1"}.ti-minus:before{content:"\eaf2"}.ti-minus-vertical:before{content:"\eeb4"}.ti-mist:before{content:"\ec30"}.ti-mist-off:before{content:"\f410"}.ti-mobiledata:before{content:"\f9f5"}.ti-mobiledata-off:before{content:"\f9f4"}.ti-moneybag:before{content:"\f506"}.ti-moneybag-edit:before{content:"\1013d"}.ti-moneybag-heart:before{content:"\1013c"}.ti-moneybag-minus:before{content:"\1013b"}.ti-moneybag-move:before{content:"\10139"}.ti-moneybag-move-back:before{content:"\1013a"}.ti-moneybag-plus:before{content:"\10138"}.ti-monkeybar:before{content:"\feb4"}.ti-mood-angry:before{content:"\f2de"}.ti-mood-angry-filled:before{content:"\ff0a"}.ti-mood-annoyed:before{content:"\f2e0"}.ti-mood-annoyed-2:before{content:"\f2df"}.ti-mood-bitcoin:before{content:"\ff32"}.ti-mood-boy:before{content:"\ed2d"}.ti-mood-check:before{content:"\f7b3"}.ti-mood-cog:before{content:"\f7b4"}.ti-mood-confuzed:before{content:"\eaf3"}.ti-mood-confuzed-filled:before{content:"\f7f2"}.ti-mood-crazy-happy:before{content:"\ed90"}.ti-mood-crazy-happy-filled:before{content:"\ff09"}.ti-mood-cry:before{content:"\ecbb"}.ti-mood-dollar:before{content:"\f7b5"}.ti-mood-edit:before{content:"\fa05"}.ti-mood-empty:before{content:"\eeb5"}.ti-mood-empty-filled:before{content:"\f7f3"}.ti-mood-happy:before{content:"\eaf4"}.ti-mood-happy-filled:before{content:"\f7f4"}.ti-mood-heart:before{content:"\f7b6"}.ti-mood-kid:before{content:"\ec03"}.ti-mood-kid-filled:before{content:"\f7f5"}.ti-mood-look-down:before{content:"\fd37"}.ti-mood-look-left:before{content:"\f2c5"}.ti-mood-look-right:before{content:"\f2c6"}.ti-mood-look-up:before{content:"\fd38"}.ti-mood-minus:before{content:"\f7b7"}.ti-mood-nerd:before{content:"\f2e1"}.ti-mood-nervous:before{content:"\ef96"}.ti-mood-neutral:before{content:"\eaf5"}.ti-mood-neutral-filled:before{content:"\f7f6"}.ti-mood-off:before{content:"\f161"}.ti-mood-pin:before{content:"\f7b8"}.ti-mood-plus:before{content:"\f7b9"}.ti-mood-puzzled:before{content:"\fd39"}.ti-mood-sad:before{content:"\eaf6"}.ti-mood-sad-2:before{content:"\f2e2"}.ti-mood-sad-dizzy:before{content:"\f2e3"}.ti-mood-sad-filled:before{content:"\f7f7"}.ti-mood-sad-squint:before{content:"\f2e4"}.ti-mood-search:before{content:"\f7ba"}.ti-mood-share:before{content:"\fa06"}.ti-mood-sick:before{content:"\f2e5"}.ti-mood-silence:before{content:"\f2e6"}.ti-mood-sing:before{content:"\f2c7"}.ti-mood-smile:before{content:"\eaf7"}.ti-mood-smile-beam:before{content:"\f2e7"}.ti-mood-smile-dizzy:before{content:"\f2e8"}.ti-mood-smile-filled:before{content:"\f7f8"}.ti-mood-spark:before{content:"\ffb2"}.ti-mood-surprised:before{content:"\ec04"}.ti-mood-tongue:before{content:"\eb95"}.ti-mood-tongue-wink:before{content:"\f2ea"}.ti-mood-tongue-wink-2:before{content:"\f2e9"}.ti-mood-unamused:before{content:"\f2eb"}.ti-mood-up:before{content:"\f7bb"}.ti-mood-wink:before{content:"\f2ed"}.ti-mood-wink-2:before{content:"\f2ec"}.ti-mood-wrrr:before{content:"\f2ee"}.ti-mood-wrrr-filled:before{content:"\ff08"}.ti-mood-x:before{content:"\f7bc"}.ti-mood-xd:before{content:"\f2ef"}.ti-moon:before{content:"\eaf8"}.ti-moon-2:before{content:"\ece6"}.ti-moon-filled:before{content:"\f684"}.ti-moon-off:before{content:"\f162"}.ti-moon-stars:before{content:"\ece7"}.ti-moped:before{content:"\ecbc"}.ti-motorbike:before{content:"\eeb6"}.ti-motorbike-filled:before{content:"\100f8"}.ti-mountain:before{content:"\ef97"}.ti-mountain-filled:before{content:"\1000a"}.ti-mountain-off:before{content:"\f411"}.ti-mouse:before{content:"\eaf9"}.ti-mouse-2:before{content:"\f1d7"}.ti-mouse-filled:before{content:"\fb2f"}.ti-mouse-off:before{content:"\f163"}.ti-moustache:before{content:"\f4c9"}.ti-movie:before{content:"\eafa"}.ti-movie-off:before{content:"\f164"}.ti-mug:before{content:"\eafb"}.ti-mug-filled:before{content:"\10009"}.ti-mug-off:before{content:"\f165"}.ti-multiplier-0-5x:before{content:"\ef41"}.ti-multiplier-1-5x:before{content:"\ef42"}.ti-multiplier-1x:before{content:"\ef43"}.ti-multiplier-2x:before{content:"\ef44"}.ti-mushroom:before{content:"\ef14"}.ti-mushroom-filled:before{content:"\f7f9"}.ti-mushroom-off:before{content:"\f412"}.ti-music:before{content:"\eafc"}.ti-music-bolt:before{content:"\fbd5"}.ti-music-cancel:before{content:"\fbd6"}.ti-music-check:before{content:"\fbd7"}.ti-music-code:before{content:"\fbd8"}.ti-music-cog:before{content:"\fbd9"}.ti-music-discount:before{content:"\fbda"}.ti-music-dollar:before{content:"\fbdb"}.ti-music-down:before{content:"\fbdc"}.ti-music-exclamation:before{content:"\fbdd"}.ti-music-heart:before{content:"\fbde"}.ti-music-minus:before{content:"\fbdf"}.ti-music-off:before{content:"\f166"}.ti-music-pause:before{content:"\fbe0"}.ti-music-pin:before{content:"\fbe1"}.ti-music-plus:before{content:"\fbe2"}.ti-music-question:before{content:"\fbe3"}.ti-music-search:before{content:"\fbe4"}.ti-music-share:before{content:"\fbe5"}.ti-music-star:before{content:"\fbe6"}.ti-music-up:before{content:"\fbe7"}.ti-music-x:before{content:"\fbe8"}.ti-navigation:before{content:"\f2c8"}.ti-navigation-bolt:before{content:"\fbe9"}.ti-navigation-cancel:before{content:"\fbea"}.ti-navigation-check:before{content:"\fbeb"}.ti-navigation-code:before{content:"\fbec"}.ti-navigation-cog:before{content:"\fbed"}.ti-navigation-discount:before{content:"\fbee"}.ti-navigation-dollar:before{content:"\fbef"}.ti-navigation-down:before{content:"\fbf0"}.ti-navigation-east:before{content:"\fcba"}.ti-navigation-exclamation:before{content:"\fbf1"}.ti-navigation-filled:before{content:"\f685"}.ti-navigation-heart:before{content:"\fbf2"}.ti-navigation-minus:before{content:"\fbf3"}.ti-navigation-north:before{content:"\fcbb"}.ti-navigation-off:before{content:"\f413"}.ti-navigation-pause:before{content:"\fbf4"}.ti-navigation-pin:before{content:"\fbf5"}.ti-navigation-plus:before{content:"\fbf6"}.ti-navigation-question:before{content:"\fbf7"}.ti-navigation-search:before{content:"\fbf8"}.ti-navigation-share:before{content:"\fbf9"}.ti-navigation-south:before{content:"\fcbc"}.ti-navigation-star:before{content:"\fbfa"}.ti-navigation-top:before{content:"\faec"}.ti-navigation-up:before{content:"\fbfb"}.ti-navigation-west:before{content:"\fcbd"}.ti-navigation-x:before{content:"\fbfc"}.ti-needle:before{content:"\f508"}.ti-needle-thread:before{content:"\f507"}.ti-network:before{content:"\f09f"}.ti-network-off:before{content:"\f414"}.ti-new-section:before{content:"\ebc1"}.ti-news:before{content:"\eafd"}.ti-news-off:before{content:"\f167"}.ti-nfc:before{content:"\eeb7"}.ti-nfc-off:before{content:"\f168"}.ti-no-copyright:before{content:"\efb9"}.ti-no-creative-commons:before{content:"\efba"}.ti-no-derivatives:before{content:"\efbb"}.ti-north-star:before{content:"\f014"}.ti-note:before{content:"\eb6d"}.ti-note-off:before{content:"\f169"}.ti-notebook:before{content:"\eb96"}.ti-notebook-off:before{content:"\f415"}.ti-notes:before{content:"\eb6e"}.ti-notes-off:before{content:"\f16a"}.ti-notification:before{content:"\eafe"}.ti-notification-off:before{content:"\f16b"}.ti-number:before{content:"\f1fe"}.ti-number-0:before{content:"\edf0"}.ti-number-0-small:before{content:"\fce1"}.ti-number-1:before{content:"\edf1"}.ti-number-1-small:before{content:"\fce2"}.ti-number-10:before{content:"\1005e"}.ti-number-10-small:before{content:"\fce3"}.ti-number-100-small:before{content:"\10005"}.ti-number-11:before{content:"\1005d"}.ti-number-11-small:before{content:"\fce4"}.ti-number-12-small:before{content:"\fce5"}.ti-number-123:before{content:"\f554"}.ti-number-13-small:before{content:"\fce6"}.ti-number-14-small:before{content:"\fce7"}.ti-number-15-small:before{content:"\fce8"}.ti-number-16-small:before{content:"\fce9"}.ti-number-17-small:before{content:"\fcea"}.ti-number-18-small:before{content:"\fceb"}.ti-number-19-small:before{content:"\fcec"}.ti-number-2:before{content:"\edf2"}.ti-number-2-small:before{content:"\fced"}.ti-number-20-small:before{content:"\fcee"}.ti-number-21-small:before{content:"\fcef"}.ti-number-22-small:before{content:"\fcf0"}.ti-number-23-small:before{content:"\fcf1"}.ti-number-24-small:before{content:"\fcf2"}.ti-number-25-small:before{content:"\fcf3"}.ti-number-26-small:before{content:"\fcf4"}.ti-number-27-small:before{content:"\fcf5"}.ti-number-28-small:before{content:"\fcf6"}.ti-number-29-small:before{content:"\fcf7"}.ti-number-3:before{content:"\edf3"}.ti-number-3-small:before{content:"\fcf8"}.ti-number-30-small:before{content:"\10004"}.ti-number-31-small:before{content:"\10003"}.ti-number-32-small:before{content:"\10002"}.ti-number-33-small:before{content:"\10001"}.ti-number-34-small:before{content:"\10000"}.ti-number-35-small:before{content:"\ffff"}.ti-number-36-small:before{content:"\fffe"}.ti-number-37-small:before{content:"\fffd"}.ti-number-38-small:before{content:"\fffc"}.ti-number-39-small:before{content:"\fffb"}.ti-number-4:before{content:"\edf4"}.ti-number-4-small:before{content:"\fcf9"}.ti-number-40-small:before{content:"\fffa"}.ti-number-41-small:before{content:"\fff9"}.ti-number-42-small:before{content:"\fff8"}.ti-number-43-small:before{content:"\fff7"}.ti-number-44-small:before{content:"\fff6"}.ti-number-45-small:before{content:"\fff5"}.ti-number-46-small:before{content:"\fff4"}.ti-number-47-small:before{content:"\fff3"}.ti-number-48-small:before{content:"\fff2"}.ti-number-49-small:before{content:"\fff1"}.ti-number-5:before{content:"\edf5"}.ti-number-5-small:before{content:"\fcfa"}.ti-number-50-small:before{content:"\fff0"}.ti-number-51-small:before{content:"\ffef"}.ti-number-52-small:before{content:"\ffee"}.ti-number-53-small:before{content:"\ffed"}.ti-number-54-small:before{content:"\ffec"}.ti-number-55-small:before{content:"\ffeb"}.ti-number-56-small:before{content:"\ffea"}.ti-number-57-small:before{content:"\ffe9"}.ti-number-58-small:before{content:"\ffe8"}.ti-number-59-small:before{content:"\ffe7"}.ti-number-6:before{content:"\edf6"}.ti-number-6-small:before{content:"\fcfb"}.ti-number-60-small:before{content:"\ffe6"}.ti-number-61-small:before{content:"\ffe5"}.ti-number-62-small:before{content:"\ffe4"}.ti-number-63-small:before{content:"\ffe3"}.ti-number-64-small:before{content:"\ffe2"}.ti-number-65-small:before{content:"\ffe1"}.ti-number-66-small:before{content:"\ffe0"}.ti-number-67-small:before{content:"\ffdf"}.ti-number-68-small:before{content:"\ffde"}.ti-number-69-small:before{content:"\ffdd"}.ti-number-7:before{content:"\edf7"}.ti-number-7-small:before{content:"\fcfc"}.ti-number-70-small:before{content:"\ffdc"}.ti-number-71-small:before{content:"\ffdb"}.ti-number-72-small:before{content:"\ffda"}.ti-number-73-small:before{content:"\ffd9"}.ti-number-74-small:before{content:"\ffd8"}.ti-number-75-small:before{content:"\ffd7"}.ti-number-76-small:before{content:"\ffd6"}.ti-number-77-small:before{content:"\ffd5"}.ti-number-78-small:before{content:"\ffd4"}.ti-number-79-small:before{content:"\ffd3"}.ti-number-8:before{content:"\edf8"}.ti-number-8-small:before{content:"\fcfd"}.ti-number-80-small:before{content:"\ffd2"}.ti-number-81-small:before{content:"\ffd1"}.ti-number-82-small:before{content:"\ffd0"}.ti-number-83-small:before{content:"\ffcf"}.ti-number-84-small:before{content:"\ffce"}.ti-number-85-small:before{content:"\ffcd"}.ti-number-86-small:before{content:"\ffcc"}.ti-number-87-small:before{content:"\ffcb"}.ti-number-88-small:before{content:"\ffca"}.ti-number-89-small:before{content:"\ffc9"}.ti-number-9:before{content:"\edf9"}.ti-number-9-small:before{content:"\fcfe"}.ti-number-90-small:before{content:"\ffc8"}.ti-number-91-small:before{content:"\ffc7"}.ti-number-92-small:before{content:"\ffc6"}.ti-number-93-small:before{content:"\ffc5"}.ti-number-94-small:before{content:"\ffc4"}.ti-number-95-small:before{content:"\ffc3"}.ti-number-96-small:before{content:"\ffc2"}.ti-number-97-small:before{content:"\ffc1"}.ti-number-98-small:before{content:"\ffc0"}.ti-number-99-small:before{content:"\ffbf"}.ti-numbers:before{content:"\f015"}.ti-nurse:before{content:"\ef65"}.ti-nurse-filled:before{content:"\1009e"}.ti-nut:before{content:"\fc61"}.ti-object-scan:before{content:"\fef1"}.ti-octagon:before{content:"\ecbd"}.ti-octagon-filled:before{content:"\f686"}.ti-octagon-minus:before{content:"\fc92"}.ti-octagon-minus-2:before{content:"\fc91"}.ti-octagon-minus-filled:before{content:"\1017f"}.ti-octagon-off:before{content:"\eeb8"}.ti-octagon-plus:before{content:"\fc94"}.ti-octagon-plus-2:before{content:"\fc93"}.ti-octagon-plus-filled:before{content:"\1017e"}.ti-octahedron:before{content:"\faae"}.ti-octahedron-off:before{content:"\faac"}.ti-octahedron-plus:before{content:"\faad"}.ti-old:before{content:"\eeb9"}.ti-olympics:before{content:"\eeba"}.ti-olympics-off:before{content:"\f416"}.ti-om:before{content:"\f58d"}.ti-omega:before{content:"\eb97"}.ti-outbound:before{content:"\f249"}.ti-outlet:before{content:"\ebd7"}.ti-oval:before{content:"\f02e"}.ti-oval-filled:before{content:"\f687"}.ti-oval-vertical:before{content:"\f02d"}.ti-oval-vertical-filled:before{content:"\f688"}.ti-overline:before{content:"\eebb"}.ti-package:before{content:"\eaff"}.ti-package-export:before{content:"\f07a"}.ti-package-import:before{content:"\f07b"}.ti-package-off:before{content:"\f16c"}.ti-packages:before{content:"\f2c9"}.ti-pacman:before{content:"\eebc"}.ti-page-break:before{content:"\ec81"}.ti-paint:before{content:"\eb00"}.ti-paint-filled:before{content:"\f75f"}.ti-paint-off:before{content:"\f16d"}.ti-palette:before{content:"\eb01"}.ti-palette-filled:before{content:"\1009d"}.ti-palette-off:before{content:"\f16e"}.ti-panorama-horizontal:before{content:"\ed33"}.ti-panorama-horizontal-filled:before{content:"\fecc"}.ti-panorama-horizontal-off:before{content:"\f417"}.ti-panorama-vertical:before{content:"\ed34"}.ti-panorama-vertical-filled:before{content:"\fecb"}.ti-panorama-vertical-off:before{content:"\f418"}.ti-paper-bag:before{content:"\f02f"}.ti-paper-bag-off:before{content:"\f16f"}.ti-paperclip:before{content:"\eb02"}.ti-parachute:before{content:"\ed7c"}.ti-parachute-off:before{content:"\f170"}.ti-parentheses:before{content:"\ebd8"}.ti-parentheses-off:before{content:"\f171"}.ti-parking:before{content:"\eb03"}.ti-parking-circle:before{content:"\fd5a"}.ti-parking-circle-filled:before{content:"\feca"}.ti-parking-off:before{content:"\f172"}.ti-password:before{content:"\f4ca"}.ti-password-fingerprint:before{content:"\fc7b"}.ti-password-mobile-phone:before{content:"\fc7c"}.ti-password-user:before{content:"\fc7d"}.ti-paw:before{content:"\eff9"}.ti-paw-filled:before{content:"\f689"}.ti-paw-off:before{content:"\f419"}.ti-paywall:before{content:"\fd7e"}.ti-pdf:before{content:"\f7ac"}.ti-peace:before{content:"\ecbe"}.ti-pencil:before{content:"\eb04"}.ti-pencil-bolt:before{content:"\fbfd"}.ti-pencil-cancel:before{content:"\fbfe"}.ti-pencil-check:before{content:"\fbff"}.ti-pencil-code:before{content:"\fc00"}.ti-pencil-cog:before{content:"\fc01"}.ti-pencil-discount:before{content:"\fc02"}.ti-pencil-dollar:before{content:"\fc03"}.ti-pencil-down:before{content:"\fc04"}.ti-pencil-exclamation:before{content:"\fc05"}.ti-pencil-heart:before{content:"\fc06"}.ti-pencil-minus:before{content:"\f1eb"}.ti-pencil-off:before{content:"\f173"}.ti-pencil-pause:before{content:"\fc07"}.ti-pencil-pin:before{content:"\fc08"}.ti-pencil-plus:before{content:"\f1ec"}.ti-pencil-question:before{content:"\fc09"}.ti-pencil-search:before{content:"\fc0a"}.ti-pencil-share:before{content:"\fc0b"}.ti-pencil-star:before{content:"\fc0c"}.ti-pencil-up:before{content:"\fc0d"}.ti-pencil-x:before{content:"\fc0e"}.ti-pennant:before{content:"\ed7d"}.ti-pennant-2:before{content:"\f06a"}.ti-pennant-2-filled:before{content:"\f68a"}.ti-pennant-filled:before{content:"\f68b"}.ti-pennant-off:before{content:"\f174"}.ti-pentagon:before{content:"\efe3"}.ti-pentagon-filled:before{content:"\f68c"}.ti-pentagon-minus:before{content:"\feb3"}.ti-pentagon-number-0:before{content:"\fc7e"}.ti-pentagon-number-1:before{content:"\fc7f"}.ti-pentagon-number-2:before{content:"\fc80"}.ti-pentagon-number-3:before{content:"\fc81"}.ti-pentagon-number-4:before{content:"\fc82"}.ti-pentagon-number-5:before{content:"\fc83"}.ti-pentagon-number-6:before{content:"\fc84"}.ti-pentagon-number-7:before{content:"\fc85"}.ti-pentagon-number-8:before{content:"\fc86"}.ti-pentagon-number-9:before{content:"\fc87"}.ti-pentagon-off:before{content:"\f41a"}.ti-pentagon-plus:before{content:"\fc49"}.ti-pentagon-x:before{content:"\fc88"}.ti-pentagram:before{content:"\f586"}.ti-pepper:before{content:"\ef15"}.ti-pepper-off:before{content:"\f175"}.ti-percentage:before{content:"\ecf4"}.ti-percentage-0:before{content:"\fee5"}.ti-percentage-10:before{content:"\fee4"}.ti-percentage-100:before{content:"\fee3"}.ti-percentage-20:before{content:"\fee2"}.ti-percentage-25:before{content:"\fee1"}.ti-percentage-30:before{content:"\fee0"}.ti-percentage-33:before{content:"\fedf"}.ti-percentage-40:before{content:"\fede"}.ti-percentage-50:before{content:"\fedd"}.ti-percentage-60:before{content:"\fedc"}.ti-percentage-66:before{content:"\fedb"}.ti-percentage-70:before{content:"\feda"}.ti-percentage-75:before{content:"\fed9"}.ti-percentage-80:before{content:"\fed8"}.ti-percentage-90:before{content:"\fed7"}.ti-perfume:before{content:"\f509"}.ti-perspective:before{content:"\eebd"}.ti-perspective-off:before{content:"\f176"}.ti-phone:before{content:"\eb09"}.ti-phone-call:before{content:"\eb05"}.ti-phone-calling:before{content:"\ec43"}.ti-phone-check:before{content:"\ec05"}.ti-phone-done:before{content:"\ff9e"}.ti-phone-end:before{content:"\ff9d"}.ti-phone-filled:before{content:"\fa49"}.ti-phone-incoming:before{content:"\eb06"}.ti-phone-off:before{content:"\ecf5"}.ti-phone-outgoing:before{content:"\eb07"}.ti-phone-pause:before{content:"\eb08"}.ti-phone-plus:before{content:"\ec06"}.ti-phone-ringing:before{content:"\ff9c"}.ti-phone-spark:before{content:"\ffb1"}.ti-phone-x:before{content:"\ec07"}.ti-photo:before{content:"\eb0a"}.ti-photo-ai:before{content:"\fa32"}.ti-photo-bitcoin:before{content:"\ff31"}.ti-photo-bolt:before{content:"\f990"}.ti-photo-cancel:before{content:"\f35d"}.ti-photo-check:before{content:"\f35e"}.ti-photo-circle:before{content:"\fc4a"}.ti-photo-circle-minus:before{content:"\fc62"}.ti-photo-circle-plus:before{content:"\fc63"}.ti-photo-code:before{content:"\f991"}.ti-photo-cog:before{content:"\f992"}.ti-photo-dollar:before{content:"\f993"}.ti-photo-down:before{content:"\f35f"}.ti-photo-edit:before{content:"\f360"}.ti-photo-exclamation:before{content:"\f994"}.ti-photo-filled:before{content:"\fa4a"}.ti-photo-heart:before{content:"\f361"}.ti-photo-hexagon:before{content:"\fc4b"}.ti-photo-minus:before{content:"\f362"}.ti-photo-off:before{content:"\ecf6"}.ti-photo-pause:before{content:"\f995"}.ti-photo-pentagon:before{content:"\fc4c"}.ti-photo-pin:before{content:"\f996"}.ti-photo-plus:before{content:"\f363"}.ti-photo-question:before{content:"\f997"}.ti-photo-scan:before{content:"\fca8"}.ti-photo-search:before{content:"\f364"}.ti-photo-sensor:before{content:"\f798"}.ti-photo-sensor-2:before{content:"\f796"}.ti-photo-sensor-3:before{content:"\f797"}.ti-photo-share:before{content:"\f998"}.ti-photo-shield:before{content:"\f365"}.ti-photo-spark:before{content:"\ffb0"}.ti-photo-square-rounded:before{content:"\fc4d"}.ti-photo-star:before{content:"\f366"}.ti-photo-up:before{content:"\f38b"}.ti-photo-video:before{content:"\fc95"}.ti-photo-x:before{content:"\f367"}.ti-physotherapist:before{content:"\eebe"}.ti-piano:before{content:"\fad3"}.ti-pick:before{content:"\fafc"}.ti-picnic-table:before{content:"\fed6"}.ti-picture-in-picture:before{content:"\ed35"}.ti-picture-in-picture-filled:before{content:"\fec1"}.ti-picture-in-picture-off:before{content:"\ed43"}.ti-picture-in-picture-on:before{content:"\ed44"}.ti-picture-in-picture-top:before{content:"\efe4"}.ti-picture-in-picture-top-filled:before{content:"\fec2"}.ti-pig:before{content:"\ef52"}.ti-pig-filled:before{content:"\1010a"}.ti-pig-money:before{content:"\f38c"}.ti-pig-off:before{content:"\f177"}.ti-pilcrow:before{content:"\f5f6"}.ti-pilcrow-left:before{content:"\fd7f"}.ti-pilcrow-right:before{content:"\fd80"}.ti-pill:before{content:"\ec44"}.ti-pill-filled:before{content:"\ff07"}.ti-pill-off:before{content:"\f178"}.ti-pills:before{content:"\ef66"}.ti-pin:before{content:"\ec9c"}.ti-pin-end:before{content:"\fd5b"}.ti-pin-filled:before{content:"\f68d"}.ti-pin-invoke:before{content:"\fd5c"}.ti-ping-pong:before{content:"\f38d"}.ti-pinned:before{content:"\ed60"}.ti-pinned-filled:before{content:"\f68e"}.ti-pinned-off:before{content:"\ed5f"}.ti-pizza:before{content:"\edbb"}.ti-pizza-filled:before{content:"\10008"}.ti-pizza-off:before{content:"\f179"}.ti-placeholder:before{content:"\f626"}.ti-plane:before{content:"\eb6f"}.ti-plane-arrival:before{content:"\eb99"}.ti-plane-departure:before{content:"\eb9a"}.ti-plane-inflight:before{content:"\ef98"}.ti-plane-off:before{content:"\f17a"}.ti-plane-tilt:before{content:"\f1ed"}.ti-planet:before{content:"\ec08"}.ti-planet-off:before{content:"\f17b"}.ti-plant:before{content:"\ed50"}.ti-plant-2:before{content:"\ed7e"}.ti-plant-2-off:before{content:"\f17c"}.ti-plant-off:before{content:"\f17d"}.ti-play-basketball:before{content:"\fa66"}.ti-play-card:before{content:"\eebf"}.ti-play-card-1:before{content:"\1005c"}.ti-play-card-1-filled:before{content:"\10083"}.ti-play-card-10:before{content:"\1005b"}.ti-play-card-10-filled:before{content:"\10082"}.ti-play-card-2:before{content:"\1005a"}.ti-play-card-2-filled:before{content:"\10081"}.ti-play-card-3:before{content:"\10059"}.ti-play-card-3-filled:before{content:"\10080"}.ti-play-card-4:before{content:"\10058"}.ti-play-card-4-filled:before{content:"\1007f"}.ti-play-card-5:before{content:"\10057"}.ti-play-card-5-filled:before{content:"\1007e"}.ti-play-card-6:before{content:"\10056"}.ti-play-card-6-filled:before{content:"\1007d"}.ti-play-card-7:before{content:"\10055"}.ti-play-card-7-filled:before{content:"\1007c"}.ti-play-card-8:before{content:"\10054"}.ti-play-card-8-filled:before{content:"\1007b"}.ti-play-card-9:before{content:"\10053"}.ti-play-card-9-filled:before{content:"\1007a"}.ti-play-card-a:before{content:"\10052"}.ti-play-card-a-filled:before{content:"\10079"}.ti-play-card-j:before{content:"\10051"}.ti-play-card-j-filled:before{content:"\10078"}.ti-play-card-k:before{content:"\10050"}.ti-play-card-k-filled:before{content:"\10077"}.ti-play-card-off:before{content:"\f17e"}.ti-play-card-q:before{content:"\1004f"}.ti-play-card-q-filled:before{content:"\10076"}.ti-play-card-star:before{content:"\1004e"}.ti-play-card-star-filled:before{content:"\10075"}.ti-play-football:before{content:"\fa67"}.ti-play-handball:before{content:"\fa68"}.ti-play-volleyball:before{content:"\fa69"}.ti-player-eject:before{content:"\efbc"}.ti-player-eject-filled:before{content:"\f68f"}.ti-player-pause:before{content:"\ed45"}.ti-player-pause-filled:before{content:"\f690"}.ti-player-play:before{content:"\ed46"}.ti-player-play-filled:before{content:"\f691"}.ti-player-record:before{content:"\ed47"}.ti-player-record-filled:before{content:"\f692"}.ti-player-skip-back:before{content:"\ed48"}.ti-player-skip-back-filled:before{content:"\f693"}.ti-player-skip-forward:before{content:"\ed49"}.ti-player-skip-forward-filled:before{content:"\f694"}.ti-player-stop:before{content:"\ed4a"}.ti-player-stop-filled:before{content:"\f695"}.ti-player-track-next:before{content:"\ed4b"}.ti-player-track-next-filled:before{content:"\f696"}.ti-player-track-prev:before{content:"\ed4c"}.ti-player-track-prev-filled:before{content:"\f697"}.ti-playlist:before{content:"\eec0"}.ti-playlist-add:before{content:"\f008"}.ti-playlist-off:before{content:"\f17f"}.ti-playlist-x:before{content:"\f009"}.ti-playstation-circle:before{content:"\f2ad"}.ti-playstation-square:before{content:"\f2ae"}.ti-playstation-triangle:before{content:"\f2af"}.ti-playstation-x:before{content:"\f2b0"}.ti-plug:before{content:"\ebd9"}.ti-plug-connected:before{content:"\f00a"}.ti-plug-connected-x:before{content:"\f0a0"}.ti-plug-off:before{content:"\f180"}.ti-plug-x:before{content:"\f0a1"}.ti-plus:before{content:"\eb0b"}.ti-plus-equal:before{content:"\f7ad"}.ti-plus-minus:before{content:"\f7ae"}.ti-png:before{content:"\f3ad"}.ti-podium:before{content:"\f1d8"}.ti-podium-off:before{content:"\f41b"}.ti-point:before{content:"\eb0c"}.ti-point-filled:before{content:"\f698"}.ti-point-off:before{content:"\f181"}.ti-pointer:before{content:"\f265"}.ti-pointer-bolt:before{content:"\f999"}.ti-pointer-cancel:before{content:"\f99a"}.ti-pointer-check:before{content:"\f99b"}.ti-pointer-code:before{content:"\f99c"}.ti-pointer-cog:before{content:"\f99d"}.ti-pointer-dollar:before{content:"\f99e"}.ti-pointer-down:before{content:"\f99f"}.ti-pointer-exclamation:before{content:"\f9a0"}.ti-pointer-filled:before{content:"\fb30"}.ti-pointer-heart:before{content:"\f9a1"}.ti-pointer-minus:before{content:"\f9a2"}.ti-pointer-off:before{content:"\f9a3"}.ti-pointer-pause:before{content:"\f9a4"}.ti-pointer-pin:before{content:"\f9a5"}.ti-pointer-plus:before{content:"\f9a6"}.ti-pointer-question:before{content:"\f9a7"}.ti-pointer-search:before{content:"\f9a8"}.ti-pointer-share:before{content:"\f9a9"}.ti-pointer-star:before{content:"\f9aa"}.ti-pointer-up:before{content:"\f9ab"}.ti-pointer-x:before{content:"\f9ac"}.ti-pokeball:before{content:"\eec1"}.ti-pokeball-off:before{content:"\f41c"}.ti-poker-chip:before{content:"\f515"}.ti-polaroid:before{content:"\eec2"}.ti-polaroid-filled:before{content:"\fa4b"}.ti-polygon:before{content:"\efd0"}.ti-polygon-off:before{content:"\f182"}.ti-poo:before{content:"\f258"}.ti-poo-filled:before{content:"\fec9"}.ti-pool:before{content:"\ed91"}.ti-pool-off:before{content:"\f41d"}.ti-power:before{content:"\eb0d"}.ti-pray:before{content:"\ecbf"}.ti-premium-rights:before{content:"\efbd"}.ti-prescription:before{content:"\ef99"}.ti-presentation:before{content:"\eb70"}.ti-presentation-analytics:before{content:"\eec3"}.ti-presentation-analytics-filled:before{content:"\ff5d"}.ti-presentation-filled:before{content:"\ff5c"}.ti-presentation-off:before{content:"\f183"}.ti-printer:before{content:"\eb0e"}.ti-printer-off:before{content:"\f184"}.ti-prism:before{content:"\fab1"}.ti-prism-light:before{content:"\fea6"}.ti-prism-off:before{content:"\faaf"}.ti-prism-plus:before{content:"\fab0"}.ti-prison:before{content:"\ef79"}.ti-progress:before{content:"\fa0d"}.ti-progress-alert:before{content:"\fa07"}.ti-progress-bolt:before{content:"\fa08"}.ti-progress-check:before{content:"\fa09"}.ti-progress-down:before{content:"\fa0a"}.ti-progress-help:before{content:"\fa0b"}.ti-progress-x:before{content:"\fa0c"}.ti-prompt:before{content:"\eb0f"}.ti-prong:before{content:"\fda1"}.ti-propeller:before{content:"\eec4"}.ti-propeller-off:before{content:"\f185"}.ti-protocol:before{content:"\fd81"}.ti-pumpkin-scary:before{content:"\f587"}.ti-puzzle:before{content:"\eb10"}.ti-puzzle-2:before{content:"\ef83"}.ti-puzzle-filled:before{content:"\f699"}.ti-puzzle-off:before{content:"\f186"}.ti-pyramid:before{content:"\eec5"}.ti-pyramid-off:before{content:"\f187"}.ti-pyramid-plus:before{content:"\fab2"}.ti-qrcode:before{content:"\eb11"}.ti-qrcode-off:before{content:"\f41e"}.ti-question-mark:before{content:"\ec9d"}.ti-quote:before{content:"\efbe"}.ti-quote-filled:before{content:"\1009c"}.ti-quote-off:before{content:"\f188"}.ti-quotes:before{content:"\fb1e"}.ti-radar:before{content:"\f017"}.ti-radar-2:before{content:"\f016"}.ti-radar-filled:before{content:"\fe0d"}.ti-radar-off:before{content:"\f41f"}.ti-radio:before{content:"\ef2d"}.ti-radio-off:before{content:"\f420"}.ti-radioactive:before{content:"\ecc0"}.ti-radioactive-filled:before{content:"\f760"}.ti-radioactive-off:before{content:"\f189"}.ti-radius-bottom-left:before{content:"\eec6"}.ti-radius-bottom-right:before{content:"\eec7"}.ti-radius-top-left:before{content:"\eec8"}.ti-radius-top-right:before{content:"\eec9"}.ti-rainbow:before{content:"\edbc"}.ti-rainbow-off:before{content:"\f18a"}.ti-rating-12-plus:before{content:"\f266"}.ti-rating-14-plus:before{content:"\f267"}.ti-rating-16-plus:before{content:"\f268"}.ti-rating-18-plus:before{content:"\f269"}.ti-rating-21-plus:before{content:"\f26a"}.ti-razor:before{content:"\f4b5"}.ti-razor-electric:before{content:"\f4b4"}.ti-receipt:before{content:"\edfd"}.ti-receipt-2:before{content:"\edfa"}.ti-receipt-bitcoin:before{content:"\fd66"}.ti-receipt-dollar:before{content:"\fd67"}.ti-receipt-dollar-filled:before{content:"\1017d"}.ti-receipt-euro:before{content:"\fd68"}.ti-receipt-euro-filled:before{content:"\1017c"}.ti-receipt-filled:before{content:"\ff06"}.ti-receipt-off:before{content:"\edfb"}.ti-receipt-pound:before{content:"\fd69"}.ti-receipt-pound-filled:before{content:"\1017b"}.ti-receipt-refund:before{content:"\edfc"}.ti-receipt-rupee:before{content:"\fd82"}.ti-receipt-rupee-filled:before{content:"\1017a"}.ti-receipt-tax:before{content:"\edbd"}.ti-receipt-yen:before{content:"\fd6a"}.ti-receipt-yen-filled:before{content:"\10179"}.ti-receipt-yuan:before{content:"\fd6b"}.ti-receipt-yuan-filled:before{content:"\10178"}.ti-recharging:before{content:"\eeca"}.ti-record-mail:before{content:"\eb12"}.ti-record-mail-off:before{content:"\f18b"}.ti-rectangle:before{content:"\ed37"}.ti-rectangle-filled:before{content:"\f69a"}.ti-rectangle-rounded-bottom:before{content:"\faed"}.ti-rectangle-rounded-top:before{content:"\faee"}.ti-rectangle-vertical:before{content:"\ed36"}.ti-rectangle-vertical-filled:before{content:"\f69b"}.ti-rectangular-prism:before{content:"\fab5"}.ti-rectangular-prism-off:before{content:"\fab3"}.ti-rectangular-prism-plus:before{content:"\fab4"}.ti-recycle:before{content:"\eb9b"}.ti-recycle-off:before{content:"\f18c"}.ti-refresh:before{content:"\eb13"}.ti-refresh-alert:before{content:"\ed57"}.ti-refresh-dot:before{content:"\efbf"}.ti-refresh-off:before{content:"\f18d"}.ti-regex:before{content:"\f31f"}.ti-regex-off:before{content:"\f421"}.ti-registered:before{content:"\eb14"}.ti-relation-many-to-many:before{content:"\ed7f"}.ti-relation-many-to-many-filled:before{content:"\fe0c"}.ti-relation-one-to-many:before{content:"\ed80"}.ti-relation-one-to-many-filled:before{content:"\fe0b"}.ti-relation-one-to-one:before{content:"\ed81"}.ti-relation-one-to-one-filled:before{content:"\fe0a"}.ti-reload:before{content:"\f3ae"}.ti-reorder:before{content:"\fc15"}.ti-repeat:before{content:"\eb72"}.ti-repeat-off:before{content:"\f18e"}.ti-repeat-once:before{content:"\eb71"}.ti-replace:before{content:"\ebc7"}.ti-replace-filled:before{content:"\f69c"}.ti-replace-off:before{content:"\f422"}.ti-replace-user:before{content:"\100f0"}.ti-report:before{content:"\eece"}.ti-report-analytics:before{content:"\eecb"}.ti-report-medical:before{content:"\eecc"}.ti-report-money:before{content:"\eecd"}.ti-report-off:before{content:"\f18f"}.ti-report-search:before{content:"\ef84"}.ti-reserved-line:before{content:"\f9f6"}.ti-resize:before{content:"\eecf"}.ti-restore:before{content:"\fafd"}.ti-rewind-backward-10:before{content:"\faba"}.ti-rewind-backward-15:before{content:"\fabb"}.ti-rewind-backward-20:before{content:"\fabc"}.ti-rewind-backward-30:before{content:"\fabd"}.ti-rewind-backward-40:before{content:"\fabe"}.ti-rewind-backward-5:before{content:"\fabf"}.ti-rewind-backward-50:before{content:"\fac0"}.ti-rewind-backward-60:before{content:"\fac1"}.ti-rewind-forward-10:before{content:"\fac2"}.ti-rewind-forward-15:before{content:"\fac3"}.ti-rewind-forward-20:before{content:"\fac4"}.ti-rewind-forward-30:before{content:"\fac5"}.ti-rewind-forward-40:before{content:"\fac6"}.ti-rewind-forward-5:before{content:"\fac7"}.ti-rewind-forward-50:before{content:"\fac8"}.ti-rewind-forward-60:before{content:"\fac9"}.ti-ribbon-health:before{content:"\f58e"}.ti-rings:before{content:"\fa6a"}.ti-ripple:before{content:"\ed82"}.ti-ripple-off:before{content:"\f190"}.ti-road:before{content:"\f018"}.ti-road-off:before{content:"\f191"}.ti-road-sign:before{content:"\ecdd"}.ti-robot:before{content:"\f00b"}.ti-robot-face:before{content:"\fcbe"}.ti-robot-off:before{content:"\f192"}.ti-rocket:before{content:"\ec45"}.ti-rocket-off:before{content:"\f193"}.ti-roller-skating:before{content:"\efd1"}.ti-rollercoaster:before{content:"\f0a2"}.ti-rollercoaster-filled:before{content:"\100f7"}.ti-rollercoaster-off:before{content:"\f423"}.ti-rosette:before{content:"\f599"}.ti-rosette-discount:before{content:"\ee7c"}.ti-rosette-discount-check:before{content:"\f1f8"}.ti-rosette-discount-check-filled:before{content:"\f746"}.ti-rosette-discount-check-off:before{content:"\ff10"}.ti-rosette-discount-filled:before{content:"\ff05"}.ti-rosette-discount-off:before{content:"\f3e6"}.ti-rosette-filled:before{content:"\f69d"}.ti-rosette-number-0:before{content:"\f58f"}.ti-rosette-number-1:before{content:"\f590"}.ti-rosette-number-2:before{content:"\f591"}.ti-rosette-number-3:before{content:"\f592"}.ti-rosette-number-4:before{content:"\f593"}.ti-rosette-number-5:before{content:"\f594"}.ti-rosette-number-6:before{content:"\f595"}.ti-rosette-number-7:before{content:"\f596"}.ti-rosette-number-8:before{content:"\f597"}.ti-rosette-number-9:before{content:"\f598"}.ti-rotate:before{content:"\eb16"}.ti-rotate-2:before{content:"\ebb4"}.ti-rotate-360:before{content:"\ef85"}.ti-rotate-3d:before{content:"\f020"}.ti-rotate-clockwise:before{content:"\eb15"}.ti-rotate-clockwise-2:before{content:"\ebb5"}.ti-rotate-dot:before{content:"\efe5"}.ti-rotate-rectangle:before{content:"\ec15"}.ti-route:before{content:"\eb17"}.ti-route-2:before{content:"\f4b6"}.ti-route-alt-left:before{content:"\fca9"}.ti-route-alt-right:before{content:"\fcaa"}.ti-route-off:before{content:"\f194"}.ti-route-scan:before{content:"\fcbf"}.ti-route-square:before{content:"\fcac"}.ti-route-square-2:before{content:"\fcab"}.ti-route-x:before{content:"\fcae"}.ti-route-x-2:before{content:"\fcad"}.ti-router:before{content:"\eb18"}.ti-router-off:before{content:"\f424"}.ti-row-insert-bottom:before{content:"\eed0"}.ti-row-insert-top:before{content:"\eed1"}.ti-row-remove:before{content:"\fafe"}.ti-rss:before{content:"\eb19"}.ti-rubber-stamp:before{content:"\f5ab"}.ti-rubber-stamp-off:before{content:"\f5aa"}.ti-ruler:before{content:"\eb1a"}.ti-ruler-2:before{content:"\eed2"}.ti-ruler-2-off:before{content:"\f195"}.ti-ruler-3:before{content:"\f290"}.ti-ruler-measure:before{content:"\f291"}.ti-ruler-measure-2:before{content:"\ff0f"}.ti-ruler-off:before{content:"\f196"}.ti-run:before{content:"\ec82"}.ti-rv-truck:before{content:"\fcc0"}.ti-s-turn-down:before{content:"\f516"}.ti-s-turn-left:before{content:"\f517"}.ti-s-turn-right:before{content:"\f518"}.ti-s-turn-up:before{content:"\f519"}.ti-sailboat:before{content:"\ec83"}.ti-sailboat-2:before{content:"\f5f7"}.ti-sailboat-off:before{content:"\f425"}.ti-salad:before{content:"\f50a"}.ti-salad-filled:before{content:"\10007"}.ti-salt:before{content:"\ef16"}.ti-sandbox:before{content:"\fd6c"}.ti-satellite:before{content:"\eed3"}.ti-satellite-off:before{content:"\f197"}.ti-sausage:before{content:"\ef17"}.ti-scale:before{content:"\ebc2"}.ti-scale-off:before{content:"\f198"}.ti-scale-outline:before{content:"\ef53"}.ti-scale-outline-off:before{content:"\f199"}.ti-scan:before{content:"\ebc8"}.ti-scan-eye:before{content:"\f1ff"}.ti-scan-position:before{content:"\fdac"}.ti-schema:before{content:"\f200"}.ti-schema-off:before{content:"\f426"}.ti-school:before{content:"\ecf7"}.ti-school-bell:before{content:"\f64a"}.ti-school-off:before{content:"\f19a"}.ti-scissors:before{content:"\eb1b"}.ti-scissors-off:before{content:"\f19b"}.ti-scooter:before{content:"\ec6c"}.ti-scooter-electric:before{content:"\ecc1"}.ti-scoreboard:before{content:"\fa6b"}.ti-screen-share:before{content:"\ed18"}.ti-screen-share-off:before{content:"\ed17"}.ti-screenshot:before{content:"\f201"}.ti-scribble:before{content:"\f0a3"}.ti-scribble-off:before{content:"\f427"}.ti-script:before{content:"\f2da"}.ti-script-minus:before{content:"\f2d7"}.ti-script-plus:before{content:"\f2d8"}.ti-script-x:before{content:"\f2d9"}.ti-scuba-diving:before{content:"\fd4e"}.ti-scuba-diving-tank:before{content:"\fefa"}.ti-scuba-diving-tank-filled:before{content:"\ff04"}.ti-scuba-mask:before{content:"\eed4"}.ti-scuba-mask-off:before{content:"\f428"}.ti-sdk:before{content:"\f3af"}.ti-search:before{content:"\eb1c"}.ti-search-off:before{content:"\f19c"}.ti-section:before{content:"\eed5"}.ti-section-filled:before{content:"\fe09"}.ti-section-sign:before{content:"\f019"}.ti-seedling:before{content:"\ed51"}.ti-seedling-filled:before{content:"\10006"}.ti-seedling-off:before{content:"\f19d"}.ti-select:before{content:"\ec9e"}.ti-select-all:before{content:"\f9f7"}.ti-selector:before{content:"\eb1d"}.ti-send:before{content:"\eb1e"}.ti-send-2:before{content:"\fd5d"}.ti-send-off:before{content:"\f429"}.ti-seo:before{content:"\f26b"}.ti-separator:before{content:"\ebda"}.ti-separator-horizontal:before{content:"\ec79"}.ti-separator-vertical:before{content:"\ec7a"}.ti-server:before{content:"\eb1f"}.ti-server-2:before{content:"\f07c"}.ti-server-bolt:before{content:"\f320"}.ti-server-cog:before{content:"\f321"}.ti-server-off:before{content:"\f19e"}.ti-server-spark:before{content:"\ffaf"}.ti-servicemark:before{content:"\ec09"}.ti-settings:before{content:"\eb20"}.ti-settings-2:before{content:"\f5ac"}.ti-settings-automation:before{content:"\eed6"}.ti-settings-bolt:before{content:"\f9ad"}.ti-settings-cancel:before{content:"\f9ae"}.ti-settings-check:before{content:"\f9af"}.ti-settings-code:before{content:"\f9b0"}.ti-settings-cog:before{content:"\f9b1"}.ti-settings-dollar:before{content:"\f9b2"}.ti-settings-down:before{content:"\f9b3"}.ti-settings-exclamation:before{content:"\f9b4"}.ti-settings-filled:before{content:"\f69e"}.ti-settings-heart:before{content:"\f9b5"}.ti-settings-minus:before{content:"\f9b6"}.ti-settings-off:before{content:"\f19f"}.ti-settings-pause:before{content:"\f9b7"}.ti-settings-pin:before{content:"\f9b8"}.ti-settings-plus:before{content:"\f9b9"}.ti-settings-question:before{content:"\f9ba"}.ti-settings-search:before{content:"\f9bb"}.ti-settings-share:before{content:"\f9bc"}.ti-settings-spark:before{content:"\ffae"}.ti-settings-star:before{content:"\f9bd"}.ti-settings-up:before{content:"\f9be"}.ti-settings-x:before{content:"\f9bf"}.ti-shadow:before{content:"\eed8"}.ti-shadow-off:before{content:"\eed7"}.ti-shape:before{content:"\eb9c"}.ti-shape-2:before{content:"\eed9"}.ti-shape-3:before{content:"\eeda"}.ti-shape-off:before{content:"\f1a0"}.ti-share:before{content:"\eb21"}.ti-share-2:before{content:"\f799"}.ti-share-3:before{content:"\f7bd"}.ti-share-off:before{content:"\f1a1"}.ti-shareplay:before{content:"\fea5"}.ti-shield:before{content:"\eb24"}.ti-shield-bolt:before{content:"\f9c0"}.ti-shield-cancel:before{content:"\f9c1"}.ti-shield-check:before{content:"\eb22"}.ti-shield-check-filled:before{content:"\f761"}.ti-shield-checkered:before{content:"\ef9a"}.ti-shield-checkered-filled:before{content:"\f762"}.ti-shield-chevron:before{content:"\ef9b"}.ti-shield-code:before{content:"\f9c2"}.ti-shield-cog:before{content:"\f9c3"}.ti-shield-dollar:before{content:"\f9c4"}.ti-shield-down:before{content:"\f9c5"}.ti-shield-exclamation:before{content:"\f9c6"}.ti-shield-filled:before{content:"\f69f"}.ti-shield-half:before{content:"\f358"}.ti-shield-half-filled:before{content:"\f357"}.ti-shield-heart:before{content:"\f9c7"}.ti-shield-lock:before{content:"\ed58"}.ti-shield-lock-filled:before{content:"\f763"}.ti-shield-minus:before{content:"\f9c8"}.ti-shield-off:before{content:"\ecf8"}.ti-shield-pause:before{content:"\f9c9"}.ti-shield-pin:before{content:"\f9ca"}.ti-shield-plus:before{content:"\f9cb"}.ti-shield-question:before{content:"\f9cc"}.ti-shield-search:before{content:"\f9cd"}.ti-shield-share:before{content:"\f9ce"}.ti-shield-star:before{content:"\f9cf"}.ti-shield-up:before{content:"\f9d0"}.ti-shield-x:before{content:"\eb23"}.ti-ship:before{content:"\ec84"}.ti-ship-off:before{content:"\f42a"}.ti-shirt:before{content:"\ec0a"}.ti-shirt-filled:before{content:"\f6a0"}.ti-shirt-off:before{content:"\f1a2"}.ti-shirt-sport:before{content:"\f26c"}.ti-shoe:before{content:"\efd2"}.ti-shoe-off:before{content:"\f1a4"}.ti-shopping-bag:before{content:"\f5f8"}.ti-shopping-bag-check:before{content:"\fc16"}.ti-shopping-bag-discount:before{content:"\fc17"}.ti-shopping-bag-edit:before{content:"\fc18"}.ti-shopping-bag-exclamation:before{content:"\fc19"}.ti-shopping-bag-heart:before{content:"\fda2"}.ti-shopping-bag-minus:before{content:"\fc1a"}.ti-shopping-bag-plus:before{content:"\fc1b"}.ti-shopping-bag-search:before{content:"\fc1c"}.ti-shopping-bag-x:before{content:"\fc1d"}.ti-shopping-cart:before{content:"\eb25"}.ti-shopping-cart-bolt:before{content:"\fb57"}.ti-shopping-cart-cancel:before{content:"\fb58"}.ti-shopping-cart-check:before{content:"\fb59"}.ti-shopping-cart-code:before{content:"\fb5a"}.ti-shopping-cart-cog:before{content:"\fb5b"}.ti-shopping-cart-copy:before{content:"\fb5c"}.ti-shopping-cart-discount:before{content:"\fb5d"}.ti-shopping-cart-dollar:before{content:"\fb5e"}.ti-shopping-cart-down:before{content:"\fb5f"}.ti-shopping-cart-exclamation:before{content:"\fb60"}.ti-shopping-cart-filled:before{content:"\fc3f"}.ti-shopping-cart-heart:before{content:"\fb61"}.ti-shopping-cart-minus:before{content:"\fb62"}.ti-shopping-cart-off:before{content:"\eedc"}.ti-shopping-cart-pause:before{content:"\fb63"}.ti-shopping-cart-pin:before{content:"\fb64"}.ti-shopping-cart-plus:before{content:"\fb65"}.ti-shopping-cart-question:before{content:"\fb66"}.ti-shopping-cart-search:before{content:"\fb67"}.ti-shopping-cart-share:before{content:"\fb68"}.ti-shopping-cart-star:before{content:"\fb69"}.ti-shopping-cart-up:before{content:"\fb6a"}.ti-shopping-cart-x:before{content:"\fb6b"}.ti-shovel:before{content:"\f1d9"}.ti-shovel-pitchforks:before{content:"\fd3a"}.ti-shredder:before{content:"\eedf"}.ti-sign-left:before{content:"\f06b"}.ti-sign-left-filled:before{content:"\f6a1"}.ti-sign-right:before{content:"\f06c"}.ti-sign-right-filled:before{content:"\f6a2"}.ti-signal-2g:before{content:"\f79a"}.ti-signal-3g:before{content:"\f1ee"}.ti-signal-4g:before{content:"\f1ef"}.ti-signal-4g-plus:before{content:"\f259"}.ti-signal-5g:before{content:"\f1f0"}.ti-signal-6g:before{content:"\f9f8"}.ti-signal-e:before{content:"\f9f9"}.ti-signal-g:before{content:"\f9fa"}.ti-signal-h:before{content:"\f9fc"}.ti-signal-h-plus:before{content:"\f9fb"}.ti-signal-lte:before{content:"\f9fd"}.ti-signature:before{content:"\eee0"}.ti-signature-off:before{content:"\f1a5"}.ti-sitemap:before{content:"\eb9d"}.ti-sitemap-filled:before{content:"\1006b"}.ti-sitemap-off:before{content:"\f1a6"}.ti-skateboard:before{content:"\ecc2"}.ti-skateboard-off:before{content:"\f42b"}.ti-skateboarding:before{content:"\faca"}.ti-skew-x:before{content:"\fd3b"}.ti-skew-y:before{content:"\fd3c"}.ti-ski-jumping:before{content:"\fa6c"}.ti-skull:before{content:"\f292"}.ti-slash:before{content:"\f4f9"}.ti-slashes:before{content:"\f588"}.ti-sleigh:before{content:"\ef9c"}.ti-slice:before{content:"\ebdb"}.ti-slideshow:before{content:"\ebc9"}.ti-smart-home:before{content:"\ecde"}.ti-smart-home-off:before{content:"\f1a7"}.ti-smoking:before{content:"\ecc4"}.ti-smoking-no:before{content:"\ecc3"}.ti-snowboarding:before{content:"\fd4f"}.ti-snowflake:before{content:"\ec0b"}.ti-snowflake-off:before{content:"\f1a8"}.ti-snowman:before{content:"\f26d"}.ti-soccer-field:before{content:"\ed92"}.ti-social:before{content:"\ebec"}.ti-social-off:before{content:"\f1a9"}.ti-sock:before{content:"\eee1"}.ti-sofa:before{content:"\efaf"}.ti-sofa-off:before{content:"\f42c"}.ti-solar-electricity:before{content:"\fcc1"}.ti-solar-panel:before{content:"\f7bf"}.ti-solar-panel-2:before{content:"\f7be"}.ti-sort-0-9:before{content:"\f54d"}.ti-sort-9-0:before{content:"\f54e"}.ti-sort-a-z:before{content:"\f54f"}.ti-sort-ascending:before{content:"\eb26"}.ti-sort-ascending-2:before{content:"\eee2"}.ti-sort-ascending-2-filled:before{content:"\ff5b"}.ti-sort-ascending-letters:before{content:"\ef18"}.ti-sort-ascending-numbers:before{content:"\ef19"}.ti-sort-ascending-shapes:before{content:"\fd94"}.ti-sort-ascending-shapes-filled:before{content:"\ff5a"}.ti-sort-ascending-small-big:before{content:"\fd95"}.ti-sort-descending:before{content:"\eb27"}.ti-sort-descending-2:before{content:"\eee3"}.ti-sort-descending-2-filled:before{content:"\ff59"}.ti-sort-descending-letters:before{content:"\ef1a"}.ti-sort-descending-numbers:before{content:"\ef1b"}.ti-sort-descending-shapes:before{content:"\fd97"}.ti-sort-descending-shapes-filled:before{content:"\ff58"}.ti-sort-descending-small-big:before{content:"\fd96"}.ti-sort-z-a:before{content:"\f550"}.ti-sos:before{content:"\f24a"}.ti-soup:before{content:"\ef2e"}.ti-soup-filled:before{content:"\fe08"}.ti-soup-off:before{content:"\f42d"}.ti-source-code:before{content:"\f4a2"}.ti-space:before{content:"\ec0c"}.ti-space-off:before{content:"\f1aa"}.ti-spaces:before{content:"\fea4"}.ti-spacing-horizontal:before{content:"\ef54"}.ti-spacing-vertical:before{content:"\ef55"}.ti-spade:before{content:"\effa"}.ti-spade-filled:before{content:"\f6a3"}.ti-sparkles:before{content:"\f6d7"}.ti-speakerphone:before{content:"\ed61"}.ti-speedboat:before{content:"\ed93"}.ti-speedboat-filled:before{content:"\100f6"}.ti-sphere:before{content:"\fab8"}.ti-sphere-off:before{content:"\fab6"}.ti-sphere-plus:before{content:"\fab7"}.ti-spider:before{content:"\f293"}.ti-spider-filled:before{content:"\10109"}.ti-spiral:before{content:"\f294"}.ti-spiral-off:before{content:"\f42e"}.ti-sport-billard:before{content:"\eee4"}.ti-spray:before{content:"\f50b"}.ti-spy:before{content:"\f227"}.ti-spy-off:before{content:"\f42f"}.ti-sql:before{content:"\f7c0"}.ti-square:before{content:"\eb2c"}.ti-square-arrow-down:before{content:"\f4b7"}.ti-square-arrow-down-filled:before{content:"\fb31"}.ti-square-arrow-left:before{content:"\f4b8"}.ti-square-arrow-left-filled:before{content:"\fb32"}.ti-square-arrow-right:before{content:"\f4b9"}.ti-square-arrow-right-filled:before{content:"\fb33"}.ti-square-arrow-up:before{content:"\f4ba"}.ti-square-arrow-up-filled:before{content:"\fb34"}.ti-square-asterisk:before{content:"\f01a"}.ti-square-asterisk-filled:before{content:"\fb35"}.ti-square-check:before{content:"\eb28"}.ti-square-check-filled:before{content:"\f76d"}.ti-square-chevron-down:before{content:"\f627"}.ti-square-chevron-down-filled:before{content:"\fb36"}.ti-square-chevron-left:before{content:"\f628"}.ti-square-chevron-left-filled:before{content:"\fb37"}.ti-square-chevron-right:before{content:"\f629"}.ti-square-chevron-right-filled:before{content:"\fb38"}.ti-square-chevron-up:before{content:"\f62a"}.ti-square-chevron-up-filled:before{content:"\fb39"}.ti-square-chevrons-down:before{content:"\f64b"}.ti-square-chevrons-down-filled:before{content:"\fb3a"}.ti-square-chevrons-left:before{content:"\f64c"}.ti-square-chevrons-left-filled:before{content:"\fb3b"}.ti-square-chevrons-right:before{content:"\f64d"}.ti-square-chevrons-right-filled:before{content:"\fb3c"}.ti-square-chevrons-up:before{content:"\f64e"}.ti-square-chevrons-up-filled:before{content:"\fb3d"}.ti-square-dashed:before{content:"\100bb"}.ti-square-dot:before{content:"\ed59"}.ti-square-dot-filled:before{content:"\fb3e"}.ti-square-f0:before{content:"\f526"}.ti-square-f0-filled:before{content:"\f76e"}.ti-square-f1:before{content:"\f527"}.ti-square-f1-filled:before{content:"\f76f"}.ti-square-f2:before{content:"\f528"}.ti-square-f2-filled:before{content:"\f770"}.ti-square-f3:before{content:"\f529"}.ti-square-f3-filled:before{content:"\f771"}.ti-square-f4:before{content:"\f52a"}.ti-square-f4-filled:before{content:"\f772"}.ti-square-f5:before{content:"\f52b"}.ti-square-f5-filled:before{content:"\f773"}.ti-square-f6:before{content:"\f52c"}.ti-square-f6-filled:before{content:"\f774"}.ti-square-f7:before{content:"\f52d"}.ti-square-f7-filled:before{content:"\f775"}.ti-square-f8:before{content:"\f52e"}.ti-square-f8-filled:before{content:"\f776"}.ti-square-f9:before{content:"\f52f"}.ti-square-f9-filled:before{content:"\f777"}.ti-square-filled:before{content:"\fc40"}.ti-square-forbid:before{content:"\ed5b"}.ti-square-forbid-2:before{content:"\ed5a"}.ti-square-half:before{content:"\effb"}.ti-square-key:before{content:"\f638"}.ti-square-letter-a:before{content:"\f47c"}.ti-square-letter-a-filled:before{content:"\fe07"}.ti-square-letter-b:before{content:"\f47d"}.ti-square-letter-b-filled:before{content:"\fe06"}.ti-square-letter-c:before{content:"\f47e"}.ti-square-letter-c-filled:before{content:"\fe05"}.ti-square-letter-d:before{content:"\f47f"}.ti-square-letter-d-filled:before{content:"\fe04"}.ti-square-letter-e:before{content:"\f480"}.ti-square-letter-e-filled:before{content:"\fe03"}.ti-square-letter-f:before{content:"\f481"}.ti-square-letter-f-filled:before{content:"\fe02"}.ti-square-letter-g:before{content:"\f482"}.ti-square-letter-g-filled:before{content:"\fe01"}.ti-square-letter-h:before{content:"\f483"}.ti-square-letter-h-filled:before{content:"\fe00"}.ti-square-letter-i:before{content:"\f484"}.ti-square-letter-i-filled:before{content:"\fdff"}.ti-square-letter-j:before{content:"\f485"}.ti-square-letter-j-filled:before{content:"\fdfe"}.ti-square-letter-k:before{content:"\f486"}.ti-square-letter-k-filled:before{content:"\fdfd"}.ti-square-letter-l:before{content:"\f487"}.ti-square-letter-l-filled:before{content:"\fdfc"}.ti-square-letter-m:before{content:"\f488"}.ti-square-letter-m-filled:before{content:"\fdfb"}.ti-square-letter-n:before{content:"\f489"}.ti-square-letter-n-filled:before{content:"\fdfa"}.ti-square-letter-o:before{content:"\f48a"}.ti-square-letter-o-filled:before{content:"\fdf9"}.ti-square-letter-p:before{content:"\f48b"}.ti-square-letter-p-filled:before{content:"\fdf8"}.ti-square-letter-q:before{content:"\f48c"}.ti-square-letter-q-filled:before{content:"\fdf7"}.ti-square-letter-r:before{content:"\f48d"}.ti-square-letter-r-filled:before{content:"\fdf6"}.ti-square-letter-s:before{content:"\f48e"}.ti-square-letter-s-filled:before{content:"\fdf5"}.ti-square-letter-t:before{content:"\f48f"}.ti-square-letter-t-filled:before{content:"\fdf4"}.ti-square-letter-u:before{content:"\f490"}.ti-square-letter-u-filled:before{content:"\fdf3"}.ti-square-letter-v:before{content:"\f4bb"}.ti-square-letter-v-filled:before{content:"\fdf2"}.ti-square-letter-w:before{content:"\f491"}.ti-square-letter-w-filled:before{content:"\fdf1"}.ti-square-letter-x:before{content:"\f4bc"}.ti-square-letter-x-filled:before{content:"\fdf0"}.ti-square-letter-y:before{content:"\f492"}.ti-square-letter-y-filled:before{content:"\fdef"}.ti-square-letter-z:before{content:"\f493"}.ti-square-letter-z-filled:before{content:"\fdee"}.ti-square-minus:before{content:"\eb29"}.ti-square-minus-filled:before{content:"\fb3f"}.ti-square-number-0:before{content:"\eee5"}.ti-square-number-0-filled:before{content:"\f764"}.ti-square-number-1:before{content:"\eee6"}.ti-square-number-1-filled:before{content:"\f765"}.ti-square-number-2:before{content:"\eee7"}.ti-square-number-2-filled:before{content:"\f7fa"}.ti-square-number-3:before{content:"\eee8"}.ti-square-number-3-filled:before{content:"\f766"}.ti-square-number-4:before{content:"\eee9"}.ti-square-number-4-filled:before{content:"\f767"}.ti-square-number-5:before{content:"\eeea"}.ti-square-number-5-filled:before{content:"\f768"}.ti-square-number-6:before{content:"\eeeb"}.ti-square-number-6-filled:before{content:"\f769"}.ti-square-number-7:before{content:"\eeec"}.ti-square-number-7-filled:before{content:"\f76a"}.ti-square-number-8:before{content:"\eeed"}.ti-square-number-8-filled:before{content:"\f76b"}.ti-square-number-9:before{content:"\eeee"}.ti-square-number-9-filled:before{content:"\f76c"}.ti-square-off:before{content:"\eeef"}.ti-square-percentage:before{content:"\fd83"}.ti-square-plus:before{content:"\eb2a"}.ti-square-plus-2:before{content:"\fc96"}.ti-square-root:before{content:"\eef1"}.ti-square-root-2:before{content:"\eef0"}.ti-square-rotated:before{content:"\ecdf"}.ti-square-rotated-filled:before{content:"\f6a4"}.ti-square-rotated-forbid:before{content:"\f01c"}.ti-square-rotated-forbid-2:before{content:"\f01b"}.ti-square-rotated-off:before{content:"\eef2"}.ti-square-rounded:before{content:"\f59a"}.ti-square-rounded-arrow-down:before{content:"\f639"}.ti-square-rounded-arrow-down-filled:before{content:"\f6db"}.ti-square-rounded-arrow-left:before{content:"\f63a"}.ti-square-rounded-arrow-left-filled:before{content:"\f6dc"}.ti-square-rounded-arrow-right:before{content:"\f63b"}.ti-square-rounded-arrow-right-filled:before{content:"\f6dd"}.ti-square-rounded-arrow-up:before{content:"\f63c"}.ti-square-rounded-arrow-up-filled:before{content:"\f6de"}.ti-square-rounded-check:before{content:"\f63d"}.ti-square-rounded-check-filled:before{content:"\f6df"}.ti-square-rounded-chevron-down:before{content:"\f62b"}.ti-square-rounded-chevron-down-filled:before{content:"\f6e0"}.ti-square-rounded-chevron-left:before{content:"\f62c"}.ti-square-rounded-chevron-left-filled:before{content:"\f6e1"}.ti-square-rounded-chevron-right:before{content:"\f62d"}.ti-square-rounded-chevron-right-filled:before{content:"\f6e2"}.ti-square-rounded-chevron-up:before{content:"\f62e"}.ti-square-rounded-chevron-up-filled:before{content:"\f6e3"}.ti-square-rounded-chevrons-down:before{content:"\f64f"}.ti-square-rounded-chevrons-down-filled:before{content:"\f6e4"}.ti-square-rounded-chevrons-left:before{content:"\f650"}.ti-square-rounded-chevrons-left-filled:before{content:"\f6e5"}.ti-square-rounded-chevrons-right:before{content:"\f651"}.ti-square-rounded-chevrons-right-filled:before{content:"\f6e6"}.ti-square-rounded-chevrons-up:before{content:"\f652"}.ti-square-rounded-chevrons-up-filled:before{content:"\f6e7"}.ti-square-rounded-filled:before{content:"\f6a5"}.ti-square-rounded-letter-a:before{content:"\f5ae"}.ti-square-rounded-letter-a-filled:before{content:"\fded"}.ti-square-rounded-letter-b:before{content:"\f5af"}.ti-square-rounded-letter-b-filled:before{content:"\fdec"}.ti-square-rounded-letter-c:before{content:"\f5b0"}.ti-square-rounded-letter-c-filled:before{content:"\fdeb"}.ti-square-rounded-letter-d:before{content:"\f5b1"}.ti-square-rounded-letter-d-filled:before{content:"\fdea"}.ti-square-rounded-letter-e:before{content:"\f5b2"}.ti-square-rounded-letter-e-filled:before{content:"\fde9"}.ti-square-rounded-letter-f:before{content:"\f5b3"}.ti-square-rounded-letter-f-filled:before{content:"\fde8"}.ti-square-rounded-letter-g:before{content:"\f5b4"}.ti-square-rounded-letter-g-filled:before{content:"\fde7"}.ti-square-rounded-letter-h:before{content:"\f5b5"}.ti-square-rounded-letter-h-filled:before{content:"\fde6"}.ti-square-rounded-letter-i:before{content:"\f5b6"}.ti-square-rounded-letter-i-filled:before{content:"\fde5"}.ti-square-rounded-letter-j:before{content:"\f5b7"}.ti-square-rounded-letter-j-filled:before{content:"\fde4"}.ti-square-rounded-letter-k:before{content:"\f5b8"}.ti-square-rounded-letter-k-filled:before{content:"\fde3"}.ti-square-rounded-letter-l:before{content:"\f5b9"}.ti-square-rounded-letter-l-filled:before{content:"\fde2"}.ti-square-rounded-letter-m:before{content:"\f5ba"}.ti-square-rounded-letter-m-filled:before{content:"\fde1"}.ti-square-rounded-letter-n:before{content:"\f5bb"}.ti-square-rounded-letter-n-filled:before{content:"\fde0"}.ti-square-rounded-letter-o:before{content:"\f5bc"}.ti-square-rounded-letter-o-filled:before{content:"\fddf"}.ti-square-rounded-letter-p:before{content:"\f5bd"}.ti-square-rounded-letter-p-filled:before{content:"\fdde"}.ti-square-rounded-letter-q:before{content:"\f5be"}.ti-square-rounded-letter-q-filled:before{content:"\fddd"}.ti-square-rounded-letter-r:before{content:"\f5bf"}.ti-square-rounded-letter-r-filled:before{content:"\fddc"}.ti-square-rounded-letter-s:before{content:"\f5c0"}.ti-square-rounded-letter-s-filled:before{content:"\fddb"}.ti-square-rounded-letter-t:before{content:"\f5c1"}.ti-square-rounded-letter-t-filled:before{content:"\fdda"}.ti-square-rounded-letter-u:before{content:"\f5c2"}.ti-square-rounded-letter-u-filled:before{content:"\fdd9"}.ti-square-rounded-letter-v:before{content:"\f5c3"}.ti-square-rounded-letter-v-filled:before{content:"\fdd8"}.ti-square-rounded-letter-w:before{content:"\f5c4"}.ti-square-rounded-letter-w-filled:before{content:"\fdd7"}.ti-square-rounded-letter-x:before{content:"\f5c5"}.ti-square-rounded-letter-x-filled:before{content:"\fdd6"}.ti-square-rounded-letter-y:before{content:"\f5c6"}.ti-square-rounded-letter-y-filled:before{content:"\fdd5"}.ti-square-rounded-letter-z:before{content:"\f5c7"}.ti-square-rounded-letter-z-filled:before{content:"\fdd4"}.ti-square-rounded-minus:before{content:"\f63e"}.ti-square-rounded-minus-2:before{content:"\fc97"}.ti-square-rounded-minus-filled:before{content:"\fb40"}.ti-square-rounded-number-0:before{content:"\f5c8"}.ti-square-rounded-number-0-filled:before{content:"\f778"}.ti-square-rounded-number-1:before{content:"\f5c9"}.ti-square-rounded-number-1-filled:before{content:"\f779"}.ti-square-rounded-number-2:before{content:"\f5ca"}.ti-square-rounded-number-2-filled:before{content:"\f77a"}.ti-square-rounded-number-3:before{content:"\f5cb"}.ti-square-rounded-number-3-filled:before{content:"\f77b"}.ti-square-rounded-number-4:before{content:"\f5cc"}.ti-square-rounded-number-4-filled:before{content:"\f77c"}.ti-square-rounded-number-5:before{content:"\f5cd"}.ti-square-rounded-number-5-filled:before{content:"\f77d"}.ti-square-rounded-number-6:before{content:"\f5ce"}.ti-square-rounded-number-6-filled:before{content:"\f77e"}.ti-square-rounded-number-7:before{content:"\f5cf"}.ti-square-rounded-number-7-filled:before{content:"\f77f"}.ti-square-rounded-number-8:before{content:"\f5d0"}.ti-square-rounded-number-8-filled:before{content:"\f780"}.ti-square-rounded-number-9:before{content:"\f5d1"}.ti-square-rounded-number-9-filled:before{content:"\f781"}.ti-square-rounded-percentage:before{content:"\fd84"}.ti-square-rounded-plus:before{content:"\f63f"}.ti-square-rounded-plus-2:before{content:"\fc98"}.ti-square-rounded-plus-filled:before{content:"\f6e8"}.ti-square-rounded-x:before{content:"\f640"}.ti-square-rounded-x-filled:before{content:"\f6e9"}.ti-square-toggle:before{content:"\eef4"}.ti-square-toggle-horizontal:before{content:"\eef3"}.ti-square-x:before{content:"\eb2b"}.ti-square-x-filled:before{content:"\fb41"}.ti-squares:before{content:"\eef6"}.ti-squares-diagonal:before{content:"\eef5"}.ti-squares-filled:before{content:"\fe9f"}.ti-squares-selected:before{content:"\fea3"}.ti-stack:before{content:"\eb2d"}.ti-stack-2:before{content:"\eef7"}.ti-stack-2-filled:before{content:"\fdd3"}.ti-stack-3:before{content:"\ef9d"}.ti-stack-3-filled:before{content:"\fdd2"}.ti-stack-back:before{content:"\fd26"}.ti-stack-backward:before{content:"\fd27"}.ti-stack-filled:before{content:"\fdd1"}.ti-stack-forward:before{content:"\fd28"}.ti-stack-front:before{content:"\fd29"}.ti-stack-middle:before{content:"\fd2a"}.ti-stack-pop:before{content:"\f234"}.ti-stack-push:before{content:"\f235"}.ti-stairs:before{content:"\eca6"}.ti-stairs-down:before{content:"\eca4"}.ti-stairs-up:before{content:"\eca5"}.ti-star:before{content:"\eb2e"}.ti-star-filled:before{content:"\f6a6"}.ti-star-half:before{content:"\ed19"}.ti-star-half-filled:before{content:"\f6a7"}.ti-star-off:before{content:"\ed62"}.ti-stars:before{content:"\ed38"}.ti-stars-filled:before{content:"\f6a8"}.ti-stars-off:before{content:"\f430"}.ti-status-change:before{content:"\f3b0"}.ti-steam:before{content:"\f24b"}.ti-steering-wheel:before{content:"\ec7b"}.ti-steering-wheel-filled:before{content:"\ff03"}.ti-steering-wheel-off:before{content:"\f431"}.ti-step-into:before{content:"\ece0"}.ti-step-out:before{content:"\ece1"}.ti-stereo-glasses:before{content:"\f4cb"}.ti-stethoscope:before{content:"\edbe"}.ti-stethoscope-off:before{content:"\f432"}.ti-sticker:before{content:"\eb2f"}.ti-sticker-2:before{content:"\fd3d"}.ti-stopwatch:before{content:"\ff9b"}.ti-storm:before{content:"\f24c"}.ti-storm-off:before{content:"\f433"}.ti-stretching:before{content:"\f2db"}.ti-stretching-2:before{content:"\fa6d"}.ti-strikethrough:before{content:"\eb9e"}.ti-submarine:before{content:"\ed94"}.ti-subscript:before{content:"\eb9f"}.ti-subtask:before{content:"\ec9f"}.ti-sum:before{content:"\eb73"}.ti-sum-off:before{content:"\f1ab"}.ti-sun:before{content:"\eb30"}.ti-sun-electricity:before{content:"\fcc2"}.ti-sun-filled:before{content:"\f6a9"}.ti-sun-high:before{content:"\f236"}.ti-sun-high-filled:before{content:"\10108"}.ti-sun-low:before{content:"\f237"}.ti-sun-low-filled:before{content:"\10107"}.ti-sun-moon:before{content:"\f4a3"}.ti-sun-off:before{content:"\ed63"}.ti-sun-wind:before{content:"\f238"}.ti-sunglasses:before{content:"\f239"}.ti-sunglasses-filled:before{content:"\fec8"}.ti-sunrise:before{content:"\ef1c"}.ti-sunrise-filled:before{content:"\10106"}.ti-sunset:before{content:"\ec31"}.ti-sunset-2:before{content:"\f23a"}.ti-sunset-2-filled:before{content:"\10105"}.ti-sunset-filled:before{content:"\10104"}.ti-superscript:before{content:"\eba0"}.ti-svg:before{content:"\f25a"}.ti-swimming:before{content:"\ec92"}.ti-swipe:before{content:"\f551"}.ti-swipe-down:before{content:"\fd5e"}.ti-swipe-down-filled:before{content:"\ff57"}.ti-swipe-left:before{content:"\fd5f"}.ti-swipe-left-filled:before{content:"\ff56"}.ti-swipe-right:before{content:"\fd60"}.ti-swipe-right-filled:before{content:"\ff55"}.ti-swipe-up:before{content:"\fd61"}.ti-swipe-up-filled:before{content:"\ff54"}.ti-switch:before{content:"\eb33"}.ti-switch-2:before{content:"\edbf"}.ti-switch-3:before{content:"\edc0"}.ti-switch-horizontal:before{content:"\eb31"}.ti-switch-vertical:before{content:"\eb32"}.ti-sword:before{content:"\f030"}.ti-sword-off:before{content:"\f434"}.ti-swords:before{content:"\f132"}.ti-table:before{content:"\eba1"}.ti-table-alias:before{content:"\f25b"}.ti-table-column:before{content:"\faff"}.ti-table-dashed:before{content:"\100ba"}.ti-table-down:before{content:"\fa1c"}.ti-table-export:before{content:"\eef8"}.ti-table-filled:before{content:"\f782"}.ti-table-heart:before{content:"\fa1d"}.ti-table-import:before{content:"\eef9"}.ti-table-minus:before{content:"\fa1e"}.ti-table-off:before{content:"\eefa"}.ti-table-options:before{content:"\f25c"}.ti-table-plus:before{content:"\fa1f"}.ti-table-row:before{content:"\fb00"}.ti-table-share:before{content:"\fa20"}.ti-table-shortcut:before{content:"\f25d"}.ti-table-spark:before{content:"\ffad"}.ti-tag:before{content:"\10096"}.ti-tag-filled:before{content:"\ff02"}.ti-tag-minus:before{content:"\eb34"}.ti-tag-off:before{content:"\efc0"}.ti-tag-plus:before{content:"\10097"}.ti-tag-starred:before{content:"\fc99"}.ti-tags:before{content:"\ef86"}.ti-tags-filled:before{content:"\ff01"}.ti-tags-off:before{content:"\efc1"}.ti-tallymark-1:before{content:"\ec46"}.ti-tallymark-2:before{content:"\ec47"}.ti-tallymark-3:before{content:"\ec48"}.ti-tallymark-4:before{content:"\ec49"}.ti-tallymarks:before{content:"\ec4a"}.ti-tank:before{content:"\ed95"}.ti-target:before{content:"\eb35"}.ti-target-arrow:before{content:"\f51a"}.ti-target-off:before{content:"\f1ad"}.ti-tax:before{content:"\feee"}.ti-tax-euro:before{content:"\fef0"}.ti-tax-pound:before{content:"\feef"}.ti-teapot:before{content:"\f552"}.ti-telescope:before{content:"\f07d"}.ti-telescope-off:before{content:"\f1ae"}.ti-temperature:before{content:"\eb38"}.ti-temperature-celsius:before{content:"\eb36"}.ti-temperature-fahrenheit:before{content:"\eb37"}.ti-temperature-minus:before{content:"\ebed"}.ti-temperature-minus-filled:before{content:"\10103"}.ti-temperature-off:before{content:"\f1af"}.ti-temperature-plus:before{content:"\ebee"}.ti-temperature-plus-filled:before{content:"\10102"}.ti-temperature-snow:before{content:"\fda3"}.ti-temperature-sun:before{content:"\fda4"}.ti-template:before{content:"\eb39"}.ti-template-filled:before{content:"\10177"}.ti-template-off:before{content:"\f1b0"}.ti-tent:before{content:"\eefb"}.ti-tent-off:before{content:"\f435"}.ti-terminal:before{content:"\ebdc"}.ti-terminal-2:before{content:"\ebef"}.ti-test-pipe:before{content:"\eb3a"}.ti-test-pipe-2:before{content:"\f0a4"}.ti-test-pipe-2-filled:before{content:"\ff53"}.ti-test-pipe-off:before{content:"\f1b1"}.ti-tex:before{content:"\f4e0"}.ti-text-caption:before{content:"\f4a4"}.ti-text-color:before{content:"\f2dc"}.ti-text-decrease:before{content:"\f202"}.ti-text-direction-ltr:before{content:"\eefc"}.ti-text-direction-rtl:before{content:"\eefd"}.ti-text-grammar:before{content:"\fd6d"}.ti-text-increase:before{content:"\f203"}.ti-text-orientation:before{content:"\f2a4"}.ti-text-plus:before{content:"\f2a5"}.ti-text-recognition:before{content:"\f204"}.ti-text-resize:before{content:"\ef87"}.ti-text-scan-2:before{content:"\fcc3"}.ti-text-size:before{content:"\f2b1"}.ti-text-spellcheck:before{content:"\f2a6"}.ti-text-wrap:before{content:"\ebdd"}.ti-text-wrap-column:before{content:"\feb2"}.ti-text-wrap-disabled:before{content:"\eca7"}.ti-texture:before{content:"\f51b"}.ti-theater:before{content:"\f79b"}.ti-thermometer:before{content:"\ef67"}.ti-thumb-down:before{content:"\eb3b"}.ti-thumb-down-filled:before{content:"\f6aa"}.ti-thumb-down-off:before{content:"\f436"}.ti-thumb-up:before{content:"\eb3c"}.ti-thumb-up-filled:before{content:"\f6ab"}.ti-thumb-up-off:before{content:"\f437"}.ti-tic-tac:before{content:"\f51c"}.ti-ticket:before{content:"\eb3d"}.ti-ticket-off:before{content:"\f1b2"}.ti-tie:before{content:"\f07e"}.ti-tilde:before{content:"\f4a5"}.ti-tilt-shift:before{content:"\eefe"}.ti-tilt-shift-filled:before{content:"\fec7"}.ti-tilt-shift-off:before{content:"\f1b3"}.ti-time-duration-0:before{content:"\fad4"}.ti-time-duration-10:before{content:"\fad5"}.ti-time-duration-15:before{content:"\fad6"}.ti-time-duration-30:before{content:"\fad7"}.ti-time-duration-45:before{content:"\fad8"}.ti-time-duration-5:before{content:"\fad9"}.ti-time-duration-60:before{content:"\fada"}.ti-time-duration-90:before{content:"\fadb"}.ti-time-duration-off:before{content:"\fadc"}.ti-timeline:before{content:"\f031"}.ti-timeline-event:before{content:"\f553"}.ti-timeline-event-exclamation:before{content:"\f662"}.ti-timeline-event-filled:before{content:"\fd18"}.ti-timeline-event-minus:before{content:"\f663"}.ti-timeline-event-plus:before{content:"\f664"}.ti-timeline-event-text:before{content:"\f665"}.ti-timeline-event-x:before{content:"\f666"}.ti-timezone:before{content:"\feed"}.ti-tip-jar:before{content:"\feea"}.ti-tip-jar-euro:before{content:"\feec"}.ti-tip-jar-pound:before{content:"\feeb"}.ti-tir:before{content:"\ebf0"}.ti-toggle-left:before{content:"\eb3e"}.ti-toggle-left-filled:before{content:"\fec0"}.ti-toggle-right:before{content:"\eb3f"}.ti-toggle-right-filled:before{content:"\febf"}.ti-toilet-paper:before{content:"\efd3"}.ti-toilet-paper-off:before{content:"\f1b4"}.ti-toml:before{content:"\fa5d"}.ti-tool:before{content:"\eb40"}.ti-tools:before{content:"\ebca"}.ti-tools-kitchen:before{content:"\ed64"}.ti-tools-kitchen-2:before{content:"\eeff"}.ti-tools-kitchen-2-off:before{content:"\f1b5"}.ti-tools-kitchen-3:before{content:"\fd2b"}.ti-tools-kitchen-off:before{content:"\f1b6"}.ti-tools-off:before{content:"\f1b7"}.ti-tooltip:before{content:"\f2dd"}.ti-topology-bus:before{content:"\f5d9"}.ti-topology-complex:before{content:"\f5da"}.ti-topology-full:before{content:"\f5dc"}.ti-topology-full-hierarchy:before{content:"\f5db"}.ti-topology-ring:before{content:"\f5df"}.ti-topology-ring-2:before{content:"\f5dd"}.ti-topology-ring-3:before{content:"\f5de"}.ti-topology-star:before{content:"\f5e5"}.ti-topology-star-2:before{content:"\f5e0"}.ti-topology-star-3:before{content:"\f5e1"}.ti-topology-star-ring:before{content:"\f5e4"}.ti-topology-star-ring-2:before{content:"\f5e2"}.ti-topology-star-ring-3:before{content:"\f5e3"}.ti-torii:before{content:"\f59b"}.ti-tornado:before{content:"\ece2"}.ti-tournament:before{content:"\ecd0"}.ti-tower:before{content:"\f2cb"}.ti-tower-off:before{content:"\f2ca"}.ti-track:before{content:"\ef00"}.ti-tractor:before{content:"\ec0d"}.ti-trademark:before{content:"\ec0e"}.ti-traffic-cone:before{content:"\ec0f"}.ti-traffic-cone-off:before{content:"\f1b8"}.ti-traffic-lights:before{content:"\ed39"}.ti-traffic-lights-off:before{content:"\f1b9"}.ti-train:before{content:"\ed96"}.ti-train-filled:before{content:"\100f5"}.ti-transaction-bitcoin:before{content:"\fd6e"}.ti-transaction-dollar:before{content:"\fd6f"}.ti-transaction-euro:before{content:"\fd70"}.ti-transaction-pound:before{content:"\fd71"}.ti-transaction-rupee:before{content:"\fd85"}.ti-transaction-yen:before{content:"\fd72"}.ti-transaction-yuan:before{content:"\fd73"}.ti-transfer:before{content:"\fc1f"}.ti-transfer-in:before{content:"\ef2f"}.ti-transfer-out:before{content:"\ef30"}.ti-transfer-vertical:before{content:"\fc1e"}.ti-transform:before{content:"\f38e"}.ti-transform-filled:before{content:"\f6ac"}.ti-transform-point:before{content:"\fda9"}.ti-transform-point-bottom-left:before{content:"\fda5"}.ti-transform-point-bottom-right:before{content:"\fda6"}.ti-transform-point-top-left:before{content:"\fda7"}.ti-transform-point-top-right:before{content:"\fda8"}.ti-transition-bottom:before{content:"\f2b2"}.ti-transition-bottom-filled:before{content:"\fdd0"}.ti-transition-left:before{content:"\f2b3"}.ti-transition-left-filled:before{content:"\fdcf"}.ti-transition-right:before{content:"\f2b4"}.ti-transition-right-filled:before{content:"\fdce"}.ti-transition-top:before{content:"\f2b5"}.ti-transition-top-filled:before{content:"\fdcd"}.ti-trash:before{content:"\eb41"}.ti-trash-filled:before{content:"\f783"}.ti-trash-off:before{content:"\ed65"}.ti-trash-x:before{content:"\ef88"}.ti-trash-x-filled:before{content:"\f784"}.ti-treadmill:before{content:"\fa6e"}.ti-tree:before{content:"\ef01"}.ti-trees:before{content:"\ec10"}.ti-trekking:before{content:"\f5ad"}.ti-trending-down:before{content:"\eb42"}.ti-trending-down-2:before{content:"\edc1"}.ti-trending-down-3:before{content:"\edc2"}.ti-trending-up:before{content:"\eb43"}.ti-trending-up-2:before{content:"\edc3"}.ti-trending-up-3:before{content:"\edc4"}.ti-triangle:before{content:"\eb44"}.ti-triangle-filled:before{content:"\f6ad"}.ti-triangle-inverted:before{content:"\f01d"}.ti-triangle-inverted-filled:before{content:"\f6ae"}.ti-triangle-minus:before{content:"\fc9b"}.ti-triangle-minus-2:before{content:"\fc9a"}.ti-triangle-off:before{content:"\ef02"}.ti-triangle-plus:before{content:"\fc9d"}.ti-triangle-plus-2:before{content:"\fc9c"}.ti-triangle-square-circle:before{content:"\ece8"}.ti-triangle-square-circle-filled:before{content:"\fb42"}.ti-triangles:before{content:"\f0a5"}.ti-trident:before{content:"\ecc5"}.ti-trolley:before{content:"\f4cc"}.ti-trolley-filled:before{content:"\100f4"}.ti-trophy:before{content:"\eb45"}.ti-trophy-filled:before{content:"\f6af"}.ti-trophy-off:before{content:"\f438"}.ti-trowel:before{content:"\f368"}.ti-truck:before{content:"\ebc4"}.ti-truck-delivery:before{content:"\ec4b"}.ti-truck-filled:before{content:"\100f3"}.ti-truck-loading:before{content:"\f1da"}.ti-truck-off:before{content:"\ef03"}.ti-truck-return:before{content:"\ec4c"}.ti-txt:before{content:"\f3b1"}.ti-typeface:before{content:"\fdab"}.ti-typography:before{content:"\ebc5"}.ti-typography-off:before{content:"\f1ba"}.ti-u-turn-left:before{content:"\fea2"}.ti-u-turn-right:before{content:"\fea1"}.ti-ufo:before{content:"\f26f"}.ti-ufo-filled:before{content:"\10165"}.ti-ufo-off:before{content:"\f26e"}.ti-uhd:before{content:"\100aa"}.ti-umbrella:before{content:"\ebf1"}.ti-umbrella-2:before{content:"\ff0e"}.ti-umbrella-closed:before{content:"\ff0c"}.ti-umbrella-closed-2:before{content:"\ff0d"}.ti-umbrella-filled:before{content:"\f6b0"}.ti-umbrella-off:before{content:"\f1bb"}.ti-underline:before{content:"\eba2"}.ti-universe:before{content:"\fcc4"}.ti-unlink:before{content:"\eb46"}.ti-upload:before{content:"\eb47"}.ti-urgent:before{content:"\eb48"}.ti-usb:before{content:"\f00c"}.ti-user:before{content:"\eb4d"}.ti-user-bitcoin:before{content:"\ff30"}.ti-user-bolt:before{content:"\f9d1"}.ti-user-cancel:before{content:"\f9d2"}.ti-user-check:before{content:"\eb49"}.ti-user-circle:before{content:"\ef68"}.ti-user-code:before{content:"\f9d3"}.ti-user-cog:before{content:"\f9d4"}.ti-user-dollar:before{content:"\f9d5"}.ti-user-down:before{content:"\f9d6"}.ti-user-edit:before{content:"\f7cc"}.ti-user-exclamation:before{content:"\ec12"}.ti-user-filled:before{content:"\fd19"}.ti-user-heart:before{content:"\f7cd"}.ti-user-hexagon:before{content:"\fc4e"}.ti-user-minus:before{content:"\eb4a"}.ti-user-off:before{content:"\ecf9"}.ti-user-pause:before{content:"\f9d7"}.ti-user-pentagon:before{content:"\fc4f"}.ti-user-pin:before{content:"\f7ce"}.ti-user-plus:before{content:"\eb4b"}.ti-user-question:before{content:"\f7cf"}.ti-user-scan:before{content:"\fcaf"}.ti-user-screen:before{content:"\fea0"}.ti-user-search:before{content:"\ef89"}.ti-user-share:before{content:"\f9d8"}.ti-user-shield:before{content:"\f7d0"}.ti-user-square:before{content:"\fc51"}.ti-user-square-rounded:before{content:"\fc50"}.ti-user-star:before{content:"\f7d1"}.ti-user-up:before{content:"\f7d2"}.ti-user-x:before{content:"\eb4c"}.ti-users:before{content:"\ebf2"}.ti-users-group:before{content:"\fa21"}.ti-users-minus:before{content:"\fa0e"}.ti-users-plus:before{content:"\fa0f"}.ti-uv-index:before{content:"\f3b2"}.ti-ux-circle:before{content:"\f369"}.ti-vaccine:before{content:"\ef04"}.ti-vaccine-bottle:before{content:"\ef69"}.ti-vaccine-bottle-off:before{content:"\f439"}.ti-vaccine-off:before{content:"\f1bc"}.ti-vacuum-cleaner:before{content:"\f5e6"}.ti-variable:before{content:"\ef05"}.ti-variable-minus:before{content:"\f36a"}.ti-variable-off:before{content:"\f1bd"}.ti-variable-plus:before{content:"\f36b"}.ti-vector:before{content:"\eca9"}.ti-vector-bezier:before{content:"\ef1d"}.ti-vector-bezier-2:before{content:"\f1a3"}.ti-vector-bezier-arc:before{content:"\f4cd"}.ti-vector-bezier-circle:before{content:"\f4ce"}.ti-vector-off:before{content:"\f1be"}.ti-vector-spline:before{content:"\f565"}.ti-vector-triangle:before{content:"\eca8"}.ti-vector-triangle-off:before{content:"\f1bf"}.ti-venus:before{content:"\ec86"}.ti-versions:before{content:"\ed52"}.ti-versions-filled:before{content:"\f6b1"}.ti-versions-off:before{content:"\f1c0"}.ti-video:before{content:"\ed22"}.ti-video-filled:before{content:"\1009b"}.ti-video-minus:before{content:"\ed1f"}.ti-video-off:before{content:"\ed20"}.ti-video-plus:before{content:"\ed21"}.ti-view-360:before{content:"\ed84"}.ti-view-360-arrow:before{content:"\f62f"}.ti-view-360-number:before{content:"\f566"}.ti-view-360-off:before{content:"\f1c1"}.ti-viewfinder:before{content:"\eb4e"}.ti-viewfinder-off:before{content:"\f1c2"}.ti-viewport-narrow:before{content:"\ebf3"}.ti-viewport-short:before{content:"\fee9"}.ti-viewport-tall:before{content:"\fee8"}.ti-viewport-wide:before{content:"\ebf4"}.ti-vinyl:before{content:"\f00d"}.ti-vip:before{content:"\f3b3"}.ti-vip-off:before{content:"\f43a"}.ti-virus:before{content:"\eb74"}.ti-virus-off:before{content:"\ed66"}.ti-virus-search:before{content:"\ed67"}.ti-vocabulary:before{content:"\ef1e"}.ti-vocabulary-off:before{content:"\f43b"}.ti-volcano:before{content:"\f79c"}.ti-volume:before{content:"\eb51"}.ti-volume-2:before{content:"\eb4f"}.ti-volume-3:before{content:"\eb50"}.ti-volume-off:before{content:"\f1c3"}.ti-vs:before{content:"\fc52"}.ti-walk:before{content:"\ec87"}.ti-wall:before{content:"\ef7a"}.ti-wall-off:before{content:"\f43c"}.ti-wallet:before{content:"\eb75"}.ti-wallet-off:before{content:"\f1c4"}.ti-wallpaper:before{content:"\ef56"}.ti-wallpaper-off:before{content:"\f1c5"}.ti-wand:before{content:"\ebcb"}.ti-wand-off:before{content:"\f1c6"}.ti-wash:before{content:"\f311"}.ti-wash-dry:before{content:"\f304"}.ti-wash-dry-1:before{content:"\f2fa"}.ti-wash-dry-2:before{content:"\f2fb"}.ti-wash-dry-3:before{content:"\f2fc"}.ti-wash-dry-a:before{content:"\f2fd"}.ti-wash-dry-dip:before{content:"\f2fe"}.ti-wash-dry-f:before{content:"\f2ff"}.ti-wash-dry-flat:before{content:"\fa7f"}.ti-wash-dry-hang:before{content:"\f300"}.ti-wash-dry-off:before{content:"\f301"}.ti-wash-dry-p:before{content:"\f302"}.ti-wash-dry-shade:before{content:"\f303"}.ti-wash-dry-w:before{content:"\f322"}.ti-wash-dryclean:before{content:"\f305"}.ti-wash-dryclean-off:before{content:"\f323"}.ti-wash-eco:before{content:"\fa80"}.ti-wash-gentle:before{content:"\f306"}.ti-wash-hand:before{content:"\fa81"}.ti-wash-machine:before{content:"\f25e"}.ti-wash-off:before{content:"\f307"}.ti-wash-press:before{content:"\f308"}.ti-wash-temperature-1:before{content:"\f309"}.ti-wash-temperature-2:before{content:"\f30a"}.ti-wash-temperature-3:before{content:"\f30b"}.ti-wash-temperature-4:before{content:"\f30c"}.ti-wash-temperature-5:before{content:"\f30d"}.ti-wash-temperature-6:before{content:"\f30e"}.ti-wash-tumble-dry:before{content:"\f30f"}.ti-wash-tumble-off:before{content:"\f310"}.ti-waterpolo:before{content:"\fa6f"}.ti-wave-saw-tool:before{content:"\ecd3"}.ti-wave-sine:before{content:"\ecd4"}.ti-wave-square:before{content:"\ecd5"}.ti-waves-electricity:before{content:"\fcc5"}.ti-webhook:before{content:"\f01e"}.ti-webhook-off:before{content:"\f43d"}.ti-weight:before{content:"\f589"}.ti-wheat:before{content:"\100a8"}.ti-wheat-off:before{content:"\100a9"}.ti-wheel:before{content:"\fc64"}.ti-wheelchair:before{content:"\f1db"}.ti-wheelchair-off:before{content:"\f43e"}.ti-whirl:before{content:"\f51d"}.ti-wifi:before{content:"\eb52"}.ti-wifi-0:before{content:"\eba3"}.ti-wifi-1:before{content:"\eba4"}.ti-wifi-2:before{content:"\eba5"}.ti-wifi-off:before{content:"\ecfa"}.ti-wind:before{content:"\ec34"}.ti-wind-electricity:before{content:"\fcc6"}.ti-wind-off:before{content:"\f1c7"}.ti-windmill:before{content:"\ed85"}.ti-windmill-filled:before{content:"\f6b2"}.ti-windmill-off:before{content:"\f1c8"}.ti-window:before{content:"\ef06"}.ti-window-maximize:before{content:"\f1f1"}.ti-window-minimize:before{content:"\f1f2"}.ti-window-off:before{content:"\f1c9"}.ti-windsock:before{content:"\f06d"}.ti-windsock-filled:before{content:"\1009a"}.ti-wiper:before{content:"\ecab"}.ti-wiper-wash:before{content:"\ecaa"}.ti-woman:before{content:"\eb53"}.ti-woman-filled:before{content:"\fdcc"}.ti-wood:before{content:"\f359"}.ti-world:before{content:"\eb54"}.ti-world-bolt:before{content:"\f9d9"}.ti-world-cancel:before{content:"\f9da"}.ti-world-check:before{content:"\f9db"}.ti-world-code:before{content:"\f9dc"}.ti-world-cog:before{content:"\f9dd"}.ti-world-dollar:before{content:"\f9de"}.ti-world-down:before{content:"\f9df"}.ti-world-download:before{content:"\ef8a"}.ti-world-exclamation:before{content:"\f9e0"}.ti-world-heart:before{content:"\f9e1"}.ti-world-latitude:before{content:"\ed2e"}.ti-world-longitude:before{content:"\ed2f"}.ti-world-minus:before{content:"\f9e2"}.ti-world-off:before{content:"\f1ca"}.ti-world-pause:before{content:"\f9e3"}.ti-world-pin:before{content:"\f9e4"}.ti-world-plus:before{content:"\f9e5"}.ti-world-question:before{content:"\f9e6"}.ti-world-search:before{content:"\f9e7"}.ti-world-share:before{content:"\f9e8"}.ti-world-star:before{content:"\f9e9"}.ti-world-up:before{content:"\f9ea"}.ti-world-upload:before{content:"\ef8b"}.ti-world-www:before{content:"\f38f"}.ti-world-x:before{content:"\f9eb"}.ti-wrecking-ball:before{content:"\ed97"}.ti-writing:before{content:"\ef08"}.ti-writing-off:before{content:"\f1cb"}.ti-writing-sign:before{content:"\ef07"}.ti-writing-sign-off:before{content:"\f1cc"}.ti-x:before{content:"\eb55"}.ti-x-power-y:before{content:"\10072"}.ti-xbox-a:before{content:"\f2b6"}.ti-xbox-a-filled:before{content:"\fdcb"}.ti-xbox-b:before{content:"\f2b7"}.ti-xbox-b-filled:before{content:"\fdca"}.ti-xbox-x:before{content:"\f2b8"}.ti-xbox-x-filled:before{content:"\fdc9"}.ti-xbox-y:before{content:"\f2b9"}.ti-xbox-y-filled:before{content:"\fdc8"}.ti-xd:before{content:"\fa33"}.ti-xxx:before{content:"\fc20"}.ti-yin-yang:before{content:"\ec35"}.ti-yin-yang-filled:before{content:"\f785"}.ti-yoga:before{content:"\f01f"}.ti-zeppelin:before{content:"\f270"}.ti-zeppelin-filled:before{content:"\fdc7"}.ti-zeppelin-off:before{content:"\f43f"}.ti-zip:before{content:"\f3b4"}.ti-zodiac-aquarius:before{content:"\ecac"}.ti-zodiac-aries:before{content:"\ecad"}.ti-zodiac-cancer:before{content:"\ecae"}.ti-zodiac-capricorn:before{content:"\ecaf"}.ti-zodiac-gemini:before{content:"\ecb0"}.ti-zodiac-leo:before{content:"\ecb1"}.ti-zodiac-libra:before{content:"\ecb2"}.ti-zodiac-pisces:before{content:"\ecb3"}.ti-zodiac-sagittarius:before{content:"\ecb4"}.ti-zodiac-scorpio:before{content:"\ecb5"}.ti-zodiac-taurus:before{content:"\ecb6"}.ti-zodiac-virgo:before{content:"\ecb7"}.ti-zoom:before{content:"\fdaa"}.ti-zoom-cancel:before{content:"\ec4d"}.ti-zoom-cancel-filled:before{content:"\fdc6"}.ti-zoom-check:before{content:"\ef09"}.ti-zoom-check-filled:before{content:"\f786"}.ti-zoom-code:before{content:"\f07f"}.ti-zoom-code-filled:before{content:"\fdc5"}.ti-zoom-exclamation:before{content:"\f080"}.ti-zoom-exclamation-filled:before{content:"\fdc4"}.ti-zoom-filled:before{content:"\f787"}.ti-zoom-in:before{content:"\eb56"}.ti-zoom-in-area:before{content:"\f1dc"}.ti-zoom-in-area-filled:before{content:"\f788"}.ti-zoom-in-filled:before{content:"\f789"}.ti-zoom-money:before{content:"\ef0a"}.ti-zoom-money-filled:before{content:"\fdc3"}.ti-zoom-out:before{content:"\eb57"}.ti-zoom-out-area:before{content:"\f1dd"}.ti-zoom-out-area-filled:before{content:"\fdc2"}.ti-zoom-out-filled:before{content:"\f78a"}.ti-zoom-pan:before{content:"\f1de"}.ti-zoom-pan-filled:before{content:"\fdc1"}.ti-zoom-question:before{content:"\edeb"}.ti-zoom-question-filled:before{content:"\fdc0"}.ti-zoom-replace:before{content:"\f2a7"}.ti-zoom-reset:before{content:"\f295"}.ti-zoom-scan:before{content:"\fcb0"}.ti-zoom-scan-filled:before{content:"\fdbf"}.ti-zzz:before{content:"\f228"}.ti-zzz-off:before{content:"\f440"}.ti-123:before{content:"\f554"}.ti-360:before{content:"\f62f"}.ti-code-asterix:before{content:"\f312"}.ti-discount-2:before{content:"\ee7c"}.ti-discount-2-off:before{content:"\f3e6"}.ti-discount-check:before{content:"\f1f8"}.ti-hand-rock:before{content:"\ee97"}.ti-sort-deacending-small-big:before{content:"\fd96"}.ti-shi-jumping:before{content:"\fa6c"}.ti-box-seam:before{content:"\eaff"}.ti-kering:before{content:"\efb8"}.ti-2fa:before{content:"\eca0"}.ti-3d-cube-sphere:before{content:"\ecd7"}.ti-3d-cube-sphere-off:before{content:"\f3b5"}.ti-3d-rotate:before{content:"\f020"}.ti-12-hours:before{content:"\fc53"}.ti-24-hours:before{content:"\f5e7"}.ti-360-view:before{content:"\f566"}.ti-circle-0:before{content:"\ee34"}.ti-circle-1:before{content:"\ee35"}.ti-circle-2:before{content:"\ee36"}.ti-circle-3:before{content:"\ee37"}.ti-circle-4:before{content:"\ee38"}.ti-circle-5:before{content:"\ee39"}.ti-circle-6:before{content:"\ee3a"}.ti-circle-7:before{content:"\ee3b"}.ti-circle-8:before{content:"\ee3c"}.ti-circle-9:before{content:"\ee3d"}.ti-hexagon-0:before{content:"\f459"}.ti-hexagon-1:before{content:"\f45a"}.ti-hexagon-2:before{content:"\f45b"}.ti-hexagon-3:before{content:"\f45c"}.ti-hexagon-4:before{content:"\f45d"}.ti-hexagon-5:before{content:"\f45e"}.ti-hexagon-6:before{content:"\f45f"}.ti-hexagon-7:before{content:"\f460"}.ti-hexagon-8:before{content:"\f461"}.ti-hexagon-9:before{content:"\f462"}.ti-square-0:before{content:"\eee5"}.ti-square-1:before{content:"\eee6"}.ti-square-2:before{content:"\eee7"}.ti-square-3:before{content:"\eee8"}.ti-square-4:before{content:"\eee9"}.ti-square-5:before{content:"\eeea"}.ti-square-6:before{content:"\eeeb"}.ti-square-7:before{content:"\eeec"}.ti-square-8:before{content:"\eeed"}.ti-square-9:before{content:"\eeee"}.ti-message-circle-2:before{content:"\eaed"}.ti-mood-suprised:before{content:"\ec04"}.ti-circle-dashed-letter-letter-v:before{content:"\ff84"}.ti-seeding:before{content:"\ed51"}.ti-seeding-off:before{content:"\f19d"}.ti-discount-check-filled:before{content:"\f746"}.ti-message-circle-2-filled:before{content:"\fecf"}.ti-seeding-filled:before{content:"\10006"}/*# sourceMappingURL=tabler-icons.min.css.map */

/* End */


/* Start:/local/templates/grosio/base.css?178363268234948*/
/* =====================================================================
   ФУНДАМЕНТ НОВОГО ВИЗУАЛА — Bootstrap 5.3 + токены бренда «Гросио»
   =====================================================================
   Стратегия миграции (постепенная, без разового реванша всего сайта):
   1) Переопределяем переменные Bootstrap (--bs-*) под индиго-палитру Гросио
      + заводим свой namespace --g-* для того, чего в Bootstrap нет (тени,
      радиусы карточек и т.п.). Эти токены — новый визуальный язык.
   2) СТАРЫЕ токены (--red/--text/--green/... ниже) оставлены БЕЗ ИЗМЕНЕНИЙ —
      ими пользуется весь остальной CSS шаблона (template_styles.css,
      home.css, mobile.css, notify.css, static-page.css, cart-page.css,
      claims.css, employees.css) и это НЕ входит в объём текущей задачи.
      Правка их значений мгновенно перекрасила бы весь сайт без проверки —
      это сделают параллельные агенты, когда будут переводить эти файлы на
      Bootstrap-токены каждый в своём объёме.
   3) Новым визуалом (Bootstrap-палитра) сейчас живут только шапка/подвал
      (header.php/footer.php) — они единственные, что переписаны в этой
      задаче — и любая новая вёрстка, которая будет явно ссылаться на
      --bs-* / --g-* (пробелы вокруг «/» обязательны: «звёздочка-слэш» в
      тексте комментария закрывает его досрочно и парсер съедает следующее
      правило — так весь :root с палитрой выпадал из CSSOM, 2026-07-08).
   ===================================================================== */

:root {
  /* ---- Индиго/синий B2B — primary. Подобрано под контраст AA на белом. ----
     #4F46E5 (индиго-600): белый текст на нём — контраст ≈ 6.3:1 (AA/AAA). */
  --bs-primary: #4F46E5;
  --bs-primary-rgb: 79, 70, 229;
  --bs-primary-text-emphasis: #34309E;
  --bs-primary-bg-subtle: #ECEBFC;
  --bs-primary-border-subtle: #C7C3F5;
  --bs-link-color: #4F46E5;
  --bs-link-color-rgb: 79, 70, 229;
  --bs-link-hover-color: #4338CA;
  --bs-link-hover-color-rgb: 67, 56, 202;

  /* ---- Акцент «скидка/ошибка» — единый (см. отчёт: продажи и ошибки делят
     один тревожный тон, это осознанное решение, не путаница токенов). ----
     #DC2626 (красный-600): контраст с белым ≈ 4.8:1 (AA). */
  --bs-danger: #DC2626;
  --bs-danger-rgb: 220, 38, 38;
  --bs-danger-text-emphasis: #9B1C1C;
  --bs-danger-bg-subtle: #FCE8E8;
  --bs-danger-border-subtle: #F3B4B4;

  --bs-success: #16A34A;
  --bs-success-rgb: 22, 163, 74;
  --bs-warning: #D97706;
  --bs-warning-rgb: 217, 119, 6;

  /* ---- Нейтральные серые — холодный (slate) оттенок вместо чистого серого,
     чуть более «технологичный» для B2B. ---- */
  --bs-body-color: #111827;
  --bs-body-color-rgb: 17, 24, 39;
  --bs-body-bg: #FFFFFF;
  --bs-secondary-color: #4B5568;
  --bs-secondary-bg: #F1F2F6;
  --bs-tertiary-color: #8992A6;
  --bs-tertiary-bg: #F7F8FB;
  --bs-border-color: #E2E5EC;
  --bs-emphasis-color: #0B1220;

  /* ---- Типографика — системный стек, БЕЗ загрузки внешних шрифтов
     (требование фундамента). ⚠ Пока НЕ является видимым шрифтом body —
     ниже в блоке «Reset» намеренно оставлен старый `body { font-family:
     var(--ro) }` (self-hosted Roboto), чтобы не менять шрифт всего сайта
     одним движением токена (см. пункт 2 выше). Bootstrap-компоненты
     наследуют его через cascade и выглядят типографически цельно с
     остальным сайтом уже сегодня. Когда остальные файлы переедут на
     Bootstrap-токены, --bs-body-font-family станет реальным шрифтом body —
     тогда старое переопределение в Reset нужно будет убрать. ---- */
  --bs-body-font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --bs-body-font-size: 1rem;
  --bs-body-line-height: 1.5;

  /* ---- Шкала радиусов (пересмотрена 2026-07-08, дизайн-ревью «слишком круглое
     и разнобойное»): инпуты/кнопки — 6px, дропдауны/попапы — 8px, карточки/
     панели — 10px (--g-radius-card ниже). Пилюли (999px) — ТОЛЬКО для
     бейджей-счётчиков и статус-чипов, нигде больше. ---- */
  --bs-border-radius: .375rem;
  --bs-border-radius-sm: .25rem;
  --bs-border-radius-lg: .5rem;
  --bs-border-radius-xl: 1rem;
  --bs-border-radius-xxl: 1.25rem;
  --bs-border-radius-pill: 50rem;

  --bs-box-shadow: 0 .5rem 1rem rgba(17, 24, 39, .1);
  --bs-box-shadow-sm: 0 1px 2px rgba(17, 24, 39, .06);
  --bs-box-shadow-lg: 0 1rem 3rem rgba(17, 24, 39, .14);

  /* =====================================================================
     Свой namespace --g-* — семантика, которой в Bootstrap нет:
     тени карточек, радиусы товарных карточек, фон шапки/подвала.
     Используется новой шапкой/подвалом (см. ниже) и будущей вёрсткой.
     ===================================================================== */
  --g-shadow-sm: 0 1px 2px rgba(16, 24, 40, .06);
  --g-shadow-card: 0 4px 16px rgba(16, 24, 40, .08), 0 1px 3px rgba(16, 24, 40, .06);
  --g-shadow-popover: 0 12px 32px rgba(16, 24, 40, .12), 0 2px 6px rgba(16, 24, 40, .06);
  --g-radius-card: .625rem;
  --g-radius-pill: 999px;

  --g-header-bg: #FFFFFF;
  --g-header-border: #E7E9F2;
  --g-topstrip-bg: #F4F5FA;
  --g-topstrip-text: #3B4256;

  --g-footer-bg: #10162B;
  --g-footer-bg-2: #171F3B;
  --g-footer-text: rgba(255, 255, 255, .72);
  --g-footer-text-strong: #FFFFFF;
  --g-footer-border: rgba(255, 255, 255, .12);
}

/* =====================================================================
   LEGACY-токены — палитра до Bootstrap-фундамента (значения НЕ менялись!)
   Используются во ВСЕХ остальных CSS-файлах шаблона (вне объёма этой
   задачи) — оставлены как есть намеренно, см. комментарий в шапке файла.
   ===================================================================== */
:root {
  --red: #E53324;
  --red-dark: #A82014;
  --text: #000000;
  --text-2: #595959;
  --text-3: #9A9A9A;
  --line: #EBEBEB;
  --line-2: #F0F0F0;
  --bg: #FFFFFF;
  --bg-soft: #FAFAFA;
  --bg-soft-2: #F5F5F5;
  --bg-chip: #EBEBEB;
  --bg-card: #FAFAFA;
  --green: #5FA800;
  --orange: #E59B24;
  --graphite: #2B2B2B;
  --text-graphite: #5A5A5A;
  --footer: #2B2B2B;
  /* Шрифт сайта — Inter (self-hosted, fonts/fonts.css). Токены --rc/--ro
     теперь указывают на ОДНУ гарнитуру Inter; исторические имена оставлены
     ради обратной совместимости сотен вхождений var(--rc)/var(--ro) в вёрстке. */
  --rc: 'Inter', 'Helvetica Neue', Arial, sans-serif;
  --ro: 'Inter', 'Helvetica Neue', Arial, sans-serif;
}
* { box-sizing: border-box; }
html, body {
  margin: 0;
  padding: 0;
  background: #FFFFFF;
  color: var(--text);
  font-family: var(--ro);
  font-size: 17px;
  -webkit-font-smoothing: antialiased;
}
a { color: inherit; text-decoration: none; }
button { font: inherit; border: none; background: none; cursor: pointer; color: inherit; }
input, select, textarea { font: inherit; }

/* =====================================================================
   Шапка (header.php) — новый визуал на токенах --bs-* / --g-*.
   Имена классов НЕ переименованы (см. отчёт задачи): их держат
   template_styles.css/mobile.css/notify.css (доп. переопределения) и JS
   (script.js/search.js/cart.js/catalog.js — прямые querySelector).
   ===================================================================== */
.site-header { display: contents; }
.top-strip {
  /* Лёгкий серый + разделительная граница снизу — чтобы полоса города/телефонов
     читалась отдельным уровнем над белой .header-main, а не сливалась с ней
     (--g-topstrip-bg #F4F5FA был почти неотличим от белого). */
  background: var(--bs-secondary-bg);
  height: 40px;
  display: flex;
  align-items: center;
  padding: 0 32px;
  justify-content: space-between;
  font-size: 14px;
  color: var(--g-topstrip-text);
  letter-spacing: 0;
  border-bottom: 1px solid var(--g-header-border);
}
.top-strip .city {
  display: inline-flex; align-items: center; gap: 6px; cursor: pointer;
  font-size: 14px;
  line-height: 100%;
}
.top-strip .city::after {
  content: '';
  width: 0; height: 0;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 5px solid currentColor;
  opacity: .6;
}
.top-strip nav { display: flex; gap: 24px; align-items: center; }
.top-strip nav a { cursor: pointer; font-size: 14px; line-height: 100%; }
.top-strip nav a.phone { color: var(--bs-primary); font-weight: 600; }
.top-strip nav a.bold { font-weight: 600; }
.top-strip nav a:hover { color: var(--bs-primary); }

.header-main {
  display: flex;
  align-items: center;
  gap: 20px;
  padding: 16px 32px;
  position: sticky;
  top: 0;
  background: var(--g-header-bg);
  z-index: 20;
  border-bottom: 1px solid var(--g-header-border);
  box-shadow: var(--g-shadow-sm);
  transition: padding .2s ease, background-color .2s ease;
}
/* Liquid glass в прилипшем (compact) состоянии: полупрозрачный белый фон + blur,
   чтобы контент под шапкой угадывался, но текст шапки читался идеально. Граница
   и тень сохранены. Эффект только в compact — backdrop-filter дорогой, не вешаем
   на статичную (неприлипшую) шапку. Полоса .top-strip не sticky (уезжает вверх),
   поэтому стекло — только у .header-main, той части, что реально пиннится. */
.header-main.compact {
  padding: 8px 32px;
  /* Прозрачность стекла ослаблена ~вдвое по просьбе клиента (.82 → .91):
     фон почти непрозрачный, blur снижен 12→10px — эффект «стекла» мягче. */
  background: rgba(255, 255, 255, .91);
  -webkit-backdrop-filter: blur(10px) saturate(1.5);
  backdrop-filter: blur(10px) saturate(1.5);
}
/* Фолбэк: браузеры без backdrop-filter получают непрозрачный фон как раньше. */
@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) {
  .header-main.compact { background: var(--g-header-bg); }
}
.header-main.compact a[aria-label="Гросио"] img {
  height: 38px;
  width: auto;
  transition: height .2s ease;
}
.header-main a[aria-label="Гросио"] img { transition: height .2s ease; }

/* Compact state: gently scale down right-side controls */
.header-main.compact .catalog-btn { height: 40px; padding: 0 18px; font-size: 15px; }
.header-main.compact .catalog-btn .ti { font-size: 16px; }
.header-main.compact .search { height: 40px; }
.header-main.compact .search button.search-btn { width: 32px; height: 32px; }
.header-main.compact .nav-item { min-width: 56px; }
.header-main.compact .nav-item .ti { font-size: 22px !important; }
.header-main.compact .nav-label { font-size: 12px; }
.header-main.compact .avatar-ring { width: 38px; height: 38px; }
.header-main.compact .nav-item .badge { min-width: 17px; height: 17px; font-size: 10px; top: -3px; right: 4px; padding: 0 5px; border-width: 1.5px; }
.header-main.compact .notif-badge { min-width: 17px; height: 17px; font-size: 10px; padding: 0 5px; top: -4px; right: -8px; border-width: 1.5px; }
.header-main .catalog-btn, .header-main .search, .header-main .search-btn,
.header-main .nav-item, .header-main .nav-item .ti, .header-main .avatar-ring,
.header-main .nav-label,
.header-main .nav-item .badge, .header-main .notif-badge {
  transition: width .2s ease, height .2s ease, font-size .2s ease,
              padding .2s ease, min-width .2s ease, border-radius .2s ease,
              top .2s ease, right .2s ease;
}
.catalog-btn {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: var(--bs-primary);
  color: #FFFFFF;
  /* Радиус — как у .search рядом (единая линия шапки), не отдельная пилюля. */
  border-radius: var(--bs-border-radius);
  padding: 0 22px 0 26px;
  height: 46px;
  font-weight: 600;
  font-size: 15px;
  letter-spacing: .01em;
  transition: background .15s ease, box-shadow .15s ease;
  white-space: nowrap;
  box-shadow: var(--g-shadow-sm);
}
.catalog-btn:hover { background: var(--bs-link-hover-color); }
/* Открытое мегаменю — тот же тёмный оттенок, что hover, без смены геометрии. */
.catalog-btn[aria-expanded="true"] { background: var(--bs-link-hover-color); }
.catalog-btn .ti { font-size: 18px; line-height: 1; }

.search {
  flex: 1;
  height: 46px;
  border: 1px solid var(--bs-border-color);
  border-radius: var(--bs-border-radius);
  display: flex;
  align-items: center;
  padding: 0 3px 0 20px;
  background: #FFFFFF;
  gap: 12px;
  max-width: 680px;
  transition: border-color .15s, box-shadow .15s;
}
.search:focus-within { border-color: var(--bs-primary); box-shadow: 0 0 0 2px var(--bs-primary-bg-subtle); }
.search input {
  flex: 1;
  border: none;
  outline: none;
  background: transparent;
  font-size: 15px;
  color: var(--bs-body-color);
}
.search input::placeholder { color: var(--bs-tertiary-color); }
.search-clear {
  flex-shrink: 0;
  width: 20px; height: 20px;
  margin-right: 10px;
  border: none;
  border-radius: 50%;
  background: var(--bs-secondary-color);
  color: #FFFFFF;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  padding: 0;
  transition: background .15s ease;
}
.search-clear:hover { background: var(--bs-emphasis-color); }
.search-clear:focus-visible { outline: 2px solid var(--bs-primary); outline-offset: 2px; }
.header-main.compact .search-clear { width: 18px; height: 18px; margin-right: 8px; }
.search button.search-btn {
  /* Квадратная кнопка с РАВНЫМ инсетом 3px со всех сторон: контейнер 46px
     − 2px рамки = 44px, кнопка 38px → по 3px сверху/снизу; padding-right
     контейнера тоже 3px → тот же зазор справа (в compact 40−2−32 = 3px тоже).
     Скругление меньше контейнера, без пилюли внутри прямоугольного поиска. */
  width: 38px; height: 38px;
  padding: 0;
  border-radius: var(--bs-border-radius-sm);
  background: var(--bs-primary);
  color: #FFFFFF;
  display: inline-flex; align-items: center; justify-content: center;
  transition: background .15s;
}
.search button.search-btn:hover { background: var(--bs-link-hover-color); }
.search button.search-btn .ti { font-size: 18px; }

.user-nav { display: flex; align-items: center; gap: 4px; margin-left: auto; }

.nav-item {
  display: inline-flex; flex-direction: column; align-items: center; justify-content: center;
  min-width: 68px; padding: 4px 6px;
  background: transparent; border: none; cursor: pointer;
  color: var(--bs-secondary-color);
  font-size: 13px;
  position: relative;
  transition: color .15s;
  gap: 4px;
  border-radius: var(--bs-border-radius);
}
/* Hover — только цвет иконки/подписи (transition-property конкретный,
   без фоновой подложки: раньше hover давал светло-индиговый фон, выглядело
   чужеродно рядом с иконкой «Каталог»). */
.nav-item:hover { color: var(--bs-primary); }
.nav-item:hover .nav-label { color: var(--bs-primary); }
.nav-item .ti { font-size: 24px; line-height: 1; }
.nav-item .badge {
  position: absolute;
  top: -4px; right: 10px;
  min-width: 20px; height: 20px;
  border-radius: var(--g-radius-pill);
  background: var(--bs-danger);
  color: #FFFFFF;
  font-size: 11px; font-weight: 700;
  display: inline-flex; align-items: center; justify-content: center;
  padding: 0 6px;
  border: 2px solid #FFFFFF;
  box-sizing: content-box;
  font-variant-numeric: tabular-nums;
}
.nav-item.active { color: var(--bs-primary); }
.nav-label { font-size: 13px; color: var(--bs-secondary-color); letter-spacing: -0.01em; transition: color .15s; }

.profile-btn {
  position: relative;
  background: transparent; border: none; cursor: pointer;
  margin-left: 4px;
  padding: 0;
}
/* Профиль — тот же приём, что у остальных иконок шапки: hover меняет
   ТОЛЬКО цвет подписи, без фоновой подложки (иконка-кольцо уже индиго). */
.profile-btn:hover .nav-label { color: var(--bs-primary); }
.avatar-ring {
  display: inline-flex; align-items: center; justify-content: center;
  width: 44px; height: 44px; border-radius: 50%;
  background: #FFFFFF;
  border: 2px solid var(--bs-primary);
  padding: 0; box-sizing: border-box;
  color: var(--bs-primary);
}
.avatar-ring .ti { font-size: 20px; }
/* Если внутри только инициалы — кольцо превращается в сплошной круг без обводки,
   как аватары в разделе «Сотрудники». */
.avatar-ring:has(.avatar-initials) {
  background: transparent;
  border: none;
}
.avatar-img {
  display: flex; align-items: flex-end; justify-content: center; overflow: hidden;
  width: 100%; height: 100%; border-radius: 50%;
}
/* Инициалы вместо иллюстрации — палитра и типографика совпадают с .emp-avatar в employees.html */
.avatar-initials {
  display: flex; align-items: center; justify-content: center;
  width: 100%; height: 100%; border-radius: 50%;
  color: #FFFFFF;
  font-weight: 600;
  font-size: 16px;
  letter-spacing: 0.02em;
  text-transform: uppercase;
  user-select: none;
}
.header-main.compact .avatar-initials { font-size: 13px; }
/* Аватар в шапке без модификатора .a* (гость / до AJAX) — нейтральный
   дефолт. Объявлено ДО .a0..a6, чтобы при появлении модификатора через JS
   тот победил по порядку каскада (специфичность одинаковая (0,2,0)). */
.profile-btn .avatar-initials { background: var(--bs-secondary-bg); color: var(--bs-body-color); }
/* Аватар-инициалы — единая индиго-семья вместо серой (была палитра «6 цветов»
   с общесайтовым --graphite; для шапки уместнее оттенки нового primary). */
.avatar-initials.a0 { background: #34309E; color: #FFFFFF; }
.avatar-initials.a1 { background: #4338CA; color: #FFFFFF; }
.avatar-initials.a2 { background: #4F46E5; color: #FFFFFF; }
.avatar-initials.a3 { background: #6D64EA; color: #FFFFFF; }
.avatar-initials.a4 { background: #4B5568; color: #FFFFFF; }
.avatar-initials.a5 { background: #34309E; color: #FFFFFF; }
.avatar-initials.a6 { background: #4338CA; color: #FFFFFF; }
.notif-badge {
  position: absolute; top: -6px; right: -8px;
  min-width: 20px; height: 20px; padding: 0 6px;
  border-radius: var(--g-radius-pill);
  background: var(--bs-danger); color: #FFFFFF;
  font-size: 11px; font-weight: 700;
  display: inline-flex; align-items: center; justify-content: center;
  border: 2px solid #FFFFFF;
  box-sizing: content-box;
  font-variant-numeric: tabular-nums;
}

/* Мега-меню каталога и город-пикер — цвета/тени на новых токенах,
   структура/классы без изменений (см. catalog.js/mobile.js). */
.catalog-wrap { position: relative; }
.catalog-mega {
  position: absolute; top: calc(100% + 10px); left: 0; z-index: 30;
  background: #FFFFFF;
  border: 1px solid var(--bs-border-color);
  border-radius: var(--bs-border-radius-lg);
  box-shadow: var(--g-shadow-popover);
}
.city-drop {
  background: #FFFFFF;
  border: 1px solid var(--bs-border-color);
  border-radius: var(--bs-border-radius-lg);
  box-shadow: var(--g-shadow-popover);
}
.notif-drop {
  background: #FFFFFF;
  border: 1px solid var(--bs-border-color);
  border-radius: var(--bs-border-radius-lg);
  box-shadow: var(--g-shadow-popover);
}

/* Breadcrumbs */
.breadcrumbs {
  padding: 16px 32px 0;
  font-family: var(--rc);
  font-size: 15px;
  color: var(--text-2);
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
}
.breadcrumbs a { color: var(--text-2); }
.breadcrumbs a:hover { color: var(--red); }
.breadcrumbs .sep { color: var(--text-3); }
.breadcrumbs .current { color: var(--text); }

/* Page titles */
.page-title {
  font-family: var(--rc);
  font-weight: 500;
  font-size: 48px;
  letter-spacing: -0.02em;
  line-height: 1;
  color: var(--text);
  margin: 24px 32px 0;
  text-transform: uppercase;
  text-wrap: balance;
}
.page-subtitle {
  margin: 8px 32px 0;
  font-family: var(--rc);
  font-size: 17px;
  color: var(--text-2);
}

/* =====================================================================
   Кнопки — коллизия с Bootstrap 5 (см. отчёт задачи).
   .btn/.btn-primary — свои определения УДАЛЕНЫ: их полностью и без потери
   функциональности перенимает штатный Bootstrap (одинаковые имена классов,
   markup уже везде `class="btn btn-primary"`). .btn-sm — аналогично,
   не имел собственных вхождений в разметке, снят.
   .btn-ghost/.btn-outline — Bootstrap-эквивалента НЕТ (`btn-outline` без
   цветового суффикса — не штатный класс), а используются в ~15 файлах
   ЛК/каталога вне объёма этой задачи (organizations/employees/claims/
   sale.basket.basket и т.д.) — удаление сломало бы эти страницы. Оставлены,
   визуально пересажены на новые --bs-*-токены. ===================================================================== */
/* ⚠ Vendor-сборка bootstrap.min.css захардкоживает в .btn-primary ЛИТЕРАЛ
   #0d6efd (--bs-btn-bg и компания задаются НЕ через var(--bs-primary)) —
   поэтому переопределения :root недостаточно, «голый» btn-primary по всему
   сайту рендерился дефолтным Bootstrap-синим (жалобы клиента: «Войти»,
   окно «Заказ товара», 2026-07-08). Перебиваем btn-переменные на бренд. */
.btn-primary {
  --bs-btn-bg: var(--bs-primary);
  --bs-btn-border-color: var(--bs-primary);
  --bs-btn-hover-bg: var(--bs-link-hover-color);
  --bs-btn-hover-border-color: var(--bs-link-hover-color);
  --bs-btn-active-bg: var(--bs-link-hover-color);
  --bs-btn-active-border-color: var(--bs-link-hover-color);
  --bs-btn-disabled-bg: var(--bs-primary);
  --bs-btn-disabled-border-color: var(--bs-primary);
  --bs-btn-focus-shadow-rgb: var(--bs-primary-rgb);
}
.btn-outline-primary {
  --bs-btn-color: var(--bs-primary);
  --bs-btn-border-color: var(--bs-primary);
  --bs-btn-hover-bg: var(--bs-primary);
  --bs-btn-hover-border-color: var(--bs-primary);
  --bs-btn-active-bg: var(--bs-primary);
  --bs-btn-active-border-color: var(--bs-primary);
  --bs-btn-disabled-color: var(--bs-primary);
  --bs-btn-disabled-border-color: var(--bs-primary);
  --bs-btn-focus-shadow-rgb: var(--bs-primary-rgb);
}
.btn-ghost { background: var(--bs-tertiary-bg); color: var(--bs-body-color); }
.btn-ghost:hover { background: var(--bs-secondary-bg); }
.btn-outline { background: #FFFFFF; color: var(--bs-body-color); border: 1px solid var(--bs-border-color); }
.btn-outline:hover { border-color: var(--bs-secondary-color); color: var(--bs-body-color); }

/* Скилл-полировка: активное состояние кнопок сайта — лёгкое сжатие (не только
   у .btn-primary/.btn-ghost/.btn-outline, у ЛЮБОЙ .btn — класс общий для всего
   сайта). Transition — явный список свойств (НЕ `transition: all`): добавляем
   transform к бутстраповскому набору color/background-color/border-color/
   box-shadow, не трогая их тайминг. */
.btn {
  transition: color .15s ease-in-out, background-color .15s ease-in-out,
              border-color .15s ease-in-out, box-shadow .15s ease-in-out,
              transform .12s ease;
}
.btn:active { transform: scale(0.96); }

/* Badges — .badge/.badge-hit/.badge-new/.badge-sale НЕ трогаем (см. отчёт):
   используются в pc-card по всему сайту (init.php, search, catalog.compare.list)
   вне объёма этой задачи, переопределение сломало бы их. */
.badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 4px 10px;
  border-radius: 999px;
  font-family: var(--rc);
  font-weight: 500;
  font-size: 13px;
  color: #FFFFFF;
  letter-spacing: -0.01em;
  line-height: 1;
  height: 22px;
  font-variant-numeric: tabular-nums;
}
.badge-hit { background: var(--red); color: #FFFFFF; }
.badge-new { background: var(--red); color: #FFFFFF; }
.badge-sale { background: var(--red); color: #FFFFFF; }

/* =====================================================================
   Подвал (footer.php) — светло-серый фон + верхняя граница, чтобы подвал
   был отделён от белой страницы (раньше был тёмно-индиговый --g-footer-bg;
   на светлом фоне весь текст/ссылки/иконки — на slate-токенах).
   ===================================================================== */
.site-footer { background: var(--bs-secondary-bg); color: var(--bs-body-color); border-top: 1px solid var(--bs-border-color); padding: 40px 32px 24px; margin-top: 64px; }
/* Колонки подвала (.cols) — теперь на Bootstrap grid (row/col-*, см. footer.php),
   собственной grid-раскладки классу .cols больше не нужно — только paddingа
   ряда для отступа перед .footer-bottom. */
.site-footer .cols { padding-bottom: 32px; }
.site-footer h4 { font-weight: 600; font-size: 16px; line-height: 1.2; letter-spacing: 0; text-transform: none; margin: 0 0 16px; color: var(--bs-emphasis-color); }
.site-footer a { display: block; font-weight: 400; font-size: 15px; line-height: 1.4; letter-spacing: 0; color: var(--bs-secondary-color); margin-bottom: 10px; transition: color .15s; }
/* Hover — видимый на светло-сером фоне (был #FFFFFF: ссылка «исчезала»). */
.site-footer a:hover { color: var(--bs-primary); }
.site-footer .sub { border-top: 1px solid var(--bs-border-color); margin-top: 16px; padding-top: 16px; font-size: 14px; color: var(--bs-tertiary-color); }
/* Колонка «Контакты» — телефон/почта/адрес/часы с иконками Tabler.
   Скоуп .site-footer перебивает .site-footer a{display:block} (0,1,1) для
   <a> телефона/почты → все три строки flex с равным gap 8px и единым кеглем
   15px (адрес-<span> раньше наследовал body 17px и был крупнее). */
.site-footer .footer-contact { display: flex; align-items: flex-start; gap: 8px; font-size: 15px; line-height: 1.4; margin-bottom: 10px; }
.footer-contact .ti { font-size: 17px; line-height: 1.4; flex-shrink: 0; color: var(--bs-primary); }
/* Строка часов без иконки — сдвигаем текст на ту же вертикаль, где начинается
   текст адреса: ширина глифа .ti (font-size 17px) + gap 8px = 25px. */
.site-footer .footer-hours { color: var(--bs-secondary-color); font-size: 13px; margin-top: -4px; padding-left: 25px; }

/* =====================================================================
   Коллизия .container ↔ Bootstrap.
   Bootstrap задаёт .container стэп-max-width (540/720/960/1140/1320px) +
   auto-центрирование + свой gutter-паддинг — у нас .container сквозной
   класс-обёртка БЕЗ max-width (используется десятками файлов: template_styles.css,
   home.css, mobile.css, notify.css, static-page.css, claims.css). Если не
   перебить — контент на всех страницах внезапно ужимался бы по брейкпоинтам
   Bootstrap. Возвращаем старое поведение (padding-only, полная ширина).
   ===================================================================== */
.container {
  width: auto;
  max-width: none;
  margin-right: 0;
  margin-left: 0;
  padding-right: 32px;
  padding-left: 32px;
}

/* Site width control — 'fixed' constrains the whole page to 1440px, 'full' is default fluid width */
html[data-site-width="fixed"] body {
  background: var(--line);
}
html[data-site-width="fixed"] body > #root {
  /* flex-колонка: main растягивается (flex:1 ниже), подвал прижат к низу
     даже на коротких страницах (просьба клиента 2026-07-09). Шапке с
     display:contents это не мешает — её части становятся flex-детьми колонки. */
  display: flex;
  flex-direction: column;
  max-width: 1440px;
  margin: 0 auto;
  background: #FFFFFF;
  box-shadow: 0 0 0 1px var(--line-2);
  min-height: 100vh;
}
.site-main { flex: 1 0 auto; }
/* Sticky header has its own background; it should also stay constrained */
html[data-site-width="fixed"] .header-main {
  position: sticky;
}

/* =====================================================================
   Навигация по разделам личного кабинета (shared компонент SubNav)

   Горизонтальная полоса из 5 кнопок-дропдаунов:
     Продукт · Финансы · Логистика · Юридическое взаимодействие · Прочее
   По клику на кнопку открывается меню со ссылками. Кнопка группы,
   в которой лежит активный раздел, подсвечивается белой капсулой.
   Используется на страницах ЛК: orders, upd, reports, organizations,
   compare, cart, claims, employees, frequent, act, checkout, order.
   ===================================================================== */
.account-subnav {
  margin: 16px 32px 24px;
  display: inline-flex;
  align-items: center;
  background: var(--bg-soft);
  border-radius: 14px;
  padding: 4px;
  gap: 2px;
  max-width: calc(100% - 64px);
  flex-wrap: wrap;
}
.account-subnav-group { position: relative; }
.account-subnav-trigger {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-family: var(--rc);
  font-weight: 500;
  font-size: 14px;
  letter-spacing: 0.02em;
  color: var(--text);
  background: transparent;
  border: 0;
  padding: 9px 14px 9px 16px;
  border-radius: 10px;
  cursor: pointer;
  transition: color .15s ease, background .15s ease, box-shadow .15s ease;
  white-space: nowrap;
}
.account-subnav-trigger:hover { color: var(--text); }
.account-subnav-trigger.on {
  background: #FFFFFF;
  color: var(--text);
  box-shadow: 0 1px 2px rgba(0,0,0,0.06);
}
.account-subnav-group.open .account-subnav-trigger {
  background: #FFFFFF;
  color: var(--text);
  box-shadow: 0 1px 2px rgba(0,0,0,0.06);
}
.account-subnav-chevron {
  transition: transform .15s ease;
  opacity: 0.7;
}
.account-subnav-group.open .account-subnav-chevron {
  transform: rotate(180deg);
}
.account-subnav-menu {
  position: absolute;
  top: calc(100% + 6px);
  left: 0;
  z-index: 30;
  min-width: 220px;
  background: #FFFFFF;
  border: 1px solid var(--line);
  border-radius: 12px;
  box-shadow: 0 12px 32px rgba(0,0,0,0.08), 0 2px 6px rgba(0,0,0,0.05);
  padding: 6px;
  display: flex;
  flex-direction: column;
  gap: 1px;
}
.account-subnav-menu a {
  display: block;
  font-family: var(--rc);
  font-weight: 500;
  font-size: 14px;
  letter-spacing: 0.01em;
  color: var(--text);
  padding: 8px 12px;
  border-radius: 8px;
  text-decoration: none;
  white-space: nowrap;
  transition: color .15s ease, background .15s ease;
}
.account-subnav-menu a:hover {
  color: var(--text);
  background: var(--bg-soft);
}
.account-subnav-menu a.on {
  color: var(--text);
  background: var(--bg-soft);
  box-shadow: inset 0 0 0 1px var(--line);
}

/* End */


/* Start:/local/templates/grosio/template_styles.css?1783632682410356*/
/*
 * template_styles.css — стили, специфичные для битриксового шаблона.
 *
 * Основные токены и компоненты — в local/templates/grosio/base.css (подключается
 * ПЕРЕД этим файлом в header.php). Здесь — только то, что НЕ покрыто
 * base.css: каркас .site-main и временные заглушки контента.
 */

/* Каркас контентной области между шапкой и подвалом.
 *
 * Ширину сайта ограничивает #root (max-width 1440px из base.css при
 * data-site-width="fixed"). Здесь только padding 32px по бокам — как у
 * .container. Раньше тут стояло max-width 1280px → каталог
 * выходил ощутимо уже нужного (layout должен жить в полную
 * ширину #root). Поправил. */
.site-main {
    /* Без верхнего отступа: крошки/заголовок прижаты к шапке, как в каталоге.
       Снизу — воздух перед футером. (Каталог/главная/auth обнуляют оба ниже.) */
    padding: 0 0 48px;
}
.site-main > .container {
    padding: 0 32px;
}

/* На страницах каталога padding контейнера = 0: его дают сами блоки
 * (.catalog-layout, .product-hero, .seo-block, .subcats-host).
 * Без этого breadcrumbs/h1
 * получают двойной отступ (32px от container + 32px от собственных
 * padding в base.css). */
body.catalog-page .site-main {
    padding: 0;
}
body.catalog-page .site-main > .container {
    padding: 0;
}

/* .page-title и .breadcrumbs в base.css несут боковые margin/padding 32px
 * (рассчитаны на контент без .container). В боевом шаблоне
 * .container уже даёт padding 32px по бокам → на обычных страницах получался
 * двойной отступ (64px), из-за чего заголовок/крошки были левее контента,
 * чем фильтр/списки (32px). Убираем боковые у самих элементов на десктопе —
 * выравниваем с контентом. Каталог (.container без padding) не трогаем: там
 * эти 32px — единственный отступ. На мобиле боковые задаёт mobile.css. */
@media (min-width: 768px) {
    body:not(.catalog-page):not(.home-page):not(.auth-page-body) .breadcrumbs { padding-left: 0; padding-right: 0; }
    body:not(.catalog-page):not(.home-page):not(.auth-page-body) .page-title { margin-left: 0; margin-right: 0; }
    /* .sp-wrap (delivery/payment/terms/privacy/contacts) тоже нёс боковые 32px
       поверх .container → контент статик-страниц был на 64px. Убираем, чтобы
       контент совпал с заголовком/крошками (32px). На мобиле боковые из
       static-page.css. */
    /* Системно: эти элементы верстались без .container — элементы верхнего уровня
       (заголовок, крошки, обёртки контента *-wrap/sp-wrap/brands-page/…)
       несут собственные боковые отступы 32px. В боевом шаблоне .container уже
       даёт padding 0 32px → двойной отступ (64px), из-за чего контент уходил
       правее заголовка. Обнуляем боковые margin И padding у ВСЕХ прямых детей
       .container — каждый сам не плодит лишние 32px, единый отступ даёт
       .container. Плюс вложенные .account-subnav/.page-subtitle/.sp-meta.
       Каталог (.container без padding) исключён — там 32px единственные. */
    body:not(.catalog-page):not(.home-page):not(.auth-page-body) .site-main > .container > * {
        margin-left: 0;
        margin-right: 0;
        padding-left: 0;
        padding-right: 0;
    }
    body:not(.catalog-page):not(.home-page):not(.auth-page-body) .account-subnav,
    body:not(.catalog-page):not(.home-page):not(.auth-page-body) .page-subtitle,
    body:not(.catalog-page):not(.home-page):not(.auth-page-body) .sp-meta {
        margin-left: 0;
        margin-right: 0;
    }
}

/* ---- Временная заглушка содержимого главной (index.php) ---- */
.hero-placeholder {
    padding: 48px 0;
}
.hero-placeholder .page-title {
    font-family: var(--rc, "Roboto Condensed", system-ui, sans-serif);
    font-size: 48px;
    font-weight: 500;
    line-height: 1.0;
    letter-spacing: -0.02em;
    text-transform: uppercase;
    margin: 0 0 16px;
    color: var(--text, #000);
}
.hero-placeholder .page-subtitle {
    font-family: var(--ro, Roboto, system-ui, sans-serif);
    font-size: 17px;
    color: var(--text-2, #595959);
    margin: 0;
}
.hero-placeholder .page-subtitle a {
    color: var(--bs-primary, #4F46E5);
    text-decoration: none;
}
.hero-placeholder .page-subtitle a:hover { text-decoration: underline; }

/* ===== Search suggestions (выпадающий список под поиском в шапке) ===== */
.site-header .search { position: relative; }
/* Скрываем нативный (синий) крестик очистки type="search" — вместо него
   кастомная серая .search-clear с белым крестом (создаётся search.js).
   Покрываем и десктоп (.search), и мобильную (.m-search-bar) строки. */
.search input[type="search"]::-webkit-search-cancel-button,
.search input[type="search"]::-webkit-search-decoration,
.m-search-bar input[type="search"]::-webkit-search-cancel-button,
.m-search-bar input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; appearance: none; }
.search input[type="search"],
.m-search-bar input[type="search"] { appearance: none; }
.search-clear[hidden] { display: none; }

.search-suggest {
    position: absolute;
    top: calc(100% + 8px);
    left: 0;
    right: 0;
    background: #fff;
    /* Бордер + тень попапа — единый приём с мегаменю/city-drop (base.css):
       без рамки дропдаун «висел прямо над страницей» (жалоба клиента). */
    border: 1px solid var(--bs-border-color, #E2E5EC);
    border-radius: var(--bs-border-radius-lg);
    box-shadow: var(--g-shadow-popover);
    padding: 6px;
    z-index: 50;
    max-height: 70vh;
    overflow-y: auto;
    box-sizing: border-box;
}

.search-suggest__item {
    display: grid;
    grid-template-columns: 48px 1fr auto;
    gap: 14px;
    align-items: center;
    padding: 8px 12px;
    border-radius: var(--bs-border-radius-sm);
    color: var(--text, #000);
    text-decoration: none;
    transition: background .15s;
}
.search-suggest__item:hover { background: var(--bg-soft, #fafafa); }
.search-suggest__item:focus-visible {
    outline: 2px solid var(--bs-primary, #4F46E5);
    outline-offset: -2px;
}

.search-suggest__photo {
    width: 48px;
    height: 48px;
    border-radius: var(--bs-border-radius-sm);
    background: var(--bg-soft, #fafafa);
    /* Аутлайн фото — единая глубина края с pc-card/tr-img/main-img (чистый
       чёрный low-opacity, не тинтованный var(--line)). */
    border: 1px solid rgba(0, 0, 0, 0.06);
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    flex-shrink: 0;
}
.search-suggest__photo img {
    width: 100%; height: 100%;
    object-fit: contain;
    padding: 6%;
}
.search-suggest__noimg {
    display: block;
    width: 24px; height: 24px;
    border-radius: var(--bs-border-radius-sm);
    background: var(--line, #ebebeb);
}

.search-suggest__info { min-width: 0; }
.search-suggest__name {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    font-family: var(--rc, system-ui, sans-serif);
    font-size: 14px;
    font-weight: 500;
    line-height: 1.25;
    color: var(--text, #000);
}
.search-suggest__name mark {
    background: rgba(79, 70, 229, 0.12);
    color: var(--bs-primary, #4F46E5);
    padding: 0 1px;
    border-radius: 2px;
}
.search-suggest__art {
    display: block;
    font-size: 12px;
    color: var(--text-3, #9A9A9A);
    margin-top: 2px;
}

.search-suggest__price {
    font-family: var(--rc, system-ui, sans-serif);
    font-weight: 700;
    font-size: 15px;
    color: var(--text, #000);
    white-space: nowrap;
    align-self: center;
    font-variant-numeric: tabular-nums;
}

.search-suggest__empty {
    padding: 16px 12px;
    color: var(--text-2, #595959);
    font-family: var(--ro, Roboto, sans-serif);
    font-size: 14px;
    text-align: center;
}
/* AI-исправление опечаток в дропдауне быстрого поиска */
.search-suggest__corr {
    display: flex;
    align-items: center;
    gap: 7px;
    padding: 9px 12px;
    border-bottom: 1px solid var(--line, #eee);
    color: var(--text-2, #595959);
    font-family: var(--rc, Roboto, sans-serif);
    font-size: 13px;
    line-height: 1.35;
}
.search-suggest__corr-ico { flex: none; font-size: 14px; color: var(--bs-danger, #DC2626); }
/* Крестик очистки поиска (шапка + суггесты) — Tabler вместо inline-SVG,
   размер контейнера держит base.css (.search-clear), здесь только сам глиф. */
.search-clear .ti { font-size: 10px; }
.search-suggest__corr b { color: var(--text, #1a1a1a); font-weight: 600; }
.search-suggest__corr-orig {
    color: var(--bs-danger, #DC2626);
    font-weight: 500;
    text-decoration: underline;
    text-underline-offset: 2px;
}
.search-suggest__corr-orig:hover { text-decoration: none; }
/* Чипы разделов каталога над товарами (дропдаун быстрого поиска). Источник —
   gr_search_sections_match (substring-матч по дереву каталога, не Meili). */
.search-suggest__cats {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 6px;
    padding: 9px 12px 7px;
    border-bottom: 1px solid var(--line, #EBEBEB);
}
.search-suggest__cats-label {
    width: 100%;
    font-family: var(--ro, Roboto, sans-serif);
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: .04em;
    color: var(--text-3, #9A9A9A);
    margin-bottom: 2px;
}
.search-suggest__cat {
    display: inline-block;
    max-width: 100%;
    padding: 5px 11px;
    border: 1px solid var(--line, #EBEBEB);
    /* Чип по новой шкале радиусов — --bs-border-radius-lg (8px), как чипы
       разделов .subcat под h1 каталога. Пилюли (999px) — только бейджам/
       счётчикам (DESIGN.md §0.6), а это навигационная ссылка в раздел. */
    border-radius: var(--bs-border-radius-lg, .5rem);
    background: #fff;
    font-family: var(--rc, Roboto, sans-serif);
    font-size: 13px;
    line-height: 1.2;
    color: var(--text-2, #595959);
    text-decoration: none;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    transition: border-color .15s, color .15s, background .15s;
}
.search-suggest__cat:hover {
    border-color: var(--bs-primary, #4F46E5);
    color: var(--bs-primary, #4F46E5);
    background: var(--bs-primary-bg-subtle, #ECEBFC);
}

/* ===== Хлебные крошки =====
 * .bc-item рисуется через inline-flex с gap:8. base.css задаёт цвета, но не
 * горизонтальные отступы, поэтому добавляем здесь. Между .bc-item ставим
 * margin-right, внутри — gap между «/» и текстом. */
.breadcrumbs .bc-item {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin-right: 8px;
}
.breadcrumbs .bc-item:last-child { margin-right: 0; }
.breadcrumbs .sep {
    display: inline-block;
    line-height: 1;
}
.breadcrumbs .sep .ti { font-size: 13px; vertical-align: -1px; }

/* ===== PRODUCT GRID + PRODUCT CARD (.pc-card) =====
 * Базовая карточка товара. Используется и на главной (home_hits), и в
 * каталоге (catalog.section). Раньше жила в home.css, но нужна на нескольких
 * страницах — перенесена сюда. Из DESIGN.md §4.8: фон var(--bg-card),
 * border 1px #EAEAEA, radius 28, padding 4. */
.prod-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
    /* Класс .row на этом же элементе даёт отрицательные Bootstrap-márgeны
       (--bs-gutter-x) → горизонтальный скролл на мобильной главной; Grid
       в них не нуждается — обнуляем. */
    margin-left: 0;
    margin-right: 0;
}
/* .row/.g-3 — классы Bootstrap на .prod-grid оставлены в разметке (каталог,
   хиты) как декларация «это Bootstrap-сетка», но раскладку продолжает
   держать это правило (CSS Grid) — переход на реальный Bootstrap
   flex-row потребовал бы пересчитывать три увязанных брейкпоинта
   (1100/900/767px) и режим table→grid fallback на мобиле (см.
   `.catalog-content .prod-grid` ниже) без возможности проверить в браузере
   в этой сессии — риск регресса выше пользы при визуально идентичном
   результате. Оставлено явным флагом, см. отчёт задачи. */
.pc-card {
    display: flex;
    flex-direction: column;
    gap: 12px;
    background: var(--bg-card);
    border: 1px solid #EAEAEA;
    /* Радиус по новой шкале панелей/карточек (--g-radius-card, 10px) — было 28px
       (легаси-шкала). Фото внутри концентрично: 10 − паддинг 4px = 6px. */
    border-radius: var(--g-radius-card, .625rem);
    padding: 4px;
    transition: border-color .15s, box-shadow .15s;
    text-decoration: none;
    color: inherit;
    overflow: hidden;
}
.pc-card:hover {
    border-color: #DADADA;
    box-shadow: var(--g-shadow-card, 0 4px 16px rgba(0, 0, 0, 0.06));
}
.pc-card__photo {
    position: relative;
    aspect-ratio: 1 / 1;
    background: #FFFFFF;
    border-radius: var(--bs-border-radius, .375rem);
    overflow: hidden;
    display: block;
}
/* Тонкий аутлайн фото-плитки — даёт краю предсказуемую глубину на белой
   карточке (чистый чёрный low-opacity, не тонированный). Рисуем ::after
   ПОВЕРХ картинки (последний слой), а не inset-тенью на самом контейнере —
   иначе непрозрачный фон фото перекрывает кольцо на скруглённых углах и рамка
   выглядит рваной. border-radius:inherit повторяет радиус и в grid (6px), и в
   list (16px). */
.pc-card__photo::after {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: inherit;
    box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.06);
    pointer-events: none;
    z-index: 3;
}
.pc-card__photo-slide {
    position: absolute;
    inset: 0;
    display: block;
    opacity: 0;
    transition: opacity .25s ease;
}
.pc-card__photo-slide.is-active { opacity: 1; }
.pc-card__photo-slide img,
.pc-card__photo > img {
    /* Каталог с галереей: img внутри .pc-card__photo-slide.
     * Главная (Хиты / Категории), related-carousel, search:
     * img прямо в .pc-card__photo. В обоих случаях фото должно
     * вписываться в квадратный контейнер 1:1, не растягивая
     * исходный пиксель-арт. */
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: contain;
    /* Внутренний отступ фото от границ плитки (.pc-card__photo) — «воздух»,
     * чтобы товар не примыкал вплотную к рамке. История: 12% (под мелкие демо)
     * → 6% → 0 → 1px → 10px (клиент попросил небольшие поля, 2026-07-09).
     * object-fit: contain не обрезает содержимое. */
    padding: 10px;
    box-sizing: border-box;
    display: block;
}
/* Заглушка для товара без фото (gr_img_placeholder): иконка + «Изображение готовится». */
.pc-img-ph {
    position: absolute;
    inset: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 12%;
    text-align: center;
    color: var(--text-3, #9CA3AF);
}
.pc-img-ph__ico {
    width: 44px;
    height: 44px;
    opacity: .65;
    flex: none;
}
.pc-img-ph__txt {
    font-size: 13px;
    line-height: 1.3;
}
.pc-img-ph--lg .pc-img-ph__ico { width: 72px; height: 72px; }
.pc-img-ph--lg .pc-img-ph__txt { font-size: 15px; }
.pc-card__badges {
    position: absolute;
    display: flex;
    gap: 6px;
    z-index: 2;
    flex-wrap: wrap;
    pointer-events: none;
}
.pc-card__badges--top {
    top: 10px;
    left: 10px;
}
/* «−10%» отдельно — внизу-слева. */
.pc-card__badges--sale {
    bottom: 12px;
    left: 12px;
}
/* Бейджи каталога/pc-card/table-view — РАЗНЫЕ цвета по типу метки (перекрашены
   2026-07-08 по просьбе клиента: раньше все три висели на danger-красном и не
   различались). Цветовая система по палитре новой айдентики (DESIGN.md §0.1),
   белый текст на всех трёх с контрастом ≥ AA (4.5:1):
     · −N% (скидка) → danger  #DC2626  (4.8:1) — «скидка = красный», как было;
     · ХИТ           → амбер   #B45309  (5.0:1) — бренд-токен --bs-warning #D97706
       на белом даёт лишь 3.2:1 (не проходит AA), поэтому берём тот же янтарный
       тон на ступень темнее (amber-700);
     · НОВИНКА       → green-700 #15803D (~4.9:1) — зелёный по просьбе клиента
       (2026-07-09; было primary-индиго #4F46E5). Взят тёмный green-700, а НЕ
       #16A34A (3.3:1 на белом — не проходит AA); #15803D даёт AA-контраст с
       белым текстом и остаётся отличимым от danger/амбера.
   Переопределяем ТОЛЬКО в контексте pc-card/table-row/детальной — на других
   страницах (сравнение и т.п.) базовый красный из base.css не трогаем.
   Радиус: base.css задаёт всем .badge пилюлю 999px — по новой шкале пилюли
   остаются ТОЛЬКО у бейджей-счётчиков (корзина/уведомления), ХИТ/НОВИНКА/−N%
   на карточке товара — статус-лейблы, не счётчики. Концентрично карточке
   (10px) — уменьшаем до --bs-border-radius-sm (4px). Детальная (.main-img .bages)
   раньше выпадала из этого override и оставалась пилюлей на --red — теперь
   подключена сюда (клиент: меньшие скругления + единая айдентика). */
.pc-card .badge-hit,
.pc-card .badge-new,
.pc-card .badge-sale,
.catalog-content .table-view .badge-hit,
.catalog-content .table-view .badge-new,
.catalog-content .table-view .badge-sale,
.main-img .bages .badge-hit,
.main-img .bages .badge-new,
.main-img .bages .badge-sale {
    border-radius: var(--bs-border-radius-sm, .25rem);
    /* Зазор между иконкой Tabler и текстом бейджа (ХИТ/НОВИНКА/−N%). */
    gap: 3px;
    /* Liquid glass: цветной фон приглушён до alpha .72 (цвет-айдентика по типу
       сохранена), backdrop-blur+saturate размывает фото под бейджем, двойной
       inset-shadow даёт верхний блик + стеклянное кольцо, drop-shadow отрывает
       бейдж от фото. text-shadow держит белый текст читаемым на стекле (alpha
       снижает контраст фона ниже сплошного, тень его компенсирует). */
    backdrop-filter: blur(7px) saturate(1.7);
    -webkit-backdrop-filter: blur(7px) saturate(1.7);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.5),
        inset 0 0 0 1px rgba(255, 255, 255, 0.22),
        0 4px 12px rgba(0, 0, 0, 0.18);
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.28);
}
/* −N% (скидка) — danger, красный (стеклянный). */
.pc-card .badge-sale,
.catalog-content .table-view .badge-sale,
.main-img .bages .badge-sale {
    background: rgba(220, 38, 38, 0.72);
}
/* ХИТ — янтарь (amber-700, стеклянный). */
.pc-card .badge-hit,
.catalog-content .table-view .badge-hit,
.main-img .bages .badge-hit {
    background: rgba(180, 83, 9, 0.72);
}
/* НОВИНКА — зелёный (green-700, стеклянный). */
.pc-card .badge-new,
.catalog-content .table-view .badge-new,
.main-img .bages .badge-new {
    background: rgba(21, 128, 61, 0.72);
}
/* Иконка Tabler внутри бейджа — ~1em, выровнена по центру (родитель уже
   inline-flex align-items:center из base.css .badge), высоту не раздувает. */
.pc-card .badge .ti,
.catalog-content .table-view .badge .ti,
.main-img .bages .badge .ti {
    font-size: 1.05em;
    line-height: 1;
    flex-shrink: 0;
}

/* Иконки «избранное» + «сравнение» — справа-сверху на фото, паттерн как
   у .hero-actions на странице товара (белая полупрозрачная подложка,
   shadow, активная — красная). */
.pc-card__actions {
    position: absolute;
    top: 12px;
    right: 12px;
    display: flex;
    flex-direction: column;
    gap: 8px;
    z-index: 2;
}
.pc-card__action {
    width: 40px;
    height: 40px;
    /* Было 50% (круг) — клиент попросил убрать круглую форму у кнопок
       избранного/сравнения на карточках товара (2026-07-08). По шкале радиусов
       кнопка — --bs-border-radius (6px). Прежде круглые icon-кнопки считались
       отдельным паттерном (DESIGN §0.6) — это решение отменено для карточек. */
    border-radius: var(--bs-border-radius, .375rem);
    background: rgba(255,255,255,0.94);
    border: 0;
    cursor: pointer;
    color: var(--text-2);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 1px 4px rgba(0,0,0,0.06);
    transition: background .15s, color .15s, transform .15s;
}
.pc-card__action svg { width: 18px; height: 18px; }
.pc-card__action .ti { font-size: 18px; line-height: 1; }
/* Избранное (Tabler) — outline/filled как два глифа наложением: outline виден
   по умолчанию, filled — только при .is-active. Font-иконки не умеют
   динамический fill как SVG (см. pc-card.md) — переключаем видимость классом,
   markActive() в cart.js уже переключает именно .is-active, JS не трогали. */
.pc-card__action .ico-filled { display: none; }
.pc-card__action.is-active .ico-outline { display: none; }
.pc-card__action.is-active .ico-filled { display: inline; }
.pc-card__action:hover {
    background: #fff;
    color: var(--text);
}
.pc-card__action:active { transform: scale(0.96); }
.pc-card__action.is-active {
    background: var(--bs-primary);
    color: #fff;
}

/* Точки пагинации фото — внизу-по-центру. Рендерятся ТОЛЬКО при >1 фото
   (условие в gr_render_pc_card); капсула-подложка снята (дизайн-ревью
   2026-07-08: пустая рамка на фото читалась как артефакт) — только точки.
   Белый полукон и лёгкая тень дают точкам читаемость на любом фоне фото. */
.pc-card__dots {
    position: absolute;
    bottom: 12px;
    left: 50%;
    transform: translateX(-50%);
    display: inline-flex;
    align-items: center;
    gap: 6px;
    pointer-events: none;
    z-index: 1;
}
/* Страховка: с одним фото индикатор не показываем, даже если разметка
   появится (PHP это уже гарантирует; :has — на случай будущих рендеров). */
.pc-card__photo[data-img-count="1"] .pc-card__dots { display: none; }
.pc-card__dots:not(:has(.pc-card__dot + .pc-card__dot)) { display: none; }
.pc-card__dot {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: var(--text-3, #9A9A9A);
    box-shadow: 0 0 0 1.5px rgba(255, 255, 255, 0.85), 0 1px 2px rgba(0, 0, 0, 0.12);
    transition: background .2s;
    display: block;
}
.pc-card__dot.is-active { background: var(--bs-primary, #4F46E5); }
.pc-card__body {
    padding: 0 11px;
    margin-top: 3px;
    display: flex;
    flex-direction: column;
    gap: 12px;
    flex: 1;
}
.pc-card__name {
    font-family: var(--rc);
    font-weight: 500;
    font-size: 18px;
    line-height: 1.2;
    color: var(--text);
    margin: 0;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-decoration: none;
    /* Избегаем «сирот» — короткого хвоста на 2-й строке имени. */
    text-wrap: pretty;
}
.pc-card__name:hover { color: var(--text); }

/* --- Разворот полного названия при наведении --- */
/* Имя обрезано ТОЛЬКО визуально (-webkit-line-clamp:2), полный текст лежит в DOM.
   catalog.js помечает реально обрезанные имена data-clamped; CSS при наведении
   (только устройства с мышью) снимает обрезку и кладёт полный текст «подложкой»
   ПОВЕРХ нижнего контента карточки, НЕ раздвигая её. Обёртка .pc-card__name-wrap
   держит место (min-height = 2 строки), overflow:hidden самой .pc-card запирает
   разворот внутри карточки — он не вылезает на соседей и не растит высоту. */
.pc-card__name-wrap {
    position: relative;
    min-height: 44px;
}
@media (hover: hover) {
    .pc-card__name[data-clamped] { cursor: pointer; }
    .pc-card__name[data-clamped]:hover {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        z-index: 6;
        -webkit-line-clamp: unset;
        overflow: visible;
        background: var(--bg);
        padding: 4px 7px;
        margin: -4px -7px;
        border: 1px solid var(--line);
        border-radius: var(--bs-border-radius, .375rem);
        box-shadow: var(--g-shadow-card, 0 8px 20px rgba(0, 0, 0, .12));
    }
}

/* --- Блок «цена + старая цена» --- */
.pc-card__price-row {
    display: flex;
    align-items: baseline;
    gap: 8px;
    flex-wrap: wrap;
}
.pc-card__price {
    font-family: var(--rc);
    font-weight: 700;
    font-size: 22px;
    letter-spacing: -0.02em;
    color: var(--text);
    line-height: 1;
    font-variant-numeric: tabular-nums;
}
/* При активной скидке основная цена становится акцентной (danger). */
.pc-card__price.has-discount { color: var(--bs-danger, #DC2626); }
/* .pc-card__price-unit удалён 2026-07-09 — подпись «/шт.» убрана из рендера. */
.pc-card__old-price {
    font-family: var(--rc);
    font-weight: 400;
    font-size: 16px;
    line-height: 1.2;
    color: var(--text);
    text-decoration: line-through;
    font-variant-numeric: tabular-nums;
}

/* --- Артикул + кнопка копирования --- */
.pc-card__art-row {
    display: flex;
    align-items: center;
    gap: 8px;
    /* Постоянная высота ряда (= высоте кнопки копирования) — чтобы у товаров
       без артикула (частый кейс импорта из 1С) ряд не схлопывался и блок meta
       (рейтинг/наличие) оставался на одном уровне с соседними карточками сетки. */
    min-height: 24px;
}
.pc-card__art {
    font-family: var(--rc);
    font-size: 14px;
    color: var(--text-3);
    line-height: 1.2;
}
.pc-card__copy {
    width: 24px;
    height: 24px;
    border-radius: 6px;
    background: transparent;
    border: 0;
    cursor: pointer;
    color: var(--text-3);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: background .15s, color .15s;
    position: relative;
}
.pc-card__copy svg, .pc-card__copy .ti { width: 16px; height: 16px; font-size: 16px; }
/* Кликабельная зона ≥40×40 у визуально-мелкой кнопки (24px): прозрачный ::after
   расширяется на 8px в нейтральные зазоры body (цена сверху / мета снизу —
   некликабельны), не перекрывая ссылку-название и кнопку «В корзину». */
.pc-card__copy::after { content: ""; position: absolute; inset: -8px; }
.pc-card__copy .ico-check { display: none; }
.pc-card__copy:hover {
    background: var(--bs-primary, #4F46E5);
    color: #fff;
}
.pc-card__copy.is-copied {
    background: var(--green, #2EAA4B);
    color: #fff;
}
.pc-card__copy.is-copied .ico-copy { display: none; }
.pc-card__copy.is-copied .ico-check { display: block; }

/* Краткие характеристики — только для list-view, в grid/table скрыты. */
.pc-card__specs { display: none; }
/* Бренд — только в list-view; в grid/table скрыт. */
.pc-card__brand { display: none; }
/* Счётчик отзывов: в grid показываем только «· N» (без слова), в list —
   с словом «отзывов» (см. ниже override .pc-card__reviews-word).
   Явный 14px обязателен: в list-view контейнер .pc-card__meta задаёт 13px,
   а у rating/stock свои 14px — без размера отзывы наследовали 13px и
   выбивались из строки (жалоба клиента 2026-07-08). */
.pc-card__reviews { color: var(--text-3); font-size: 14px; }
.pc-card__reviews-word { display: none; }

/* --- Мета: рейтинг (+ счётчик отзывов) | наличие ---
   rating и reviews — одна группа слева, stock прижат к правому краю
   через margin-left:auto. Это даёт стабильный вид независимо от того,
   есть reviews или нет. */
.pc-card__meta {
    display: flex;
    align-items: center;
    gap: 6px;
    flex-wrap: wrap;
    font-family: var(--rc);
    font-size: 14px;
    font-variant-numeric: tabular-nums;
    /* Якорим мету (рейтинг/наличие) к низу .pc-card__body (flex:1) —
       чтобы она всегда была у кнопки «В корзину» независимо от высоты
       блока цены (перенос старой цены на 2-ю строку давал слабину сверху,
       а мета «всплывала» вверх с зазором до кнопки). List-view сбрасывает. */
    margin-top: auto;
}
.pc-card__meta .pc-card__stock { margin-left: auto; }
.pc-card__rating {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-family: var(--rc);
    font-size: 14px;
    color: var(--text);
    font-variant-numeric: tabular-nums;
}
.pc-card__rating svg, .pc-card__rating .ti {
    width: 16px;
    height: 16px;
    font-size: 16px;
    color: var(--orange, #F2A33A);
}
/* Без отзывов — прочерк «—» серый, звёздочка тоже серая. */
.pc-card__rating.is-empty {
    color: var(--text-3);
}
.pc-card__rating.is-empty svg, .pc-card__rating.is-empty .ti {
    color: var(--text-3);
}
.pc-card__stock {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-family: var(--rc);
    font-size: 14px;
}
.pc-card__stock-dot {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: currentColor;
}
.pc-card__stock.stock-zero { color: var(--text-2, #595959); }
.pc-card__stock.stock-zero .pc-card__stock-dot { background: var(--text-3); }
.pc-card__stock.stock-crit { color: var(--bs-danger, #DC2626); }
.pc-card__stock.stock-low  { color: var(--orange, #F2A33A); }
.pc-card__stock.stock-ok   { color: var(--green, #2EAA4B); }

/* --- Кнопка «В корзину» / «Заказать» --- */
.pc-card__buy {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    height: 52px;
    /* Было 26px (пилюля) — по новой шкале кнопки 6px, пилюли только у
       бейджей-счётчиков. */
    border-radius: var(--bs-border-radius, .375rem);
    background: var(--bs-primary);
    color: #FFFFFF;
    font-family: var(--rc);
    font-weight: 500;
    font-size: 15px;
    letter-spacing: -0.02em;
    border: none;
    cursor: pointer;
    text-decoration: none;
    transition: background-color .15s, transform .12s;
    /* .pc-card имеет gap:12px (см. ниже), даёт отступ от .pc-card__body. */
    margin-top: 0;
}
.pc-card__buy:hover { background: var(--bs-link-hover-color); }
.pc-card__buy:active { transform: scale(0.96); }
.pc-card__buy svg, .pc-card__buy .ti { width: 18px; height: 18px; font-size: 18px; }
/* Маркируем .is-added (после клика) — JS добавит. */
.pc-card__buy.is-added {
    background: var(--green, #2EAA4B);
}

/* qty-control — заменяет .pc-card__buy у товаров с qty>0 в корзине.
 * Высота 52px совпадает с .pc-card__buy чтобы layout не дрогнул при
 * замене. Минус-кнопка disabled когда qty=1 (минус ведёт в 0 — это
 * семантически «удалить», логика в cart.js). */
.qty-control {
    display: flex;
    align-items: center;
    width: 100%;
    height: 52px;
    /* Концентрично .pc-card__buy (6px), которую заменяет. */
    border-radius: var(--bs-border-radius, .375rem);
    background: var(--bg-soft-2);
    border: 2px solid var(--line-2);
    padding: 2px;
    box-sizing: border-box;
}
.qty-control__btn {
    flex: 0 0 auto;
    width: 60px;
    height: 44px;
    /* Вложенная кнопка внутри qty-control (паддинг 2px) — bs-border-radius-sm. */
    border-radius: var(--bs-border-radius-sm, .25rem);
    background: var(--bs-primary);
    color: #FFFFFF;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: none;
    cursor: pointer;
    padding: 0;
    transition: background .15s, color .15s, transform .12s;
}
.qty-control__btn:hover:not(:disabled) { background: var(--bs-link-hover-color); }
.qty-control__btn:active:not(:disabled) { transform: scale(0.96); }
.qty-control__btn:disabled {
    background: var(--bg-soft);
    color: var(--text-3);
    cursor: not-allowed;
}
.qty-control__btn svg { width: 18px; height: 18px; }
.qty-control__qty {
    flex: 1;
    height: 44px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: var(--rc);
    font-weight: 500;
    font-size: 18px;
    color: var(--text);
    letter-spacing: -0.02em;
    user-select: none;
    /* Число количества обновляется (1→2→…) — табличные цифры против сдвига. */
    font-variant-numeric: tabular-nums;
}
/* «/ наличие» в qty-control — приглушённый суффикс к количеству (сколько доступно). */
.qty-control__of { color: var(--text-3); font-weight: 400; font-size: 0.72em; letter-spacing: 0; }

/* ===== CATEGORIES GRID (cat-card 4 × N) =====
 * Используется и в «Категории продукции» на главной (home_categories),
 * и на корне /catalog/ (catalog_root). Раньше жил в home.css, но
 * нужен на нескольких страницах — перенесён сюда. */
.cat-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
}
.cat-card {
    position: relative;
    background: var(--bg-card);
    border: 1px solid transparent;
    /* Панель/карточка — новая шкала (--g-radius-card, 10px), было 20px. */
    border-radius: var(--g-radius-card, .625rem);
    padding: 16px;
    display: flex;
    flex-direction: column;
    /* Меньший зазор между иконкой и названием (просьба клиента — названия
       ближе к иконкам). Было 14px. */
    gap: 8px;
    transition: border-color .15s, box-shadow .15s;
    cursor: pointer;
    text-decoration: none;
    color: inherit;
}
.cat-card:hover {
    border-color: var(--line);
    box-shadow: var(--g-shadow-card, 0 4px 16px rgba(0, 0, 0, 0.06));
}
.cat-card .cat-image {
    position: relative;
    /* Ниже (было 1/0.78) — фон убран, тянуть высоту нечем; так название
       поднимается ближе к иконке. */
    aspect-ratio: 1 / 0.6;
    /* Было 14px — bs-border-radius (6px), концентрично карточке. */
    border-radius: var(--bs-border-radius, .375rem);
    overflow: hidden;
    /* Фон-подложку под иконку клиент отменил (2026-07-08, 2-й проход): сначала
       была индиго-плашка, потом нейтральный серый — теперь прозрачный (глиф
       прямо на фоне карточки). */
    background: transparent;
    display: grid;
    place-items: center;
}
/* Иконка раздела (Tabler webfont, gr_category_icon) — крупный сдержанный глиф
   прямо на сером фоне .cat-image. Цветную индиго-плашку 88×88
   (--bs-primary-bg-subtle) сняли по просьбе клиента: остаётся только увеличенный
   глиф на нейтральном сером. .cat-icon-pad теперь прозрачный контейнер во всю
   ячейку (масштаб глифа на hover). Ранее заменил серую SVG-заглушку
   «4 квадрата» (.cat-placeholder-img) и inline-SVG .cat-icon — обе PHP-ветки
   сняты; gr_category_icon всегда отдаёт .cat-icon-pad (дефолт ti-category). */
.cat-card .cat-icon-pad {
    width: 100%;
    height: 100%;
    background: transparent;
    color: var(--bs-secondary-color, #4B5568);
    display: grid;
    place-items: center;
    transition: transform .3s ease;
}
.cat-card .cat-icon-pad .ti {
    /* Крупнее (было 64px) — просьба клиента сделать иконки заметнее. */
    font-size: 80px;
    line-height: 1;
}
.cat-card:hover .cat-icon-pad {
    transform: scale(1.06);
}
/* Мобильная 2-колоночная лента категорий (~150px карточка) — глиф чуть меньше. */
@media (max-width: 767px) {
    .cat-card .cat-icon-pad .ti { font-size: 60px; }
}
.cat-card .cat-name {
    font-family: var(--rc);
    font-weight: 500;
    /* Крупнее (было 17px) — просьба клиента сделать названия разделов заметнее. */
    font-size: 19px;
    line-height: 1.25;
    letter-spacing: -0.01em;
    color: var(--text);
    text-align: center;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
/* Количество товаров в разделе — пишем через middot после названия,
 * приглушённым цветом. Раньше выводилось как .cat-count-badge поверх
 * картинки — заменили на инлайн-вариант. */
.cat-card .cat-name .cat-count {
    color: var(--text-3);
    font-weight: 400;
    font-variant-numeric: tabular-nums;
    white-space: nowrap;
}

/* Восьмая плитка «Все категории» (только на главной, home_categories) — ссылка-
 * агрегат на /catalog/. Та же геометрия .cat-card, но приглушённая: стрелка
 * блёклым --bs-tertiary-color, подпись — secondary тем же кеглем. Hover — как у
 * обычных карточек (border + тень наследуются от .cat-card:hover), плюс стрелка
 * и подпись слегка «оживают» и стрелка сдвигается вправо (affordance «дальше»). */
.cat-card--all .cat-icon-pad--all {
    color: var(--bs-tertiary-color, #8992A6);
    /* Плавный сдвиг стрелки на hover — свой transition (у .cat-icon-pad зум). */
    transition: transform .3s ease, color .15s;
}
.cat-card--all .cat-name--all {
    color: var(--bs-secondary-color, #4B5568);
}
.cat-card--all:hover .cat-icon-pad--all {
    color: var(--bs-secondary-color, #4B5568);
    /* Перебиваем зум-scale базового .cat-card:hover .cat-icon-pad сдвигом вправо. */
    transform: translateX(6px);
}

/* ===== Каталог — каркас страницы раздела =====
 *
 * .layout определяется как:
 *   grid-template-columns: 320px 1fr; gap: 24px; padding: 0 32px
 * Контент уже находится внутри .site-main > .container (padding: 0 32px),
 * поэтому горизонтальный паддинг здесь не нужен — только grid.
 *
 * Шаблоны bootstrap_v4 у catalog.smart.filter и catalog.section ниже
 * добавят свои внутренности (bx-* классы) — стилизация под наш дизайн
 * будет в следующих чанках (когда напишем кастомные шаблоны).
 */
.catalog-layout {
    display: grid;
    grid-template-columns: 320px 1fr;
    gap: 24px;
    margin-top: 24px;
    padding: 0 32px;
}
.catalog-layout.no-filter {
    grid-template-columns: 1fr;
}
.catalog-filter-aside {
    position: sticky;
    top: 160px;
    align-self: start;
    max-height: calc(100vh - 180px);
    overflow-y: auto;
    background: var(--bs-tertiary-bg, var(--bg-soft, #fafafa));
    border: 1px solid var(--bs-border-color, transparent);
    /* Было --bs-border-radius-xl (24px) — панель по новой шкале, --g-radius-card (10px). */
    border-radius: var(--g-radius-card, .625rem);
    box-shadow: var(--g-shadow-sm, none);
    padding: 20px;
    /* position:sticky создаёт stacking context. Aside идёт в DOM ДО
       .catalog-content, а фото карточек (.pc-card__photo position:relative внутри
       не-контекстного .catalog-content) всплывают в корневой контекст и, будучи
       позже по DOM, перекрыли бы любой fixed/absolute элемент ВНУТРИ aside.
       Положительный z держит субтри aside предсказуемо над сеткой (safeguard на
       случай всплывающих элементов фильтра); 10 < шапки (z:20), выше абсолютных
       элементов карточки (badges z:2 / photo::after z:3). На мобиле перебивается
       z-index:96 bottom-sheet'а. (Исторически фиксило float-apply «Применить
       фильтры» — кнопка убрана 2026-06-24, фильтр применяется автоматически.) */
    z-index: 10;
}
.catalog-content {
    min-width: 0; /* предотвращает overflow при длинных карточках Bootstrap */
}

/* На корне /catalog/ — без layout, просто .catalog-root с сеткой разделов */
.catalog-root {
    margin-top: 24px;
    padding: 0 32px;
}
.catalog-root .cat-grid.catalog-root-grid {
    /* Большую сетку на 4 колонки делаем чуть свободнее, чем на главной */
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 16px;
}
@media (max-width: 900px) {
    .catalog-root .cat-grid.catalog-root-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}
@media (max-width: 600px) {
    .catalog-root .cat-grid.catalog-root-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

/* ===== Smart-filter (.filters) =====
 * Левый sticky-сайдбар каталога: details/summary блоки, чекбоксы с
 * количеством, range slider для цены и числовых свойств. Кнопка
 * «Показать» внизу сабмитит форму на SEF_SET_FILTER_URL (/local/templates/grosio/перезагрузка
 * страницы с GET-параметрами). AJAX-режим bootstrap_v4 не воспроизводим —
 * через перезагрузку проще и достаточно для MVP. */
.filters {
    /* .filters сам по себе не sticky — снаружи .catalog-filter-aside даёт
       sticky-обёртку. Здесь только padding=0 (унаследовали от aside). */
    padding: 0;
}
.filters h3 {
    font-family: var(--rc, system-ui, sans-serif);
    font-weight: 500;
    font-size: 23px;
    letter-spacing: -0.02em;
    color: var(--text);
    margin: 0 0 16px;
}
.filters .filter-group {
    border-top: 1px solid var(--line-2);
    padding: 16px 0;
}
.filters .filter-group:first-of-type { border-top: none; padding-top: 0; }
.filters .filter-group summary {
    font-family: var(--rc, system-ui, sans-serif);
    font-weight: 500;
    font-size: 17px;
    color: var(--text);
    letter-spacing: -0.01em;
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    align-items: center;
    list-style: none;
}
.filters .filter-group summary::-webkit-details-marker { display: none; }
.filters .filter-group summary::after {
    content: '';
    width: 10px;
    height: 10px;
    border-right: 2px solid var(--text-2);
    border-bottom: 2px solid var(--text-2);
    transform: rotate(45deg);
    transition: transform .2s;
}
.filters .filter-group[open] summary::after { transform: rotate(-135deg); }
.filters .filter-body {
    margin-top: 12px;
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.filters .check-row {
    display: flex;
    align-items: center;
    gap: 10px;
    font-family: var(--rc, system-ui, sans-serif);
    font-size: 16px;
    color: var(--text);
    cursor: pointer;
}
.filters .check-row input[type="checkbox"] {
    width: 18px;
    height: 18px;
    accent-color: var(--bs-primary, #4F46E5);
    cursor: pointer;
    flex-shrink: 0;
}
.filters .check-row .check-row__label {
    flex: 1;
    min-width: 0;
}
.filters .check-row .count {
    color: var(--text-3);
    font-size: 14px;
    font-variant-numeric: tabular-nums;
}
.filters .check-row.is-disabled {
    opacity: 0.45;
    pointer-events: none;
}

/* Длинные списки значений (Бренд и т.п.): инлайн-поиск + «Показать ещё N».
   Первые 8 значений видны, остальное — в .filter-more (скрыто), раскрывается
   кнопкой; очень длинным даётся поле поиска по значениям. JS — catalog.js
   initFilterValueControls (делегаты). */
.filters .filter-search { margin-bottom: 2px; }
.filters .filter-search__input {
    width: 100%;
    box-sizing: border-box;
    padding: 8px 12px;
    border: 1px solid var(--line, #ebebeb);
    /* Инпут — bs-border-radius (6px), было 10px. */
    border-radius: var(--bs-border-radius, .375rem);
    background: #fff;
    font-family: var(--rc, system-ui, sans-serif);
    font-size: 15px;
    color: var(--text);
    outline: none;
    transition: border-color .15s;
}
.filters .filter-search__input:focus { border-color: var(--text-3, #b3b3b3); }
.filters .filter-search__input::placeholder { color: var(--text-3, #b3b3b3); }
.filters .filter-more {
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.filters .filter-more[hidden] { display: none; }
.filters .filter-more-toggle {
    align-self: flex-start;
    background: transparent;
    border: 0;
    padding: 2px 0;
    cursor: pointer;
    font-family: var(--rc, system-ui, sans-serif);
    font-size: 15px;
    font-weight: 500;
    color: var(--bs-primary, #4F46E5);
    transition: color .15s;
}
.filters .filter-more-toggle:hover { color: var(--bs-link-hover-color, #4338CA); }
.filters .range-row {
    display: flex;
    gap: 8px;
}
.filters .range-row input {
    flex: 1;
    min-width: 0;
    width: 100%;
    height: 40px;
    border: 1px solid var(--line);
    /* Инпут — bs-border-radius (6px), было 12px. */
    border-radius: var(--bs-border-radius, .375rem);
    padding: 0 10px;
    background: #fff;
    outline: none;
    font-family: var(--rc, system-ui, sans-serif);
    font-size: 15px;
    -moz-appearance: textfield;
}
.filters .range-row input::-webkit-outer-spin-button,
.filters .range-row input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
.filters .range-row input:focus { border-color: var(--text); }
.filters .range-slider {
    height: 4px;
    background: var(--line);
    border-radius: 2px;
    margin: 16px 4px 0;
    position: relative;
}
.filters .range-slider .fill {
    position: absolute;
    top: 0;
    height: 100%;
    background: var(--bs-primary, #4F46E5);
    border-radius: 2px;
}
.filters .range-slider .handle {
    position: absolute;
    top: -6px;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    background: #fff;
    border: 2px solid var(--bs-primary, #4F46E5);
    transform: translateX(-50%);
}
/* Reset-кнопка внутри aside после всех групп */
.filters .reset-btn {
    margin-top: 16px;
    padding-top: 16px;
    border-top: 1px solid var(--line-2);
    background: transparent;
    border: 0;
    cursor: pointer;
    display: block;
    width: 100%;
}

/* Фильтр применяется автоматически с дебаунсом (catalog.js) — отдельной кнопки
   «Применить» нет. Во время AJAX-применения .catalog-content получает класс
   .is-filtering: сетка приглушается, по центру вьюпорта крутится спиннер. */
.catalog-content.is-filtering .prod-grid,
.catalog-content.is-filtering .table-view,
.catalog-content.is-filtering .pagination-wrap {
    opacity: .5;
    pointer-events: none;
    transition: opacity .15s ease;
}
.catalog-content.is-filtering::after {
    content: "";
    position: fixed;
    top: 50%;
    /* Центр по горизонтали — по колонке КОНТЕНТА, не по вьюпорту: слева стоит
       сайдбар фильтра, и viewport-центр визуально смещён влево от сетки. JS
       выставляет --cf-x = центр .catalog-content (fallback 50%). Центровку даёт
       margin (половина размера), НЕ transform — transform занят анимацией. */
    left: var(--cf-x, 50%);
    width: 38px;
    height: 38px;
    margin: -19px 0 0 -19px;
    border-radius: 50%;
    border: 3px solid rgba(0, 0, 0, 0.12);
    border-top-color: var(--bs-primary, #4F46E5);
    /* will-change опущен намеренно — короткая разовая анимация, не нужен GPU-хинт. */
    animation: gr-filter-spin .7s linear infinite;
    z-index: 30; /* выше шапки (z:20), ниже модалок */
    pointer-events: none;
}
@keyframes gr-filter-spin { to { transform: rotate(360deg); } }
.filters .reset-btn {
    font-family: var(--rc, system-ui, sans-serif);
    font-size: 15px;
    color: var(--text-2);
    text-align: left;
    align-self: flex-start;
    text-decoration: underline;
    text-decoration-color: var(--line);
    text-underline-offset: 3px;
    transition: color .15s;
}
.filters .reset-btn:hover { color: var(--bs-primary, #4F46E5); }

/* ----- Toolbar (sort + view-toggle + found-count) ----- */
.catalog-toolbar {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 20px;
    /* Одна строка: тумблер наличия и переключатель вида НЕ переносятся вниз.
       При нехватке ширины сжимается только .sort (скролл + fade-намёк ниже). */
    flex-wrap: nowrap;
}
.catalog-toolbar .sort {
    display: inline-flex;
    background: var(--bg-soft, #fafafa);
    /* Было 32px (пилюля) — по новой шкале радиусов капсула тулбара как
       группа-дропдаун (--bs-border-radius-lg, 8px), вложенные пилюли-табы
       убраны (см. .sort a ниже). */
    border-radius: var(--bs-border-radius-lg, .5rem);
    padding: 4px;
    gap: 4px;
    /* На узких десктопах — единственный сжимаемый элемент тулбара; лишние
       пункты уезжают в горизонтальный скролл (скроллбар скрыт, JS вешает
       can-scroll-* → mask-fade намекает на продолжение). */
    min-width: 0;
    flex-shrink: 1;
    overflow-x: auto;
    scrollbar-width: none;
}
.catalog-toolbar .sort::-webkit-scrollbar { display: none; }
/* Fade-намёк на скрытые пункты сортировки (класс ставит catalog.js). */
.catalog-toolbar .sort.can-scroll-right {
    -webkit-mask-image: linear-gradient(to right, #000 82%, transparent);
    mask-image: linear-gradient(to right, #000 82%, transparent);
}
.catalog-toolbar .sort.can-scroll-left {
    -webkit-mask-image: linear-gradient(to left, #000 82%, transparent);
    mask-image: linear-gradient(to left, #000 82%, transparent);
}
.catalog-toolbar .sort.can-scroll-left.can-scroll-right {
    -webkit-mask-image: linear-gradient(to right, transparent, #000 12%, #000 88%, transparent);
    mask-image: linear-gradient(to right, transparent, #000 12%, #000 88%, transparent);
}
.catalog-toolbar .sort a {
    height: 40px;
    /* 14px (было 16): группа сортировки целиком влезает в контент 1440-раскладки
       (~1032px) — скролл/fade включаются только на реально узких десктопах. */
    padding: 0 14px;
    /* Концентрично капсуле (8px − паддинг 4px = 4px). */
    border-radius: var(--bs-border-radius-sm, .25rem);
    font-family: var(--rc, system-ui, sans-serif);
    font-size: 15px;
    color: var(--text-2, #595959);
    letter-spacing: -0.01em;
    display: inline-flex;
    align-items: center;
    text-decoration: none;
    /* Пункты держат ширину и уезжают в скролл, а не сжимаются/переносятся. */
    flex: 0 0 auto;
    white-space: nowrap;
    transition: background-color .15s, color .15s, box-shadow .15s, transform .12s;
}
.catalog-toolbar .sort a.active {
    background: #fff;
    color: var(--text, #1e1e1e);
    box-shadow: 0 1px 2px rgba(0,0,0,.06);
}
.catalog-toolbar .sort a:hover:not(.active) { color: var(--text, #1e1e1e); }
.catalog-toolbar .sort a:active { transform: scale(0.96); }

/* Тумблер «Сначала в наличии» — switch-ссылка (флипает ?instock). */
/* В тулборе не сжимается (сжимается только .sort). */
.catalog-toolbar .cat-instock-toggle { flex-shrink: 0; }
.cat-instock-toggle {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    height: 48px;
    padding: 0 16px;
    /* Было 32px (пилюля) — тулбар-чип по новой шкале, --bs-border-radius-lg (8px). */
    border-radius: var(--bs-border-radius-lg, .5rem);
    background: var(--bg-soft, #fafafa);
    text-decoration: none;
    transition: background .15s;
}
.cat-instock-toggle:hover { background: var(--line, #eee); }
.cat-instock-toggle__track {
    position: relative;
    width: 34px;
    height: 20px;
    border-radius: 32px;
    background: var(--text-3, #b3b3b3);
    transition: background .15s;
    flex: none;
}
.cat-instock-toggle__thumb {
    position: absolute;
    top: 2px;
    left: 2px;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    background: #fff;
    box-shadow: 0 1px 2px rgba(0,0,0,.2);
    transition: transform .15s;
}
.cat-instock-toggle.is-on .cat-instock-toggle__track { background: var(--green, #2e9e5b); }
.cat-instock-toggle.is-on .cat-instock-toggle__thumb { transform: translateX(14px); }
.cat-instock-toggle__label {
    font-family: var(--rc, system-ui, sans-serif);
    font-size: 15px;
    color: var(--text-2, #595959);
    letter-spacing: -0.01em;
    white-space: nowrap;
}
.cat-instock-toggle.is-on .cat-instock-toggle__label { color: var(--text, #1e1e1e); }
/* В мобильном bottom-sheet — на всю ширину под списком сортировки */
.cat-instock-toggle--sheet {
    display: flex;
    width: 100%;
    margin-top: 12px;
    box-sizing: border-box;
}

.catalog-toolbar .view-toggle {
    margin-left: auto; /* переключатель вида — к правому краю; чип наличия остаётся за сортировками */
    flex-shrink: 0;    /* не сжимается и не переносится — только .sort */
    display: inline-flex;
    background: var(--bg-soft, #fafafa);
    /* Было 32px (пилюля) — капсула тулбара по новой шкале (8px), см. .sort выше. */
    border-radius: var(--bs-border-radius-lg, .5rem);
    padding: 4px;
    gap: 4px;
}
.catalog-toolbar .view-toggle button {
    width: 40px;
    height: 40px;
    border: 0;
    background: transparent;
    cursor: pointer;
    /* Было 50% (круг) — по шкале радиусов вложенная кнопка капсулы-тулбара
       --bs-border-radius-sm (4px, концентрично контейнеру 8px − паддинг 4px),
       как .sort a. Никаких 999px/50%. */
    border-radius: var(--bs-border-radius-sm, .25rem);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: var(--text-2, #595959);
    transition: background-color .15s, color .15s, box-shadow .15s, transform .12s;
}
.catalog-toolbar .view-toggle button.active {
    background: #fff;
    color: var(--bs-primary, #4F46E5);
    box-shadow: 0 1px 2px rgba(0,0,0,.06);
}
.catalog-toolbar .view-toggle button:active { transform: scale(0.96); }
.catalog-toolbar .view-toggle button svg, .catalog-toolbar .view-toggle button .ti { width: 18px; height: 18px; font-size: 18px; }
@media (max-width: 767px) {
    /* Table-режим на мобиле не имеет смысла — скрываем кнопку */
    .catalog-toolbar .view-toggle button[data-view="table"] { display: none; }
}
.catalog-toolbar .found-count {
    font-family: var(--rc, system-ui, sans-serif);
    font-size: 15px;
    color: var(--text-2, #595959);
    flex-basis: 100%;
    margin-top: 4px;
    font-variant-numeric: tabular-nums;
}
.catalog-toolbar .found-count b { color: var(--text, #1e1e1e); font-weight: 500; }

/* ----- Сетка карточек .pc-card в каталоге ----- */
.catalog-content .prod-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 20px;
}
.catalog-content .prod-grid[data-view="list"] {
    grid-template-columns: 1fr;
    gap: 12px;
}
/* Table-режим: отдельный контейнер .table-view, рендерится параллельно
 * .prod-grid. JS меняет data-view на .prod-grid и data-active на .table-view —
 * при view='table' grid скрывается, table-view показывается. Колонки 56 |
 * 1fr | 110 | 120 | 120 | 96 | 120. */
.catalog-content .prod-grid[data-view="table"] { display: none; }
.catalog-content .table-view { display: none; background: #fff; border-radius: var(--g-radius-card, .625rem); overflow: hidden; }
.catalog-content .table-view[data-active="y"] { display: block; }

.catalog-content .table-view .table-head,
.catalog-content .table-view .table-row {
    display: grid;
    /* Все колонки пропорционально сжимаются: minmax(0, X) допускает сжатие
       ниже content-size. Товар flex (1fr). На очень узких viewport mobile.css
       переключает на grid-режим. */
    grid-template-columns:
        56px
        minmax(0, 1fr)
        minmax(0, 80px)
        minmax(0, 112px)
        minmax(0, 100px)
        minmax(0, 84px)
        minmax(0, 120px);
    gap: 14px;
    align-items: center;
}
/* Заголовок «Цена» выравнивается по правому краю — соответствует ячейке
   .tr-price с text-align: right. */
.catalog-content .table-view .table-head > div:nth-child(5) { text-align: right; }
/* В table-row бейджи компактнее и не переносятся на новую строку. */
.catalog-content .table-view .tr-meta .badge {
    height: 16px;
    padding: 0 6px;
    font-size: 10px;
    line-height: 16px;
    white-space: nowrap;
    flex-shrink: 0;
}
.catalog-content .table-view .table-head {
    padding: 12px;
    /* Единый канон заголовков таблиц (см. .cl-thead / ЛК-таблицы): явными токенами,
       спокойный вариант — без uppercase/letter-spacing, тише основного текста
       (клиент, 2026-07-08). */
    font: 500 13px/1.2 var(--rc);
    color: var(--bs-tertiary-color);
    /* Строки table-view — отдельные карточки, head отделён цветом (без border). */
}
.catalog-content .table-view .table-rows {
    display: flex;
    flex-direction: column;
    gap: 6px;
    padding: 6px 0;
}
.catalog-content .table-view .table-row {
    background: #fff;
    border: 1px solid var(--line-2);
    /* Строка-карточка — новая шкала панелей (--g-radius-card, 10px), было 12px. */
    border-radius: var(--g-radius-card, .625rem);
    padding: 8px 12px;
    font-family: var(--rc);
    transition: border-color .15s, background .15s;
}
.catalog-content .table-view .table-row:hover {
    background: var(--bg-soft);
    border-color: var(--line);
}

/* Фото 56×56 */
.catalog-content .table-view .tr-img {
    width: 56px; height: 56px;
    /* Было 8px — bs-border-radius (6px), концентрично строке-карточке 10px. */
    border-radius: var(--bs-border-radius, .375rem);
    /* Аутлайн миниатюры — чистый чёрный low-opacity (как ::after фото grid),
       а не тонированный нейтрал --line-2: единая глубина края во всех видах. */
    border: 1px solid rgba(0, 0, 0, 0.06);
    overflow: hidden;
    background: #fff;
    display: block;
}
.catalog-content .table-view .tr-img img {
    width: 100%; height: 100%;
    object-fit: contain;
    padding: 4%;
    box-sizing: border-box;
}

/* Название + бренд + артикул + бейджи */
.catalog-content .table-view .tr-name-cell {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 2px;
}
.catalog-content .table-view .tr-name {
    font-size: 14px;
    line-height: 1.25;
    color: var(--text);
    font-weight: 500;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.catalog-content .table-view .tr-name:hover { color: var(--bs-primary); }

/* --- Разворот полного названия в табличном виде при наведении --- */
/* Тот же приём, что и .pc-card__name: имя обрезано ТОЛЬКО визуально
   (-webkit-line-clamp:2), полный текст лежит в DOM. catalog.js (initNameExpand)
   метит реально обрезанные .tr-name атрибутом data-clamped; при :hover (только
   устройства с мышью) снимаем обрезку и кладём полный текст «подложкой» ПОВЕРХ
   нижнего контента, не раздвигая строку. Ячейка .tr-name-cell — positioned-якорь;
   оверлей (z-index) перекрывает соседние строки-карточки снизу. */
.catalog-content .table-view .tr-name-cell { position: relative; }
@media (hover: hover) {
    .catalog-content .table-view .tr-name[data-clamped] { cursor: pointer; }
    .catalog-content .table-view .tr-name[data-clamped]:hover {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        z-index: 6;
        -webkit-line-clamp: unset;
        overflow: visible;
        background: var(--bg);
        padding: 4px 7px;
        margin: -4px -7px;
        border: 1px solid var(--line);
        border-radius: var(--bs-border-radius, .375rem);
        box-shadow: var(--g-shadow-card, 0 8px 20px rgba(0, 0, 0, .12));
    }
}
.catalog-content .table-view .tr-meta {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 12px;
    color: var(--text-3);
    flex-wrap: wrap;
}
/* Бренд в табличном виде — сплошное подчёркивание (перебиваем пунктир базового
   .js-brand-link по специфичности; толщину/цвет/hover не трогаем). */
.catalog-content .table-view .tr-brand { border-bottom-style: solid; }
.catalog-content .table-view .tr-dot {
    width: 2px; height: 2px;
    border-radius: 50%;
    background: var(--text-3);
}
.catalog-content .table-view .tr-copy {
    position: relative;
    width: 22px; height: 22px;
    border-radius: var(--bs-border-radius-sm, .25rem);
    background: transparent;
    color: var(--text-3);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: none;
    cursor: pointer;
}
/* Hit-area ≥40×40 у визуально-компактной кнопки (22px) — прозрачный ::after,
   как .pc-card__copy в grid-view. */
.catalog-content .table-view .tr-copy::after { content: ""; position: absolute; inset: -9px; }
.catalog-content .table-view .tr-copy.copied { color: var(--green, #1B8A4E); }

/* Рейтинг */
.catalog-content .table-view .tr-rating {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 13px;
    color: var(--text-2);
    font-variant-numeric: tabular-nums;
}
.catalog-content .table-view .tr-rating svg, .catalog-content .table-view .tr-rating .ti { color: var(--orange, #F5A623); }
.catalog-content .table-view .tr-rating__value { color: var(--text); }
.catalog-content .table-view .tr-rating__count { color: var(--text-3); }

/* Наличие */
.catalog-content .table-view .tr-stock {
    font-size: 13px;
    display: inline-flex;
    align-items: center;
    gap: 6px;
}
.catalog-content .table-view .tr-stock::before {
    content: '';
    width: 8px; height: 8px;
    border-radius: 50%;
    background: currentColor;
    flex-shrink: 0;
}
.catalog-content .table-view .tr-stock.stock-ok { color: var(--green, #1B8A4E); }
.catalog-content .table-view .tr-stock.stock-low { color: var(--orange, #F5A623); }
.catalog-content .table-view .tr-stock.stock-zero { color: var(--text-3); }

/* Цена */
.catalog-content .table-view .tr-price { text-align: right; }
.catalog-content .table-view .tr-price__cur {
    font-weight: 700;
    font-size: 17px;
    color: var(--text);
    line-height: 1;
    letter-spacing: -0.01em;
    font-variant-numeric: tabular-nums;
}
.catalog-content .table-view .tr-price__cur--sale { color: var(--bs-danger); }
.catalog-content .table-view .tr-price__old {
    font-size: 12px;
    color: var(--text-3);
    text-decoration: line-through;
    margin-top: 2px;
    font-variant-numeric: tabular-nums;
}

/* Иконки */
.catalog-content .table-view .tr-actions {
    display: flex;
    gap: 4px;
    justify-content: flex-end;
}
.catalog-content .table-view .tr-icon-btn {
    position: relative;
    width: 32px; height: 32px;
    /* Табличный вариант fav/сравнение — на 6px по шкале (было 8px),
       согласовано с .pc-card__action (клиент, 2026-07-08). */
    border-radius: var(--bs-border-radius, .375rem);
    background: transparent;
    color: var(--text-3);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: none;
    cursor: pointer;
    transition: background .15s, color .15s, transform .12s;
}
/* Hit-area ≥40×40 — избранное/сравнение в table-view визуально 32px. */
.catalog-content .table-view .tr-icon-btn::after { content: ""; position: absolute; inset: -4px; }
.catalog-content .table-view .tr-icon-btn:hover {
    background: var(--line);
    color: var(--bs-primary);
}
.catalog-content .table-view .tr-icon-btn:active { transform: scale(0.96); }
.catalog-content .table-view .tr-icon-btn.is-active { color: var(--bs-primary); }
/* Избранное — outline/filled (см. .pc-card__action). */
.catalog-content .table-view .tr-icon-btn .ico-filled { display: none; }
.catalog-content .table-view .tr-icon-btn.is-active .ico-outline { display: none; }
.catalog-content .table-view .tr-icon-btn.is-active .ico-filled { display: inline; }

/* Кнопка В корзину */
.catalog-content .table-view .tr-buy__btn {
    width: 100%;
    height: 36px;
    /* Было 18px (пилюля) — кнопка по новой шкале, 6px. */
    border-radius: var(--bs-border-radius, .375rem);
    background: var(--bs-primary);
    color: #fff;
    font-family: var(--rc);
    font-size: 13px;
    font-weight: 500;
    padding: 0 12px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    border: none;
    cursor: pointer;
    transition: background .15s, transform .12s;
}
.catalog-content .table-view .tr-buy__btn:hover { background: var(--bs-link-hover-color, #4338CA); }
.catalog-content .table-view .tr-buy__btn:active { transform: scale(0.96); }

/* Компактный qty-control в table-row — высота кнопки = высоте .tr-buy__btn (36px). */
.catalog-content .table-view .qty-control {
    height: 36px;
    border-radius: var(--bs-border-radius, .375rem);
    border-width: 1px;
    padding: 2px;
    width: 100%;
}
.catalog-content .table-view .qty-control__btn {
    width: 32px;
    height: 30px;
    border-radius: var(--bs-border-radius-sm, .25rem);
}
.catalog-content .table-view .qty-control__btn svg { width: 13px; height: 13px; }
.catalog-content .table-view .qty-control__qty {
    height: 30px;
    font-size: 14px;
}

/* Mobile (≤700) — table-режим скрыт, остаётся grid. */
@media (max-width: 700px) {
    .catalog-content .table-view[data-active="y"] { display: none; }
    .catalog-content .prod-grid[data-view="table"] { display: grid; }
}
/* ===== List-view (variant="list"): grid 220 / 1fr / 260 =====
   Фото | Инфо | Правая колонка (цена + ряд actions/buy).
   .pc-card__list-side имеет display: contents — его дети идут как прямые
   потомки .pc-card. В grid: цена-list скрыта (есть price в body), action-fav/comp
   скрыты (есть на photo), остаётся только .pc-card__buy / .qty-control внизу.
   В list: list-side становится 3-й колонкой grid.

   Это решает баг с дублём кнопок: единственная .js-add-to-cart живёт внутри
   .pc-card__buy-row — cart.js setCartUI меняет ровно её.  */
.pc-card__list-side { display: contents; }
.pc-card__list-side .pc-card__price-row--list { display: none; }
.pc-card__list-side .pc-card__list-action     { display: none; }
.pc-card__list-side .pc-card__buy-row         { display: contents; }

.catalog-content .prod-grid[data-view="list"] .pc-card {
    display: grid;
    grid-template-columns: 220px 1fr 260px;
    grid-template-rows: auto;
    align-items: stretch;
    padding: 16px;
    /* Панель по новой шкале (--g-radius-card, 10px) — было 24px. */
    border-radius: var(--g-radius-card, .625rem);
    gap: 24px;
    border: 1px solid transparent;
    background: var(--bg-card, #fff);
}
.catalog-content .prod-grid[data-view="list"] .pc-card:hover {
    border-color: var(--line);
    box-shadow: var(--g-shadow-card);
}
.catalog-content .prod-grid[data-view="list"] .pc-card__photo {
    aspect-ratio: 1 / 1;
    width: 220px;
    /* Скругление со всех сторон (по просьбе клиента 2026-06-24) — нижние углы
       плиткой-квадратом смотрелись плохо. Радиус по новой шкале — 6px
       (--bs-border-radius), было 16px. */
    border-radius: var(--bs-border-radius, .375rem);
    grid-column: 1;
}
/* fav/comp поверх photo — в list-режиме они в правой колонке. Скрываем. */
.catalog-content .prod-grid[data-view="list"] .pc-card__actions { display: none; }
.catalog-content .prod-grid[data-view="list"] .pc-card__body {
    grid-column: 2;
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding: 4px 0;
    min-width: 0;
}
/* Specs прямо под названием — без дополнительного gap. */
.catalog-content .prod-grid[data-view="list"] .pc-card__name-wrap + .pc-card__specs {
    margin-top: -6px;
}
.catalog-content .prod-grid[data-view="list"] .pc-card__name {
    font-size: 18px;
    -webkit-line-clamp: 2;
}
/* В средней колонке цена не нужна — она в правой колонке. */
.catalog-content .prod-grid[data-view="list"] .pc-card__body > .pc-card__price-row { display: none; }

/* list-side стилизуется ниже единым блоком — см. «Правая колонка». */

/* Specs — маленький bullet-список под названием. */
.catalog-content .prod-grid[data-view="list"] .pc-card__specs {
    display: block;
    list-style: none;
    padding: 0;
    margin: 0;
    font-family: var(--rc);
    font-size: 13px;
    color: var(--text-2);
    line-height: 1.4;
}
.catalog-content .prod-grid[data-view="list"] .pc-card__specs li {
    padding-left: 12px;
    position: relative;
}
.catalog-content .prod-grid[data-view="list"] .pc-card__specs li::before {
    content: '';
    position: absolute;
    left: 0;
    top: 8px;
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background: var(--orange);
}

/* Бренд + Артикул — в одной строке. */
.catalog-content .prod-grid[data-view="list"] .pc-card__art-row {
    display: flex;
    align-items: center;
    gap: 12px;
    flex-wrap: wrap;
}
.catalog-content .prod-grid[data-view="list"] .pc-card__brand {
    display: inline-flex;
    font-family: var(--rc);
    font-size: 13px;
    color: var(--text-2);
    align-items: center;
    gap: 4px;
}
.catalog-content .prod-grid[data-view="list"] .pc-card__reviews { display: inline; }
.catalog-content .prod-grid[data-view="list"] .pc-card__reviews-word { display: inline; }
.catalog-content .prod-grid[data-view="list"] .pc-card__brand-label { color: var(--text-2); }
.catalog-content .prod-grid[data-view="list"] .pc-card__brand-name {
    color: var(--text);
    text-decoration: none;
    /* Сплошная линия (не пунктир) — по просьбе клиента для list/table видов. */
    border-bottom: 1px solid var(--text-3);
    transition: color .15s, border-color .15s;
}
.catalog-content .prod-grid[data-view="list"] .pc-card__brand-name:hover {
    color: var(--bs-primary);
    border-bottom-color: var(--bs-primary);
}

/* Meta: rating + reviews + stock-label. По дизайну:
   ★ 5 · 7 отзывов • В наличии: 1 — rating и reviews ближе друг к другу,
   stock отделён большим воздухом. */
.catalog-content .prod-grid[data-view="list"] .pc-card__meta {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 12px;
    font-family: var(--rc);
    font-size: 13px;
    color: var(--text-2);
    margin-top: 0; /* в list-view мета не якорится к низу (своя раскладка) */
}
.catalog-content .prod-grid[data-view="list"] .pc-card__rating { gap: 6px; order: 1; }
/* Наличие — СРАЗУ справа от рейтинга, отзывы после (по просьбе клиента).
   Перебиваем базовый .pc-card__meta .pc-card__stock { margin-left:auto },
   который иначе отбрасывал бы наличие к правому краю. */
.catalog-content .prod-grid[data-view="list"] .pc-card__stock { order: 2; margin-left: 0; }
.catalog-content .prod-grid[data-view="list"] .pc-card__reviews { color: var(--text-3); order: 3; margin-left: 0; }

/* Правая колонка: цена сверху, ряд (fav+comp+buy) снизу. */
.catalog-content .prod-grid[data-view="list"] .pc-card__list-side {
    grid-column: 3;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: stretch;
    gap: 12px;
}
.catalog-content .prod-grid[data-view="list"] .pc-card__price-row--list {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 2px;
}
.catalog-content .prod-grid[data-view="list"] .pc-card__buy-row {
    display: flex;
    gap: 8px;
    /* Прижать ряд action/buy к НИЗУ колонки. У товаров без цены блок
       .pc-card__price-row--list не рендерится → в list-side остаётся один
       ребёнок, и justify-content:space-between клал бы его наверх. auto-margin
       в flex перебивает space-between и пиннит ряд к низу при любом раскладе. */
    margin-top: auto;
}
.catalog-content .prod-grid[data-view="list"] .pc-card__list-action {
    width: 44px;
    height: 44px;
    border: 0;
    border-radius: var(--bs-border-radius, .375rem);
    background: var(--bg-soft);
    color: var(--text-2);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: background .15s, color .15s;
    flex-shrink: 0;
}
.catalog-content .prod-grid[data-view="list"] .pc-card__list-action:hover {
    background: var(--line);
    color: var(--bs-primary);
}
.catalog-content .prod-grid[data-view="list"] .pc-card__list-action.is-active {
    background: var(--bs-primary);
    color: #fff;
}
.catalog-content .prod-grid[data-view="list"] .pc-card__list-action svg,
.catalog-content .prod-grid[data-view="list"] .pc-card__list-action .ti { width: 20px; height: 20px; font-size: 20px; }
/* Избранное — outline/filled, тот же приём что .pc-card__action (см. выше). */
.catalog-content .prod-grid[data-view="list"] .pc-card__list-action .ico-filled { display: none; }
.catalog-content .prod-grid[data-view="list"] .pc-card__list-action.is-active .ico-outline { display: none; }
.catalog-content .prod-grid[data-view="list"] .pc-card__list-action.is-active .ico-filled { display: inline; }

.catalog-content .prod-grid[data-view="list"] .pc-card__list-side .pc-card__buy {
    flex: 1;
    height: 44px;
}
/* Компактный qty-control в list-side — высота 44px как у buy и hero-action. */
.catalog-content .prod-grid[data-view="list"] .pc-card__list-side .qty-control {
    flex: 1;
    width: auto;
    height: 44px;
    border-radius: var(--bs-border-radius, .375rem);
    border-width: 1px;
    padding: 2px;
}
.catalog-content .prod-grid[data-view="list"] .pc-card__list-side .qty-control__btn {
    width: 40px;
    height: 38px;
    border-radius: var(--bs-border-radius-sm, .25rem);
}
.catalog-content .prod-grid[data-view="list"] .pc-card__list-side .qty-control__btn svg {
    width: 14px;
    height: 14px;
}
.catalog-content .prod-grid[data-view="list"] .pc-card__list-side .qty-control__qty {
    height: 38px;
    font-size: 15px;
}
/* ===== List-view на мобиле (≤767) — ВЕРТИКАЛЬНАЯ карточка по дизайну:
   фото 4:3 СВЕРХУ на всю ширину →
   тело (название/характеристики/бренд+арт/мета) → цена + ряд кнопок на всю
   ширину. .pc-card в list-view это display:grid (220/1fr/260 на десктопе) —
   переразмечаем в ОДНУ колонку, 3 строки (photo/body/side). Раньше тут было
   «фото слева» (grid-areas photo|body), заменено на дизайн-вертикаль. */
@media (max-width: 767px) {
    .catalog-content .prod-grid[data-view="list"] .pc-card {
        grid-template-columns: minmax(0, 1fr);
        grid-template-rows: auto auto auto;
        grid-template-areas:
            "photo"
            "body"
            "side";
        gap: 12px;
        padding: 12px;
        border-radius: var(--g-radius-card, .625rem);
        border-color: var(--line);
        align-items: stretch;
    }
    .catalog-content .prod-grid[data-view="list"] .pc-card__photo {
        grid-area: photo;
        width: 100%;
        height: auto;
        aspect-ratio: 4 / 3;
        border-radius: var(--bs-border-radius, .375rem);
    }
    .catalog-content .prod-grid[data-view="list"] .pc-card__body {
        grid-area: body;
        gap: 8px;
        padding: 0;
        min-width: 0;
    }
    .catalog-content .prod-grid[data-view="list"] .pc-card__name {
        font-size: 16px;
        line-height: 1.25;
        min-height: 0;
    }
    .catalog-content .prod-grid[data-view="list"] .pc-card__name + .pc-card__specs {
        margin-top: 0;
    }
    .catalog-content .prod-grid[data-view="list"] .pc-card__specs {
        font-size: 13px;
        line-height: 1.35;
    }
    .catalog-content .prod-grid[data-view="list"] .pc-card__art-row {
        gap: 8px;
        font-size: 13px;
    }
    .catalog-content .prod-grid[data-view="list"] .pc-card__brand,
    .catalog-content .prod-grid[data-view="list"] .pc-card__art {
        font-size: 13px;
    }
    .catalog-content .prod-grid[data-view="list"] .pc-card__meta {
        gap: 8px 12px;
        font-size: 13px;
        flex-wrap: wrap;
    }
    .catalog-content .prod-grid[data-view="list"] .pc-card__stock {
        white-space: nowrap;
    }
    /* Строка «side» на всю ширину: цена сверху (слева), под ней — ряд кнопок
       fav/comp/buy на всю ширину (как в дизайне). .pc-card__list-side в
       list-view уже display:flex → делаем колонку, кладём в область side. */
    .catalog-content .prod-grid[data-view="list"] .pc-card__list-side {
        grid-area: side;
        flex-direction: column;
        align-items: stretch;
        justify-content: flex-start;
        gap: 10px;
    }
    .catalog-content .prod-grid[data-view="list"] .pc-card__price-row--list {
        flex-direction: row;
        align-items: baseline;
        flex-wrap: wrap;
        gap: 2px 8px;
    }
    .catalog-content .prod-grid[data-view="list"] .pc-card__buy-row {
        gap: 8px;
    }
    .catalog-content .prod-grid[data-view="list"] .pc-card__list-action {
        flex: 0 0 auto;
        width: 44px;
        height: 44px;
        border-radius: var(--bs-border-radius, .375rem);
    }
    /* Кнопка «В корзину/Заказать» (и qty-control) занимает остаток строки. */
    .catalog-content .prod-grid[data-view="list"] .pc-card__list-side .pc-card__buy,
    .catalog-content .prod-grid[data-view="list"] .pc-card__list-side .qty-control {
        flex: 1;
        height: 44px;
        font-size: 14px;
    }
}
@media (max-width: 1100px) {
    .catalog-content .prod-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (max-width: 900px) {
    .catalog-content .prod-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

/* ----- Пустое состояние раздела ----- */
.catalog-empty {
    padding: 48px 24px;
    text-align: center;
    background: var(--bg-soft, #fafafa);
    border-radius: var(--g-radius-card, .625rem);
    font-family: var(--ro, Roboto, sans-serif);
    color: var(--text-2, #595959);
}
.catalog-empty a { color: var(--bs-primary, #4F46E5); text-decoration: none; }
.catalog-empty a:hover { text-decoration: underline; }

/* ----- Infinite-scroll loader (catalog.section) ----- */
.catalog-loader {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 28px 0 8px;
    color: var(--text-3);
    font-size: 14px;
    min-height: 80px;
    opacity: 0;
    transition: opacity .2s;
}
.catalog-loader.is-loading {
    opacity: 1;
}
.catalog-loader__spinner {
    width: 18px;
    height: 18px;
    border: 2px solid var(--line);
    border-top-color: var(--bs-primary);
    border-radius: 50%;
    animation: gr-spin .8s linear infinite;
}
.catalog-loader.is-loading .catalog-loader__text { color: var(--text-2); }
@keyframes gr-spin {
    to { transform: rotate(360deg); }
}

/* ----- Пагинация (наш шаблон system.pagenavigation/.default) -----
   Штатная Bootstrap-разметка (.pagination > .page-item > .page-link) —
   пересобрана под токены новой айдентики (индиго активная страница). Радиус
   был капсулой 999px (дизайн-ревью «слишком круглое») — переведён на
   --bs-border-radius (6px), пилюли теперь только у бейджей-счётчиков. Прежние
   .page-num/.page-arrow/.page-gap были локальными — сняты (grep подтвердил:
   нигде в JS/mobile.css не используются). */
.pagination-wrap { padding: 32px 0 16px; }
.pagination {
    display: flex;
    justify-content: center;
    gap: 4px;
    flex-wrap: wrap;
    margin: 0;
    padding: 0;
}
.pagination .page-item { list-style: none; }
/* Селектор на уровень .page-item .page-link (а не голый .page-link) —
   специфичность (0,3,0) перебивает Bootstrap-овские :first-child/:last-child
   переопределения border-radius (тоже 0,3,0, но мы позже в каскаде). */
.pagination .page-item .page-link {
    min-width: 40px;
    height: 40px;
    /* Было 999px (пилюля) — по новой шкале пилюли только у бейджей-счётчиков,
       страницы пагинации — кнопки, --bs-border-radius (6px). */
    border-radius: var(--bs-border-radius, .375rem) !important;
    font-family: var(--rc);
    font-size: 16px;
    color: var(--bs-body-color, var(--text));
    background: transparent;
    border: 0;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0 12px;
    text-decoration: none;
    transition: background .15s, color .15s, transform .12s;
}
.pagination .page-link--arrow .ti { font-size: 18px; }
.pagination .page-link:hover { background: var(--bs-tertiary-bg, var(--bg-soft)); }
.pagination .page-link:active { transform: scale(0.96); }
.pagination .page-item.active .page-link {
    background: var(--bs-primary);
    color: #fff;
    font-weight: 500;
}
.pagination .page-item.active .page-link:hover { background: var(--bs-link-hover-color); }
.pagination .page-item.disabled .page-link {
    opacity: 0.4;
    cursor: not-allowed;
    pointer-events: none;
    background: transparent;
}
.pagination .page-link--gap {
    font-family: var(--rc);
    color: var(--text-3);
    padding: 0 4px;
    min-width: auto;
}
@media (max-width: 767px) {
    .pagination-wrap { padding: 20px 0 8px; }
    .pagination { flex-wrap: nowrap; overflow-x: auto; gap: 2px; scrollbar-width: none; }
    .pagination::-webkit-scrollbar { display: none; }
    .pagination .page-link {
        min-width: 36px;
        height: 36px;
        font-size: 14px;
        padding: 0 8px;
        flex-shrink: 0;
    }
}

/* ===== Мини-карточка grid-view на узких экранах =====
   В 2-колоночной сетке (~158px контента на iPhone) базовые размеры артикула
   и меты (рейтинг + наличие) не помещались по ширине → переносились на новую
   строку / уходили в overflow. Слегка уменьшаем шрифты/отступы, чтобы строки
   «Артикул: …» и «рейтинг · наличие» помещались аккуратно.
   List-view не затрагиваем — у него свои переопределения с большей
   специфичностью ([data-view="list"]). */
@media (max-width: 767px) {
    /* Плотнее сетка карточек: горизонт немного (20→12), вертикаль сильнее
       (20→8) — по вертикали к gap добавляется «воздух» самой карточки, поэтому
       row-gap меньше column-gap → зазоры смотрятся равномерно. */
    .catalog-content .prod-grid { column-gap: 12px; row-gap: 8px; }
    .pc-card__body { padding: 0 10px; gap: 9px; }
    .pc-card__name { font-size: 15px; }
    .pc-card__name-wrap { min-height: 38px; }
    .pc-card__price { font-size: 19px; }
    .pc-card__old-price { font-size: 13px; }

    .pc-card__art-row { gap: 5px; min-height: 20px; }
    .pc-card__art { font-size: 12px; }
    .pc-card__copy { width: 20px; height: 20px; border-radius: var(--bs-border-radius-sm, .25rem); }
    .pc-card__copy svg, .pc-card__copy .ti { width: 14px; height: 14px; font-size: 14px; }

    /* 11px (было 12) — «В наличии: N» / «Мало: N шт» умещаются в одну строку
       рядом с рейтингом, не переносясь на 2-ю строку в узкой 2-колоночной сетке. */
    .pc-card__meta { gap: 3px; font-size: 11px; }
    .pc-card__rating { gap: 3px; font-size: 11px; }
    .pc-card__rating svg, .pc-card__rating .ti { width: 13px; height: 13px; font-size: 13px; }
    .pc-card__stock { gap: 3px; font-size: 11px; }
    .pc-card__stock-dot { width: 4px; height: 4px; }
}

/* ===== Lightbox для фото товара ===== */
.lightbox {
    position: fixed;
    inset: 0;
    background: rgba(45,43,43,0.88);
    z-index: 100;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 48px;
}
.lightbox[hidden] { display: none; }
.lightbox__close {
    position: absolute;
    top: 24px;
    right: 24px;
    width: 48px;
    height: 48px;
    border-radius: 50%;
    background: #fff;
    color: var(--text);
    border: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    z-index: 2;
}
.lightbox__nav {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 56px;
    height: 56px;
    border-radius: 50%;
    background: #fff;
    color: var(--text);
    border: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    z-index: 2;
}
.lightbox__nav--prev { left: 24px; }
.lightbox__nav--next { right: 24px; }
.lightbox__stage {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 16px;
}
.lightbox__img {
    width: min(80vw, 900px);
    aspect-ratio: 1 / 1;
    border-radius: var(--g-radius-card, .625rem);
    overflow: hidden;
    background: #fff;
    position: relative;
}
.lightbox__slide {
    position: absolute;
    inset: 0;
    opacity: 0;
    transition: opacity .35s ease;
}
.lightbox__slide.on { opacity: 1; }
.lightbox__slide img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    padding: 4%;
}
.lightbox__thumbs {
    display: flex;
    gap: 8px;
    width: min(80vw, 900px);
}
.lightbox__thumb {
    flex: 1;
    aspect-ratio: 1 / 1;
    background: #fff;
    border: 2px solid transparent;
    border-radius: var(--bs-border-radius, .375rem);
    overflow: hidden;
    cursor: pointer;
    opacity: 0.6;
    transition: opacity .15s, border-color .15s;
    padding: 0;
}
.lightbox__thumb img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    padding: 8%;
}
.lightbox__thumb:hover { opacity: 0.9; }
.lightbox__thumb.active {
    opacity: 1;
    border-color: var(--bs-primary);
}
@media (max-width: 767px) {
    .lightbox { padding: 16px; }
    .lightbox__close { top: 12px; right: 12px; width: 40px; height: 40px; }
    .lightbox__nav { width: 40px; height: 40px; }
    .lightbox__nav--prev { left: 8px; }
    .lightbox__nav--next { right: 8px; }
    .lightbox__img { width: calc(100vw - 32px); }
    .lightbox__thumbs { width: calc(100vw - 32px); overflow-x: auto; scrollbar-width: none; }
    .lightbox__thumbs::-webkit-scrollbar { display: none; }
    .lightbox__thumb { flex: 0 0 56px; }
}

/* ===== Карточка товара (catalog.element/.default) =====
 * .pdp-layout — сетка "hero aside" / "tabs aside": слева hero (галерея+инфо) и
 * зона вкладок, справа buy-box колонкой на всю высоту (sticky rail). Buy-box
 * вынесен ИЗ hero: раньше он (самая высокая колонка ~1000px) сидел в hero и
 * растягивал его → под key-specs зияла пустота. Теперь aside тянется вдоль
 * hero И вкладок, а высоту hero-строки задаёт только галерея/инфо.
 * Горизонтальный gutter (0 32px) — на .pdp-layout (не на hero/вкладках, иначе
 * двойной). Related-секции и .delivery-pay — ВНЕ layout (полная ширина,
 * естественный конец прилипания rail). */
.pdp-layout {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 336px;
    grid-template-areas:
        "hero  aside"
        "tabs  aside";
    column-gap: 32px;
    padding: 0 32px;
    margin-top: 24px;
}
@media (max-width: 1100px) {
    .pdp-layout { grid-template-columns: minmax(0, 1fr) 320px; column-gap: 24px; }
}
@media (max-width: 900px) {
    .pdp-layout {
        grid-template-columns: minmax(0, 1fr);
        grid-template-areas: "hero" "aside" "tabs";
        padding: 0 16px;
        /* В одну колонку области идут друг за другом — без row-gap buy-box
           прилипал вплотную к «Читать полностью» (низу hero/превью описания). */
        row-gap: 20px;
    }
}

/* Hero — 2 колонки: галерея (454px) / инфо (1fr). Buy-box больше НЕ здесь. */
.product-hero {
    grid-area: hero;
    display: grid;
    grid-template-columns: 454px minmax(0, 1fr);
    gap: 32px;
}
@media (max-width: 1100px) {
    .product-hero { grid-template-columns: 380px minmax(0, 1fr); gap: 24px; }
}
@media (max-width: 900px) {
    .product-hero { grid-template-columns: minmax(0, 1fr); gap: 20px; }
}

/* Зона вкладок — grid-область tabs (под hero, слева от rail). min-width:0 —
 * чтобы таблицы/rich-описание переносились, а не распирали колонку. */
.pdp-tabs { grid-area: tabs; min-width: 0; }
/* Горизонтальный padding КОНТЕНТА вкладок нейтрализуем — gutter уже даёт
 * .pdp-layout (иначе контент ушёл бы вглубь на 64px). Ряд .p-tabs НЕ трогаем:
 * его боковой padding (0 16px глобально) оставляет слева от первой вкладки
 * сегмент линии до края контейнера, а у текста вкладки — свой отступ (у active
 * это рамка-«коробочка» Bootstrap nav-tabs, текст не должен липнуть к ней).
 * Обнуление паддинга ряда/первой вкладки уже пробовали — выглядело сломанным. */
.pdp-tabs .p-section { padding-left: 0; padding-right: 0; }

/* --- Галерея --- */
.gallery {
    position: sticky;
    top: 160px;
    align-self: start;
}
.main-img {
    width: 100%;
    aspect-ratio: 1 / 1;
    background: #fff;
    /* Аутлайн фото — чистый чёрный low-opacity (не тинт var(--line-2)): единая
       глубина края с плитками листинга (.pc-card__photo, .tr-img). */
    border: 1px solid rgba(0, 0, 0, 0.06);
    border-radius: var(--g-radius-card, .625rem);
    overflow: hidden;
    position: relative;
}
.main-img .bages {
    position: absolute;
    top: 16px;
    left: 16px;
    display: flex;
    gap: 8px;
    z-index: 3;
}

/* Кнопки «В избранное» и «В сравнение» на фото товара — вертикальный стек
   справа-сверху, аналогично .pc-card__photo .actions, но крупнее (44×44). */
.hero-actions {
    position: absolute;
    top: 16px;
    right: 16px;
    display: flex;
    flex-direction: column;
    gap: 8px;
    z-index: 4;
}
.hero-action {
    width: 44px;
    height: 44px;
    border: 0;
    /* fav/compare — тот же контрол, что .pc-card__action: 6px по шкале (клиент убрал круглые, 2026-07-08) */
    border-radius: var(--bs-border-radius);
    background: rgba(255,255,255,0.94);
    color: var(--text-2);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    box-shadow: 0 1px 4px rgba(0,0,0,0.06);
    transition: background .15s, color .15s, transform .15s;
}
.hero-action .ti { font-size: 18px; }
/* Избранное — outline/filled, тот же приём что .pc-card__action. */
.hero-action .ico-filled { display: none; }
.hero-action.is-active .ico-outline { display: none; }
.hero-action.is-active .ico-filled { display: inline; }
.hero-action:hover {
    background: #fff;
    color: var(--text);
}
.hero-action:active { transform: scale(0.96); }
.hero-action.is-active {
    background: var(--bs-primary);
    color: #fff;
}
.main-img .slides { position: absolute; inset: 0; }
.main-img .slide {
    position: absolute;
    inset: 0;
    opacity: 0;
    transform: scale(1.02);
    transition: opacity .35s ease, transform .5s ease;
}
.main-img .slide.on { opacity: 1; transform: scale(1); }
.main-img .slide img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    padding: 8%;
}
.main-img .hit-zone {
    position: absolute;
    top: 0;
    bottom: 0;
    width: 42%;
    z-index: 2;
    display: flex;
    align-items: center;
    cursor: pointer;
}
.main-img .hit-zone.prev { left: 0; justify-content: flex-start; padding-left: 16px; }
.main-img .hit-zone.next { right: 0; justify-content: flex-end; padding-right: 16px; }
.main-img .hit-zone.zoom {
    left: 42%;
    right: 42%;
    width: auto; /* override width:42% базового .hit-zone */
    cursor: zoom-in;
}
.main-img .nav-arrow {
    width: 44px;
    height: 44px;
    border-radius: 50%;
    background: rgba(255,255,255,0.92);
    color: var(--text);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 4px 12px rgba(0,0,0,0.08);
    opacity: 0;
    transition: opacity .2s ease, background .15s;
    border: 1px solid var(--line-2);
}
.main-img:hover .hit-zone.prev .nav-arrow,
.main-img:hover .hit-zone.next .nav-arrow { opacity: 1; }
.main-img .hit-zone.prev:hover .nav-arrow,
.main-img .hit-zone.next:hover .nav-arrow { background: #fff; }
.main-img .dots {
    position: absolute;
    bottom: 14px;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    gap: 6px;
    z-index: 3;
    padding: 6px 10px;
    background: rgba(255,255,255,0.7);
    border-radius: 999px;
    backdrop-filter: blur(6px);
}
.main-img .dots i {
    /* Все точки одной фиксированной ширины — активная отличается только
     * цветом. Если делать pill-расширение active —
     * общая ширина .dots контейнера прыгает при каждом переключении,
     * и translateX(-50%) даёт «дёрганье» индикатора. */
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: var(--text-3);
    opacity: 0.5;
    transition: background .2s, opacity .2s;
    display: block;
}
.main-img .dots i.on {
    background: var(--bs-primary);
    opacity: 1;
}
.thumbs {
    display: flex;
    gap: 8px;
    margin-top: 12px;
}
.thumb {
    flex: 1;
    aspect-ratio: 1 / 1;
    background: #fff;
    border: 1px solid rgba(0, 0, 0, 0.06);
    border-radius: var(--bs-border-radius, .375rem);
    overflow: hidden;
    cursor: pointer;
    transition: border-color .15s, transform .15s;
    position: relative;
}
.thumb.active { border-color: var(--bs-primary); border-width: 2px; }
.thumb:hover { border-color: var(--text-3); transform: translateY(-1px); }
.thumb:active { transform: scale(0.96); }

/* --- Pinfo --- */
.pinfo { min-width: 0; }
.pinfo h1 {
    font-family: var(--rc);
    font-weight: 500;
    font-size: 33px;
    line-height: 1.15;
    letter-spacing: -0.02em;
    color: var(--text);
    margin: 0 0 16px;
    overflow-wrap: anywhere;
    text-wrap: balance;
}
.pinfo .brand-row {
    display: flex;
    align-items: center;
    gap: 16px;
    font-family: var(--rc);
    font-size: 16px;
    color: var(--text-2);
    margin-bottom: 16px;
    flex-wrap: wrap;
}
.pinfo .brand-row a { color: var(--text); text-decoration: none; }
.pinfo .brand-row a:hover { color: var(--bs-primary); }
/* Бренд на детальной ведёт на страницу бренда → обычная ссылка (сплошное
   подчёркивание), НЕ пунктир js-brand-link (пунктир перебиваем по специфичности). */
.pinfo .brand-row .js-brand-link {
    border-bottom: none;
    text-decoration: underline;
    text-decoration-color: var(--text-3);
    text-decoration-thickness: 1px;
    text-underline-offset: 3px;
}
.pinfo .brand-row .js-brand-link:hover {
    color: var(--bs-primary);
    text-decoration-color: var(--bs-primary);
}
.pinfo .pinfo-art-row {
    display: inline-flex;
    align-items: center;
    gap: 6px;
}
.pinfo-copy {
    position: relative;
    width: 24px;
    height: 24px;
    border-radius: 4px;
    background: var(--bg-soft);
    border: 0;
    cursor: pointer;
    color: var(--text-2);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: background .15s, color .15s, transform .12s;
}
/* Видимая кнопка 24px, но кликабельная зона расширена до 40×40
   (минимум hit-area) прозрачным ::after — как .pc-card__copy в листинге. */
.pinfo-copy::after { content: ''; position: absolute; inset: -8px; }
.pinfo-copy:active { transform: scale(0.96); }
.pinfo-copy svg, .pinfo-copy .ti { width: 14px; height: 14px; font-size: 14px; }
.pinfo-copy .ico-check { display: none; }
.pinfo-copy:hover { background: var(--bs-primary); color: #fff; }
.pinfo-copy.is-copied { background: var(--green); color: #fff; }
.pinfo-copy.is-copied .ico-copy { display: none; }
.pinfo-copy.is-copied .ico-check { display: block; }
.pinfo .rating-row {
    display: flex;
    align-items: center;
    gap: 16px;
    font-family: var(--rc);
    font-size: 16px;
    color: var(--text);
    margin-bottom: 24px;
    flex-wrap: wrap;
    /* Рейтинг (4.5 / 0.0) и счётчик отзывов — табличные цифры против дёрганья. */
    font-variant-numeric: tabular-nums;
}
.pinfo .rating-row .stars {
    display: inline-flex;
    gap: 2px;
    color: var(--orange);
}
/* Ссылки-якоря в rating-row: подсветка через dashed underline, чтобы было
   видно что это локальные ссылки (на табы), а не плоский текст. */
.pinfo .rating-row .rating-row__link {
    color: var(--text-2);
    text-decoration: none;
    border-bottom: 1px dashed var(--text-3);
    transition: color .15s, border-bottom-color .15s;
}
.pinfo .rating-row .rating-row__link:hover {
    color: var(--bs-primary);
    border-bottom-color: var(--bs-primary);
}

/* Key-specs grid 3×2 кубики */
.key-specs {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
    gap: 16px;
    margin-top: 8px;
}
.key-spec {
    padding: 18px 22px;
    background: var(--bg-soft);
    border-radius: var(--g-radius-card, .625rem);
    /* grid-элемент по умолчанию min-width:auto (= ширине самого длинного
       неразрывного слова) → длинное значение растягивало/пробивало кубик.
       min-width:0 даёт значению перенестись внутри ячейки. */
    min-width: 0;
}
.key-spec__k {
    font-family: var(--rc);
    font-size: 13px;
    color: var(--text-2);
    margin-bottom: 8px;
}
.key-spec__v {
    font-family: var(--rc);
    font-weight: 500;
    font-size: 20px;
    color: var(--text);
    letter-spacing: -0.01em;
    line-height: 1.2;
    font-variant-numeric: tabular-nums;
    /* Длинные одиночные слова («поликарбонат», «Bluetooth») переносятся с
       мягким дефисом (hyphens работает — на <html> lang=ru); break-word —
       страховка, если перенос по слогам недоступен (слово сломается без
       overflow); balance выравнивает длины строк. Короткие значения (числа,
       «12 ГБ») не затрагиваются — остаются крупным акцентом. */
    overflow-wrap: break-word;
    hyphens: auto;
    text-wrap: balance;
}

/* Превью описания под key-specs (плоский текст). Rich-HTML тут не выводим —
 * колонка .pinfo узкая (таблицы/картинки из 1С:Предприятие её разорвали бы).
 * Визуальная обрезка — line-clamp:5; «Читать полностью» прыгает во вкладку. */
.pinfo-desc { margin-top: 20px; }
.pinfo-desc__text {
    font-family: var(--ro);
    font-size: 15px;
    line-height: 1.6;
    color: var(--text-2);
    margin: 0;
    text-wrap: pretty;
}
.pinfo-desc__text[data-clamp] {
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.pinfo-desc__more {
    display: inline-flex;
    align-items: center;
    gap: 3px;
    margin-top: 8px;
    font-family: var(--rc);
    font-size: 15px;
    font-weight: 500;
    color: var(--bs-primary);
    text-decoration: none;
    cursor: pointer;
}
/* Пунктир — конвенция ссылок, не уводящих со страницы (как «Войти» в buy-box /
   .rating-row__link). Носит его СПАН с текстом, а не <a>: бордер ссылки
   подчёркивал бы и стрелку. */
.pinfo-desc__more-txt { border-bottom: 1px dashed currentColor; }
.pinfo-desc__more .ti { font-size: 14px; }
.pinfo-desc__more:hover .pinfo-desc__more-txt { border-bottom-color: transparent; }

/* --- Buy-box (rail) --- */
.buy-box {
    grid-area: aside;
    align-self: start;
    background: var(--bg-soft);
    border-radius: var(--g-radius-card, .625rem);
    padding: 24px;
    display: flex;
    flex-direction: column;
    gap: 16px;
    position: sticky;
    top: 160px;
}
.price-block {
    display: flex;
    flex-direction: column;
    gap: 4px;
    padding-bottom: 16px;
}
.price-your-lbl {
    font-family: var(--rc);
    font-size: 14px;
    color: var(--text-2);
    display: inline-flex;
    align-items: center;
    gap: 6px;
}
.price-your {
    font-family: var(--rc);
    font-weight: 700;
    font-size: 43px;
    line-height: 1;
    color: var(--bs-primary);
    letter-spacing: -0.02em;
    font-variant-numeric: tabular-nums;
}
/* Строка «Розничная: … · Экономия/Ваша выгода N%» (.price-retail/.save-pill)
   удалена целиком 2026-07-08 — клиент попросил не показывать третью цифру под
   ценой в buy-box. Зачёркнутая цена .price-old остаётся. */
.price-old {
    font-family: var(--rc);
    font-weight: 400;
    font-size: 17px;
    line-height: 120%;
    color: var(--text);
    text-decoration: line-through;
    font-variant-numeric: tabular-nums;
}

/* C1 «две цены» — тизер «опт дешевле» гостю/рознице (раскрывает cart.js для
 * не-B2B). Слот в buy-box карточки (.price-b2b-teaser) и над листингом
 * (.cat-b2b-teaser). [hidden]-override: оба display:flex, иначе UA-hidden не
 * сработал бы (грабля каскада flex+[hidden]). */
.price-b2b-teaser {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-top: 12px;
    padding: 10px 12px;
    border: 1px solid var(--line);
    border-radius: 10px;
    background: var(--bg-soft, #fafafa);
    font-family: var(--rc);
    font-size: 14px;
    color: var(--text-2);
    line-height: 1.35;
}
.price-b2b-teaser svg, .price-b2b-teaser .ti { width: 18px; height: 18px; font-size: 18px; flex: none; color: var(--bs-primary); }
.price-b2b-teaser__txt { flex: 1 1 auto; }
.price-b2b-teaser__link {
    flex: none;
    font-weight: 600;
    color: var(--bs-primary);
    border-bottom: 1px dashed currentColor;
    white-space: nowrap;
}
.price-b2b-teaser__link:hover { border-bottom-color: transparent; }
.price-b2b-teaser[hidden] { display: none; }

.cat-b2b-teaser {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 6px 14px;
    margin-bottom: 16px;
    padding: 12px 18px;
    border: 1px solid var(--line);
    /* Было 32px (пилюля) — плашка-уведомление, как .price-b2b-teaser (10px). */
    border-radius: var(--g-radius-card, .625rem);
    background: var(--bg-soft, #fafafa);
    font-family: var(--rc);
    font-size: 14px;
    color: var(--text-2);
    line-height: 1.35;
}
.cat-b2b-teaser__ico { width: 20px; height: 20px; font-size: 20px; flex: none; color: var(--bs-primary); }
.cat-b2b-teaser__txt { flex: 1 1 220px; }
.cat-b2b-teaser__link {
    flex: none;
    font-weight: 600;
    color: var(--bs-primary);
    border-bottom: 1px dashed currentColor;
    white-space: nowrap;
}
.cat-b2b-teaser__link:hover { border-bottom-color: transparent; }
/* Обёртка ссылок — держит «Как стать партнёром?» и «Войти» в одной строке. */
.cat-b2b-teaser__actions { display: inline-flex; align-items: center; gap: 14px; flex: none; }
/* Мобиль: 2-колоночная сетка — иконка в отдельной колонке слева, текст и
   ссылки в правой колонке друг под другом (ссылки выровнены по левому краю
   текста, а не под иконкой). */
@media (max-width: 767px) {
    .cat-b2b-teaser {
        display: grid;
        grid-template-columns: auto 1fr;
        column-gap: 12px;
        row-gap: 6px;
        align-items: start;
    }
    .cat-b2b-teaser__ico { grid-column: 1; grid-row: 1 / span 2; align-self: start; margin-top: 1px; }
    .cat-b2b-teaser__txt { grid-column: 2; grid-row: 1; flex: initial; }
    .cat-b2b-teaser__actions { grid-column: 2; grid-row: 2; }
}
/* Инфо-ссылка «Как стать партнёром?» — второстепенная (нейтральный цвет),
   чтобы основное действие (Войти / Стать партнёром) оставалось акцентным. */
.cat-b2b-teaser__link--how { color: var(--text-2); font-weight: 500; }
.cat-b2b-teaser__link--how:hover { color: var(--text); }
.cat-b2b-teaser[hidden] { display: none; }

/* Async-загрузка разделов 1С (Канал B) — спиннер/ошибка. См. account.js. */
.onec-async__load,
.onec-async__err {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 28px 4px;
    font-family: var(--rc);
    font-size: 15px;
    color: var(--text-2);
}
.onec-async__spin {
    width: 18px;
    height: 18px;
    flex: none;
    border: 2px solid var(--line);
    border-top-color: var(--bs-primary);
    border-radius: 50%;
    animation: onec-spin 0.7s linear infinite;
}
@keyframes onec-spin { to { transform: rotate(360deg); } }
.onec-async__retry {
    border: 0;
    background: none;
    padding: 0;
    margin-left: 4px;
    font: inherit;
    font-weight: 600;
    color: var(--bs-primary);
    cursor: pointer;
    border-bottom: 1px dashed currentColor;
}

.stock-block {
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding-bottom: 16px;
}
.stock-block .stock-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    flex-wrap: wrap;
}
.stock-label {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-family: var(--rc);
    font-size: 14px;
    font-variant-numeric: tabular-nums;
}
.stock-label .stock-dot {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: currentColor;
}
.stock-label.stock-zero { color: var(--text-2); }
.stock-label.stock-zero .stock-dot { background: var(--text-3); }
.stock-label.stock-crit { color: var(--bs-danger); }
.stock-label.stock-crit .stock-dot { background: var(--bs-danger); }
.stock-label.stock-low  { color: var(--orange); }
.stock-label.stock-ok   { color: var(--green); }
/* Индикатор полноты — 8 чёрточек. Цвет «full»-сегментов совпадает со
   .stock-label: оранжевый при 1..5 шт, зелёный при 5+. Пустые — серые. */
.stock-dots {
    display: flex;
    gap: 4px;
}
.stock-dots i {
    width: 12px;
    height: 4px;
    border-radius: 2px;
    background: var(--line);
    display: inline-block;
    transition: background .2s;
}
.stock-dots.stock-crit i.full { background: var(--bs-danger); }
.stock-dots.stock-low  i.full { background: var(--orange); }
.stock-dots.stock-ok   i.full { background: var(--green); }

/* Чипы складов под stock-label: показывают первые 3 склада с остатком,
   точка-индикатор зелёная (qty>=5) или оранжевая (1..4). Каждый чип
   кликабелен и открывает модалку .js-warehouse-modal со списком всех. */
/* Список — колонка: каждый чип на всю ширину контейнера (align-items:flex-start
   не растягивает, ширину задаёт width:100% на самом чипе → кнопка «Ещё N»
   остаётся по контенту). */
.warehouse-chips {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 6px;
    margin-top: 10px;
}
.warehouse-chip {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    width: 100%;
    height: 32px;
    padding: 0 12px;
    border-radius: 999px;
    background: var(--bg-soft);
    border: 1px solid var(--line-2);
    font-family: var(--rc);
    font-size: 13px;
    color: var(--text);
    cursor: pointer;
    transition: border-color .15s, color .15s, background .15s, transform .12s;
}
.warehouse-chip:hover { border-color: var(--text-3); background: #fff; }
.warehouse-chip:active { transform: scale(0.96); }
.warehouse-chip-dot {
    width: 6px; height: 6px; border-radius: 50%;
    background: var(--text-3);
    flex-shrink: 0;
}
.warehouse-chip.is-ok  .warehouse-chip-dot { background: var(--green); }
.warehouse-chip.is-low .warehouse-chip-dot { background: var(--orange); }
/* Название — одна строка с многоточием. min-width:0 обязателен: без него
   flex-элемент не сжимается ниже контента и overflow/ellipsis не срабатывают. */
.warehouse-chip-name {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
/* Количество прижато к правому краю чипа. */
.warehouse-chip-qty {
    margin-left: auto;
    flex-shrink: 0;
    color: var(--text-2);
    font-variant-numeric: tabular-nums;
    font-size: 12px;
}
/* «Ещё N складов» / «Адреса складов» — inline-ссылка по контенту, НЕ на всю
   ширину: сбрасываем width, фон, рамку и высоту чипа. */
/* «Ещё N складов» — чип с пунктирной рамкой (вид как у складских чипов),
   но по ширине контента, НЕ на 100% (просьбы клиента 2026-07-08: сперва
   убрать полную ширину, затем вернуть пунктир — инлайн-ссылка отвергнута). */
.warehouse-chip-more {
    width: auto;
    align-self: flex-start;
    border-style: dashed;
    color: var(--text-2);
}
.warehouse-chip-more:hover { color: var(--bs-primary); border-color: var(--bs-primary); }
.warehouse-chip-more svg, .warehouse-chip-more .ti { color: currentColor; }
.warehouse-chip-more:hover svg, .warehouse-chip-more:hover .ti { color: currentColor; }

/* Cart-picker (заглушка) */
.cart-picker {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 12px;
    background: #fff;
    border: 1px solid var(--line-2);
    border-radius: var(--bs-border-radius-lg, .5rem);
    position: relative;
    cursor: pointer;
    transition: border-color .15s;
}
/* `display: flex` выше пересиливает HTML-атрибут [hidden]. Возвращаем поведение
   hidden для гостя и до того, как loadHeaderState поставит picker.hidden=false. */
.cart-picker[hidden] { display: none !important; }
.cart-picker:hover { border-color: var(--text-3); }
.cart-picker[data-open="true"] { border-color: var(--text); }
.cart-picker .cp-name {
    flex: 1;
    font-family: var(--rc);
    font-size: 15px;
    color: var(--text);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.cart-picker .cp-badge {
    font-family: var(--rc);
    font-size: 14px;
    color: var(--text-2);
    flex-shrink: 0;
}
.cart-picker .cp-chev { color: var(--text-3); transition: transform .2s; }
.cart-picker[data-open="true"] .cp-chev { transform: rotate(180deg); }
.cart-menu {
    position: absolute;
    top: calc(100% + 6px);
    left: 0;
    right: 0;
    background: #fff;
    border: 1px solid var(--line-2);
    border-radius: var(--bs-border-radius-lg, .5rem);
    padding: 6px;
    box-shadow: 0 12px 32px rgba(0,0,0,0.1);
    z-index: 5;
    opacity: 0;
    transform: translateY(-4px);
    pointer-events: none;
    transition: opacity .15s, transform .15s;
}
.cart-picker[data-open="true"] .cart-menu {
    opacity: 1;
    transform: translateY(0);
    pointer-events: auto;
}
.cart-opt {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 10px 12px;
    border-radius: var(--bs-border-radius, .375rem);
    cursor: pointer;
    font-family: var(--rc);
    font-size: 15px;
    color: var(--text);
    transition: background .12s;
}
.cart-opt:hover { background: var(--bg-soft); }
.cart-opt.active { background: var(--bg-soft); font-weight: 500; }
.cart-opt-name { flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.cart-opt-qty { font-size: 13px; color: var(--text-3); font-variant-numeric: tabular-nums; }

/* «Создать корзину» — последний пункт меню с разделителем сверху */
.cart-opt-new {
    border-top: 1px solid var(--line);
    margin-top: 4px;
    padding-top: 10px;
    color: var(--text-2);
}
.cart-opt-new svg { color: var(--text-3); }
.cart-opt-new:hover { color: var(--text); }
.cart-opt-new:hover svg { color: var(--bs-primary); }

/* Inline-форма создания корзины в .cart-menu */
.cart-opt-form {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 6px 8px;
    border-top: 1px solid var(--line);
    margin-top: 4px;
}
.cart-opt-input {
    flex: 1;
    min-width: 0;
    height: 32px;
    padding: 0 10px;
    border: 1px solid var(--line);
    border-radius: var(--bs-border-radius, .375rem);
    font-family: inherit;
    font-size: 13px;
    color: var(--text);
    background: #fff;
    outline: none;
    transition: border-color .15s;
}
.cart-opt-input:focus { border-color: var(--text-2); }
.cart-opt-submit {
    width: 32px;
    height: 32px;
    flex-shrink: 0;
    border: 0;
    border-radius: var(--bs-border-radius, .375rem);
    background: var(--bs-primary);
    color: #fff;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: opacity .15s;
}
.cart-opt-submit:hover { opacity: 0.92; }
.cart-opt-submit:disabled { opacity: 0.6; cursor: default; }

/* Модалка остатков по складам */
.g-modal-backdrop {
    position: fixed;
    inset: 0;
    background: rgba(45,43,43,0.5);
    z-index: 90;
    display: flex;
    align-items: center;
    justify-content: center;
}
.g-modal-backdrop[hidden] { display: none; }
.g-modal-backdrop .g-modal {
    width: 520px;
    max-width: 92vw;
    /* Ограничиваем высоту окна вьюпортом, чтобы при множестве складов оно не
       вылезало за края экрана (особенно на мобиле — кнопка «Закрыть» внизу
       уходила ниже видимой области). dvh учитывает адресную строку браузера. */
    max-height: 90vh;
    max-height: 90dvh;
    display: flex;
    flex-direction: column;
    background: #fff;
    border-radius: var(--g-radius-card, .625rem);
    padding: 28px;
    /* Плавающая поверхность на токене новой айдентики (см. base.css). */
    box-shadow: var(--g-shadow-popover, 0 20px 40px rgba(0,0,0,0.15));
}
.g-modal h3 {
    flex: none;
    font-family: var(--rc);
    font-weight: 500;
    font-size: 23px;
    letter-spacing: -0.01em;
    color: var(--text);
    margin: 0 0 16px;
    text-wrap: balance;
}
/* Список складов прокручивается внутри окна; заголовок и кнопка «Закрыть»
   остаются на месте. min-height:0 нужен, чтобы flex-элемент мог сжаться и
   включить overflow вместо распирания родителя. */
.g-modal .w-list-wrap {
    position: relative;
    flex: 1 1 auto;
    min-height: 0;
    display: flex;
    margin: 0 -6px;
}
.g-modal .w-list {
    flex: 1 1 auto;
    min-height: 0;
    overflow-y: auto;
    overscroll-behavior: contain;
    padding: 0 6px;
}
/* Индикатор прокрутки: плавающий шеврон по центру у того края, в сторону
   которого ещё можно листать (классы can-scroll-up/down навешивает catalog.js
   по scrollTop). Не привязан к боковым краям списка → не требует внутренних
   отступов. Кликабелен — прокручивает список (catalog.js); скрытый шеврон
   pointer-events:none, чтобы не перехватывать клики по строкам под ним. */
.g-modal .w-scroll-cue {
    position: absolute;
    left: 50%;
    width: 30px;
    height: 30px;
    display: grid;
    place-items: center;
    border: 0;
    padding: 0;
    border-radius: 50%;
    background: #fff;
    box-shadow: 0 2px 10px rgba(45,43,43,.20);
    color: var(--text-2);
    opacity: 0;
    pointer-events: none;
    cursor: pointer;
    transition: opacity .18s ease, color .15s ease, box-shadow .15s ease;
    z-index: 2;
}
.g-modal .w-scroll-cue svg, .g-modal .w-scroll-cue .ti { width: 18px; height: 18px; font-size: 18px; display: block; }
.g-modal .w-scroll-cue:hover { color: var(--text); box-shadow: 0 3px 14px rgba(45,43,43,.28); }
.g-modal .w-scroll-cue--up   { top: 4px;    transform: translateX(-50%); }
.g-modal .w-scroll-cue--down { bottom: 4px; transform: translateX(-50%); }
.g-modal .w-list-wrap.can-scroll-up   .w-scroll-cue--up   { opacity: 1; pointer-events: auto; }
.g-modal .w-list-wrap.can-scroll-down .w-scroll-cue--down {
    opacity: 1;
    pointer-events: auto;
    animation: w-cue-bounce 1.6s ease-in-out infinite;
}
/* Лёгкая пульсация нижнего шеврона привлекает внимание к прокрутке. */
@keyframes w-cue-bounce {
    0%, 100% { transform: translateX(-50%) translateY(0); }
    50%      { transform: translateX(-50%) translateY(3px); }
}
@media (prefers-reduced-motion: reduce) {
    .g-modal .w-list-wrap.can-scroll-down .w-scroll-cue--down { animation: none; }
}
.g-modal .w-row {
    display: grid;
    grid-template-columns: 1fr 100px;
    gap: 12px;
    padding: 12px 0;
    border-bottom: 1px solid var(--line-2);
    font-family: var(--rc);
    font-size: 16px;
    align-items: center;
}
.g-modal .w-row:last-of-type { border-bottom: 0; }
/* C3: подзаголовок группы складов (Оптовые склады / Розничные точки). */
.g-modal .w-group-title {
    font-family: var(--rc);
    font-size: 13px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: .02em;
    color: var(--text-3);
    margin: 14px 0 2px;
}
.g-modal .w-group-title:first-of-type { margin-top: 4px; }
.g-modal .w-name { color: var(--text); }
.g-modal .w-addr { color: var(--text-2); font-size: 13px; }
.g-modal .w-qty { color: var(--green); font-weight: 500; text-align: right; font-variant-numeric: tabular-nums; }
.g-modal .w-qty.low  { color: var(--orange); }
.g-modal .w-qty.none { color: var(--text-3); font-weight: 400; }
.g-modal-close {
    flex: none;
    margin-top: 16px;
    width: 100%;
    height: 44px;
    /* Было var(--bs-border-radius-pill) — по новой шкале кнопки 6px, пилюли
       только у бейджей-счётчиков. */
    border-radius: var(--bs-border-radius, .375rem);
    background: var(--bs-tertiary-bg, var(--bg-soft));
    color: var(--bs-body-color, var(--text));
    border: 0;
    font-family: var(--rc);
    font-weight: 500;
    font-size: 15px;
    cursor: pointer;
    transition: background .15s, transform .12s;
}
.g-modal-close:hover { background: var(--bs-secondary-bg, var(--line)); }
.g-modal-close:active { transform: scale(0.96); }
.qty-buy-row { display: flex; gap: 8px; }
/* Scale-on-press для кнопок buy-box (В корзину / Заказать / Быстрый заказ /
   Поделиться). Транзишн анимации — базовый .btn { transition: all }. */
.buy-box .btn:active { transform: scale(0.96); }
/* Штатный Bootstrap .btn-primary захардкожен в #0d6efd (синий) — бренд-индиго
   не подхватывает. Задаём фон/границу токеном явно, чтобы «В корзину»/«Заказать»
   были брендовыми (пара с «Быстрым заказом» выглядела системно). */
.buy-box .btn-primary {
    background: var(--bs-primary);
    border-color: var(--bs-primary);
    color: #fff;
}
.buy-box .btn-primary:hover {
    background: var(--bs-link-hover-color);
    border-color: var(--bs-link-hover-color);
    color: #fff;
}
.action-row {
    display: flex;
    gap: 8px;
    position: relative;
}
/* Вторичный ряд (Быстрый заказ / Поделиться) — единая высота с «В корзину»
   (56px) и радиус по шкале (6px, штатный Bootstrap .btn). */
.action-row .btn {
    height: 56px;
    border-radius: var(--bs-border-radius, .375rem);
}
/* «Быстрый заказ» — вторичная CTA (индиго-outline), выделяет действие покупки
   среди нейтрального «Поделиться». Base .btn-outline даёт белый фон + серую
   границу; перекрашиваем границу/текст в индиго. */
.action-row .js-quick-order {
    color: var(--bs-primary);
    border-color: var(--bs-primary);
}
.action-row .js-quick-order:hover {
    background: var(--bs-primary-bg-subtle);
    border-color: var(--bs-primary);
    color: var(--bs-primary);
}
.icon-action {
    width: 48px;
    height: 48px;
    min-width: 48px;
    flex: 0 0 48px;
    border-radius: 50%;
    background: #fff;
    border: 1px solid var(--line-2);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: var(--text-2);
    cursor: pointer;
    transition: color .15s, border-color .15s, transform .12s;
    padding: 0;
}
.icon-action svg { width: 20px; height: 20px; }
.icon-action:hover { color: var(--bs-primary); border-color: var(--bs-primary); }
.icon-action:active { transform: scale(0.96); }
.icon-action.is-active { color: var(--bs-primary); }
.icon-action.is-active svg { fill: currentColor; }

/* Share popup (карточка товара): кнопка «Поделиться» рядом с fav/comp,
 * раскрывает попап с input ссылки + copy + кнопки Telegram/VK/WhatsApp. */
.share-wrap { position: relative; }
.share-pop {
    position: absolute;
    right: 0;
    bottom: calc(100% + 8px);
    width: 320px;
    background: #fff;
    border: 1px solid var(--line-2);
    border-radius: var(--bs-border-radius-lg, .5rem);
    padding: 14px;
    box-shadow: 0 12px 32px rgba(0,0,0,0.12);
    z-index: 20;
    opacity: 0;
    transform: translateY(4px);
    pointer-events: none;
    transition: opacity .15s ease, transform .15s ease;
}
.share-pop.is-open { opacity: 1; transform: translateY(0); pointer-events: auto; }
.share-pop::after {
    content: '';
    position: absolute;
    right: 14px;
    top: 100%;
    width: 10px; height: 10px;
    background: #fff;
    border-right: 1px solid var(--line-2);
    border-bottom: 1px solid var(--line-2);
    transform: translateY(-50%) rotate(45deg);
}
.share-pop__title {
    font-family: var(--rc);
    font-weight: 500;
    font-size: 15px;
    color: var(--text);
    letter-spacing: -0.01em;
    margin-bottom: 8px;
}
.share-pop__link-row {
    display: flex;
    align-items: center;
    gap: 6px;
    background: var(--bg-soft);
    border-radius: var(--bs-border-radius, .375rem);
    padding: 6px 6px 6px 12px;
}
.share-pop__link-row input {
    flex: 1;
    min-width: 0;
    border: none;
    background: transparent;
    outline: none;
    font-family: var(--rc);
    font-size: 14px;
    color: var(--text);
}
.share-pop__copy {
    position: relative;
    width: 32px; height: 32px;
    border-radius: 8px;
    background: #fff;
    border: 1px solid var(--line-2);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: var(--text-2);
    cursor: pointer;
    transition: background .15s, color .15s, border-color .15s, transform .12s;
    flex-shrink: 0;
}
/* Hit-area ≥40×40 у визуально-компактной кнопки (32px). */
.share-pop__copy::after { content: ""; position: absolute; inset: -4px; }
.share-pop__copy:hover { background: var(--bs-primary); color: #fff; border-color: var(--bs-primary); }
.share-pop__copy:active { transform: scale(0.96); }
.share-pop__copy.is-copied { background: var(--green, #1B8A4E); color: #fff; border-color: var(--green, #1B8A4E); }
/* Кросс-фейд глифов «копировать» ↔ «готово»: оба всегда в DOM, наложены
   абсолютно друг на друга; переключение — классом .is-copied (ставит catalog.js).
   Переход по конкретным свойствам (не all), скилл make-interfaces-feel-better §7. */
.share-pop__copy .ico-copy,
.share-pop__copy .ico-check {
    position: absolute;
    inset: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: opacity .2s cubic-bezier(0.2, 0, 0, 1),
                transform .2s cubic-bezier(0.2, 0, 0, 1),
                filter .2s cubic-bezier(0.2, 0, 0, 1);
}
.share-pop__copy .ico-check {
    opacity: 0;
    transform: scale(0.25);
    filter: blur(4px);
}
.share-pop__copy.is-copied .ico-copy {
    opacity: 0;
    transform: scale(0.25);
    filter: blur(4px);
}
.share-pop__copy.is-copied .ico-check {
    opacity: 1;
    transform: scale(1);
    filter: blur(0);
}

.share-pop__networks {
    display: flex;
    gap: 6px;
    margin-top: 10px;
}
.share-pop__net {
    flex: 1;
    height: 40px;
    border-radius: var(--bs-border-radius, .375rem);
    background: var(--bg-soft);
    color: var(--text);
    font-family: var(--rc);
    font-size: 13px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    border: 1px solid transparent;
    text-decoration: none;
    transition: background .15s, border-color .15s;
}
.share-pop__net:hover { background: #fff; border-color: var(--bs-primary); color: var(--bs-primary); }

@media (max-width: 700px) {
    .share-pop { width: 280px; right: -8px; }
}

/* Блоки «С этим товаром покупают» и «Ранее вы смотрели» в карточке товара.
 * Сетка 4 колонки .pc-card (тех же что и в каталоге) с pagination dots:
 * страница = 4 карточки; точки в .rel-dots переключают .rel-track через
 * transform translateX.
 * padding 0 32px чтобы выровняться с .product-hero / .p-tabs страницы. */
.related-section { padding: 0 32px; margin-top: 48px; }
.related-section h2 {
    font-family: var(--rc);
    font-weight: 500;
    font-size: 39px;
    letter-spacing: -0.02em;
    color: var(--text);
    margin: 0 0 24px;
    text-wrap: balance;
}
.related-section .rel-header {
    display: flex;
    align-items: center;
    gap: 24px;
    margin-bottom: 24px;
    flex-wrap: wrap;
}
.related-section .rel-header h2 { margin: 0; }
/* Кнопки prev/next по краям viewport-области. Position absolute по
   .rel-stage — вертикально центрированы на карточках, выступают наружу
   за край rel-viewport. На мобиле скрыты, остаётся нативный свайп. */
.related-section .rel-stage { position: relative; }
.related-section .rel-nav-btn {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 44px; height: 44px; border-radius: 50%;
    border: none; padding: 0; background: #fff;
    display: inline-flex; align-items: center; justify-content: center;
    color: var(--text); cursor: pointer;
    transition: color .15s, box-shadow .15s, transform .15s;
    box-shadow: 0 4px 12px rgba(0,0,0,.12);
    z-index: 2;
}
.related-section .rel-nav-btn svg, .related-section .rel-nav-btn .ti { width: 18px; height: 18px; font-size: 18px; }
.related-section .rel-nav-btn:hover {
    color: var(--bs-primary);
    box-shadow: 0 6px 16px rgba(0,0,0,.16);
}
.related-section .rel-nav-btn:active { transform: translateY(-50%) scale(0.96); }
.related-section .rel-nav-btn[disabled] { display: none; }
.related-section .js-rel-prev { left: -22px; }
.related-section .js-rel-next { right: -22px; }

.related-section .rel-viewport { position: relative; overflow: hidden; padding: 4px 0; }
.related-section .rel-track {
    display: flex;
    gap: 16px;
    transition: transform .35s cubic-bezier(.4,0,.2,1);
    will-change: transform;
}
/* 4 карточки в окне: (100% - 3 gap × 16) / 4 = (100% - 48px) / 4 */
.related-section .rel-track > .pc-card {
    flex: 0 0 calc((100% - 48px) / 4);
    min-width: 0;
}

/* Доставка / Оплата — две info-card между табами и related-section.
 * padding 0 32px выравнивает с .product-hero / .p-tabs. */
.delivery-pay {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 16px;
    padding: 0 32px;
    margin-top: 32px;
}
.info-card {
    background: var(--bg-soft);
    border-radius: var(--g-radius-card, .625rem);
    padding: 28px;
    display: flex;
    flex-direction: column;
    gap: 16px;
}
.info-card h3 {
    font-family: var(--rc);
    font-weight: 500;
    font-size: 23px;
    letter-spacing: -0.01em;
    color: var(--text);
    margin: 0;
}
.info-card .info-list { display: flex; flex-direction: column; gap: 12px; }
.info-card .info-item {
    display: flex;
    gap: 12px;
    font-family: var(--rc);
    font-size: 15px;
    color: var(--text);
}
.info-card .info-item svg, .info-card .info-item .ti {
    flex-shrink: 0;
    color: var(--bs-primary);
    margin-top: 2px;
}
.info-card .info-item b {
    color: var(--text);
    font-weight: 500;
    display: block;
    margin-bottom: 2px;
}

@media (max-width: 900px) {
    .related-section .related-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .delivery-pay { grid-template-columns: 1fr; }
}
@media (max-width: 700px) {
    .related-section { padding: 0 16px; margin-top: 36px; }
    .related-section h2 { font-size: 24px; }
    .related-section .rel-header { gap: 12px; margin-bottom: 14px; }
    /* Мобиль: одна строка карточек с нативным свайп-скроллом, JS-навигация скрыта */
    .related-section .rel-nav-btn { display: none !important; }
    .related-section .rel-viewport {
        overflow-x: auto; overflow-y: visible;
        scrollbar-width: none; -webkit-overflow-scrolling: touch;
        scroll-snap-type: x mandatory; scroll-padding-left: 0;
        padding: 4px 0;
    }
    .related-section .rel-viewport::-webkit-scrollbar { display: none; }
    .related-section .rel-track {
        display: flex !important; transform: none !important;
        gap: 12px; transition: none;
    }
    .related-section .rel-track > .pc-card {
        flex: 0 0 calc(55% - 6px) !important; min-width: 0;
        scroll-snap-align: start;
    }
    /* --pdp: «С этим товаром покупают» / «Ранее вы смотрели» — сетка в
       2 колонки (два товара целиком в ряд, без горизонтальной прокрутки и
       обрезанной второй карточки). С 2026-07-09 модификатор несут ВСЕ
       related-секции, включая «Ранее вы смотрели» на главной (клиент: вторая
       карточка ленты обрезалась) — базовая свайп-лента 55% выше осталась
       fallback'ом для секций без --pdp. */
    .related-section--pdp .rel-viewport {
        overflow: visible;
        scroll-snap-type: none;
    }
    .related-section--pdp .rel-track {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 12px;
    }
    .related-section--pdp .rel-track > .pc-card {
        width: auto;
        scroll-snap-align: none;
    }
    .delivery-pay { padding: 0 16px; gap: 12px; margin-top: 28px; }
    .info-card { padding: 20px; border-radius: var(--g-radius-card, .625rem); gap: 12px; }
    .info-card h3 { font-size: 18px; }
    .info-card .info-item { font-size: 14px; gap: 10px; }
}
.delivery-info {
    display: flex;
    flex-direction: column;
    gap: 12px;
    padding-top: 4px;
}
.delivery-row {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    font-family: var(--rc);
    font-size: 15px;
    color: var(--text);
}
.delivery-row svg, .delivery-row .ti {
    flex-shrink: 0;
    color: var(--text-2);
}
.delivery-row b {
    display: block;
    color: var(--text);
    font-weight: 500;
    margin-bottom: 2px;
}

/* --- Tabs --- */
.p-tabs {
    display: flex;
    gap: 8px;
    border-bottom: 1px solid var(--line);
    margin-top: 40px;
    /* Контейнерный padding уменьшен 32→16, т.к. .p-tab получил свои 16px
       по бокам — суммарно текст первой вкладки остаётся на 32px (в линию с
       .product-hero), а подчёркивание больше не прилипает к тексту. */
    padding: 0 16px;
}
.p-tab {
    padding: 16px 16px;
    font-family: var(--rc);
    font-weight: 500;
    font-size: 19px;
    color: var(--text-2);
    cursor: pointer;
    border-bottom: 2px solid transparent;
    margin-bottom: -1px;
    transition: color .15s, border-color .15s;
    letter-spacing: -0.01em;
}
.p-tab.active { color: var(--text); border-color: var(--bs-primary); }
.p-tab:hover { color: var(--text); }

.p-section { padding: 32px; }
.p-section h2 {
    font-family: var(--rc);
    font-weight: 500;
    font-size: 29px;
    letter-spacing: -0.02em;
    color: var(--text);
    margin: 0 0 20px;
    text-wrap: balance;
}
.desc {
    max-width: 840px;
    font-family: var(--ro);
    font-size: 17px;
    line-height: 1.6;
    color: var(--text);
    text-wrap: pretty;
}
.desc h2 {
    font-family: var(--rc);
    font-weight: 500;
    font-size: 24px;
    letter-spacing: -0.02em;
    margin: 0 0 16px;
}
.desc p { margin: 0 0 12px; }

/* HTML-описание из 1С (.desc-rich) — типографика для произвольной разметки. */
.desc-rich > *:first-child { margin-top: 0; }
.desc-rich > *:last-child { margin-bottom: 0; }
.desc-rich p { margin: 0 0 12px; }
.desc-rich h2,
.desc-rich h3,
.desc-rich h4 {
    font-family: var(--rc);
    font-weight: 500;
    letter-spacing: -0.02em;
    margin: 24px 0 10px;
}
.desc-rich h3 { font-size: 20px; }
.desc-rich h4 { font-size: 18px; }
.desc-rich ul,
.desc-rich ol { margin: 0 0 12px; padding-left: 22px; }
.desc-rich li { margin: 0 0 6px; }
.desc-rich a { color: var(--bs-primary); text-decoration: underline; }
.desc-rich img { max-width: 100%; height: auto; border-radius: 8px; }
.desc-rich table { border-collapse: collapse; margin: 0 0 12px; }
.desc-rich td,
.desc-rich th { border: 1px solid var(--line); padding: 6px 10px; }

.specs { max-width: 840px; }
.specs-group { margin-bottom: 24px; }
.specs-group h3 {
    font-family: var(--rc);
    font-weight: 500;
    font-size: 19px;
    letter-spacing: -0.01em;
    color: var(--text);
    margin: 0 0 12px;
}
.spec-row {
    display: grid;
    grid-template-columns: 300px 1fr;
    padding: 10px 0;
    border-bottom: 1px dashed var(--line);
    font-family: var(--rc);
    font-size: 16px;
}
.spec-row .v { font-variant-numeric: tabular-nums; }
.spec-row .k { color: var(--text-2); }
.spec-row .v { color: var(--text); }

/* ===== Tab «Документы» (.docs-list) ===== */
.docs-list {
    display: flex;
    flex-direction: column;
    gap: 8px;
    max-width: 840px;
}
.doc-item {
    display: grid;
    grid-template-columns: 40px 1fr auto;
    gap: 16px;
    align-items: center;
    padding: 16px 20px;
    border: 1px solid var(--line-2);
    border-radius: var(--g-radius-card, .625rem);
    background: var(--bg-soft);
    color: var(--text);
    text-decoration: none;
    transition: border-color .15s, background .15s;
}
.doc-item:hover {
    border-color: var(--bs-primary);
    background: var(--bg-soft);
}
.doc-item__icon {
    /* Красный прямоугольник 40×48 с белыми буквами «PDF». */
    width: 40px;
    height: 48px;
    flex-shrink: 0;
    border-radius: 4px;
    background: var(--bs-primary);
    color: #fff;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-family: var(--rc);
    font-weight: 700;
    font-size: 11px;
    letter-spacing: 0.04em;
}
.doc-item__body {
    display: flex;
    flex-direction: column;
    gap: 2px;
    min-width: 0;
}
.doc-item__name {
    font-family: var(--rc);
    font-weight: 500;
    font-size: 16px;
    color: var(--text);
}
.doc-item__meta {
    font-family: var(--rc);
    font-size: 13px;
    color: var(--text-3);
    font-variant-numeric: tabular-nums;
}
.doc-item__action {
    font-family: var(--rc);
    font-size: 14px;
    color: var(--bs-primary);
    flex-shrink: 0;
}

/* ===== Tab «Отзывы» ===== */
.reviews {
    max-width: 840px;
}
.reviews__head {
    padding: 24px;
    background: var(--bg-soft);
    border-radius: var(--g-radius-card, .625rem);
    margin-bottom: 32px;
    display: flex;
    align-items: center;
    gap: 32px;
    flex-wrap: wrap;
}
.reviews__avg {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 4px;
    text-align: center;
    flex-shrink: 0;
}
.reviews__avg-value {
    font-family: var(--rc);
    font-weight: 700;
    font-size: 56px;
    line-height: 1;
    color: var(--text);
    letter-spacing: -0.02em;
    font-variant-numeric: tabular-nums;
}
.reviews__avg-stars {
    display: inline-flex;
    gap: 2px;
}
.reviews__avg-count {
    font-family: var(--rc);
    font-size: 13px;
    color: var(--text-2);
    margin-top: 4px;
}
/* Гистограмма распределения 5★→1★ — центральная колонка блока */
.reviews__bars {
    flex: 1;
    min-width: 220px;
    display: flex;
    flex-direction: column;
    gap: 6px;
}
.reviews__bar-row {
    display: flex;
    align-items: center;
    gap: 10px;
    font-family: var(--rc);
    font-size: 14px;
    font-variant-numeric: tabular-nums;
}
.reviews__bar-n {
    width: 20px;
    color: var(--text-2);
}
.reviews__bar-track {
    flex: 1;
    height: 6px;
    background: var(--line);
    border-radius: 3px;
    overflow: hidden;
}
.reviews__bar-fill {
    display: block;
    height: 100%;
    background: var(--orange);
    transition: width .3s ease;
}
.reviews__bar-pct {
    width: 40px;
    text-align: right;
    color: var(--text-2);
}
/* Пустое состояние «У этого товара пока нет отзывов» */
.reviews-empty {
    text-align: center;
    padding: 32px 24px;
    background: var(--bg-soft);
    border-radius: var(--g-radius-card, .625rem);
}
.reviews-empty__title {
    font-family: var(--rc);
    font-weight: 500;
    font-size: 19px;
    color: var(--text);
    margin-bottom: 8px;
}
.reviews-empty__sub {
    font-family: var(--rc);
    font-size: 15px;
    color: var(--text-2);
    margin-bottom: 24px;
    line-height: 1.5;
    text-wrap: pretty;
}
.reviews__leave {
    height: 48px;
    padding: 0 24px;
    /* Было 24px (пилюля) — кнопка по новой шкале, 6px. */
    border-radius: var(--bs-border-radius, .375rem);
    background: var(--bs-primary);
    color: #fff;
    border: 0;
    font-family: var(--rc);
    font-weight: 500;
    font-size: 15px;
    cursor: pointer;
    transition: background .15s, transform .12s;
    flex-shrink: 0;
}
.reviews__leave:hover { background: var(--bs-link-hover-color); }
.reviews__leave:active { transform: scale(0.96); }
@media (max-width: 700px) {
    .reviews__head { padding: 18px; gap: 18px; flex-direction: column; align-items: stretch; }
    .reviews__avg-value { font-size: 44px; }
    .reviews__leave { width: 100%; }
}
.reviews__list {
    display: flex;
    flex-direction: column;
    gap: 20px;
}
.review {
    padding: 16px 0;
    border-bottom: 1px solid var(--line-2);
}
.review:last-child { border-bottom: 0; }
.review__head {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 8px;
}
.review__avatar {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: var(--bg-soft-2, #F5F5F5);
    color: var(--text);
    font-family: var(--rc);
    font-weight: 500;
    font-size: 15px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}
.review__meta {
    display: flex;
    flex-direction: column;
    gap: 2px;
    min-width: 0;
    flex: 1;
}
.review__author {
    font-family: var(--rc);
    font-weight: 500;
    font-size: 15px;
    color: var(--text);
}
.review__date {
    font-family: var(--rc);
    font-size: 13px;
    color: var(--text-2);
}
.review__rating {
    display: inline-flex;
    gap: 1px;
    margin-bottom: 8px;
}
.review__text {
    font-family: var(--rc);
    font-size: 15px;
    line-height: 1.5;
    color: var(--text);
    margin: 0;
    text-wrap: pretty;
}

/* --- Mobile карточки товара --- */
@media (max-width: 900px) {
    .gallery, .buy-box { position: static; }
    .pinfo h1 { font-size: 24px; }
    .key-specs { gap: 12px; }
    .key-spec { padding: 14px 18px; }
    .key-spec__v { font-size: 17px; }
    .buy-box { padding: 18px; border-radius: var(--g-radius-card, .625rem); }
    .price-your { font-size: 36px; }
    .spec-row {
        grid-template-columns: minmax(0, 1fr) auto;
        gap: 12px;
        padding: 8px 0;
        font-size: 14px;
    }
    .spec-row .v { text-align: right; }
    /* padding 0 4 + .p-tab по 12px → текст первой вкладки на ~16px (в линию
       с контентом), подчёркивание с горизонтальным воздухом. */
    /* Bootstrap .nav даёт flex-wrap:wrap → «Отзывы» падали на 2-ю строку.
       Держим вкладки в одну строку, при нехватке ширины — горизонтальный
       скролл (как .subcats), скроллбар скрыт. */
    .p-tabs {
        gap: 8px; margin-top: 28px; padding: 0 4px;
        flex-wrap: nowrap; overflow-x: auto;
        scrollbar-width: none; -webkit-overflow-scrolling: touch;
        /* Scroll-контейнер клипает свес вкладки (margin-bottom:-1px), которым
           её белый нижний бордер на десктопе перекрывает border-bottom ряда —
           линия оставалась видна ПОД активной вкладкой. Поэтому на мобиле
           линия — inset-тень ВНУТРИ padding-box: белый фон активной вкладки
           (Bootstrap .nav-link.active) её перекрывает, у прозрачных соседних
           она просвечивает; при скролле тень остаётся на всю видимую ширину. */
        border-bottom: 0;
        box-shadow: inset 0 -1px 0 var(--line);
    }
    .p-tabs::-webkit-scrollbar { display: none; }
    .p-tab { font-size: 16px; padding: 12px 12px; flex: 0 0 auto; white-space: nowrap; }
    /* padding-left/right 16px = mobile-стандарт (как .delivery-pay/.breadcrumbs).
       Раньше было `20px 0` — содержимое вкладки прижималось к самому краю.
       Внутри .pdp-tabs горизонтальный padding обнулён (.pdp-tabs .p-section
       выше, спец. 0-2-0), а боковой gutter даёт .pdp-layout (0 16px) → контент
       вкладок так же стоит на 16px от края. */
    .p-section { padding: 20px 16px; }
    /* Горизонтальный gutter карточки на мобиле — на .pdp-layout (см. выше).
       .product-hero своего padding не имеет. */
}

/* ===== Subcats — лента чипов категорий =====
 * Под breadcrumbs/h1 на странице раздела: горизонтальная лента со
 * всеми разделами первого уровня. Текущий — .active с тёмным фоном,
 * остальные — ссылки. На mobile — горизонтальный скролл. */
.subcats-host {
    padding: 0 32px;
    margin-top: 20px;
}
.subcats {
    display: flex;
    gap: 12px;
    flex-wrap: wrap;
}
.subcat-chip {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    height: 40px;
    padding: 0 16px;
    /* Было 20px (пилюля) — чип по новой шкале, --bs-border-radius-lg (8px). */
    border-radius: var(--bs-border-radius-lg, .5rem);
    background: var(--bg-soft);
    color: var(--text);
    font-family: var(--rc);
    font-size: 16px;
    text-decoration: none;
    /* Было `transition: all` — конкретные свойства, без анимации layout-смен. */
    transition: background-color .15s, border-color .15s, color .15s, transform .12s;
    border: 1px solid transparent;
    cursor: pointer;
}
.subcat-chip:hover { border-color: var(--line); }
.subcat-chip:active { transform: scale(0.96); }
.subcat-chip.active {
    background: var(--text);
    color: #fff;
}
.subcat-chip .n {
    color: var(--text-3);
    font-size: 14px;
    font-variant-numeric: tabular-nums;
}
.subcat-chip.active .n { color: rgba(255,255,255,.5); }
@media (max-width: 767px) {
    .subcats-host { padding: 0 16px; margin-top: 12px; position: relative; }
    .subcats {
        flex-wrap: nowrap;
        overflow-x: auto;
        gap: 8px;
        margin: 4px -16px 0;
        padding: 0 16px;
        scrollbar-width: none;
    }
    .subcats::-webkit-scrollbar { display: none; }
    /* Fade по краям ленты чипов: overlay появляется той стороной, в которую
       ещё можно прокрутить (классы can-scroll-left/right навешивает catalog.js
       по scrollLeft). Позиционируется у краёв экрана (subcats выходит за host
       margin -16 до края viewport). */
    .subcats-host::before,
    .subcats-host::after {
        content: ""; position: absolute; top: 0; bottom: 0; width: 28px;
        pointer-events: none; z-index: 2; opacity: 0; transition: opacity .18s ease;
    }
    .subcats-host::before { left: 0;  background: linear-gradient(90deg, var(--bg, #fff), rgba(255, 255, 255, 0)); }
    .subcats-host::after  { right: 0; background: linear-gradient(270deg, var(--bg, #fff), rgba(255, 255, 255, 0)); }
    .subcats-host.can-scroll-left::before  { opacity: 1; }
    .subcats-host.can-scroll-right::after  { opacity: 1; }
    .subcat-chip {
        flex: 0 0 auto;
        height: 36px;
        padding: 0 14px;
        font-size: 14px;
    }
}

/* ===== Страница поиска /search/ ===== */
.search-page {
    padding: 0 32px;
    margin-top: 20px;
}
.search-page__hint {
    padding: 32px 24px;
    background: var(--bg-soft);
    border-radius: var(--g-radius-card, .625rem);
    font-family: var(--rc);
    font-size: 16px;
    color: var(--text);
    line-height: 1.5;
    text-align: center;
    text-wrap: pretty;
}
.search-page__hint--error { color: var(--bs-danger); }
.search-page__brand-link {
    color: var(--bs-primary);
    font-weight: 500;
    text-decoration: underline;
    text-underline-offset: 2px;
}
.search-page__brand-link:hover { text-decoration: none; }
/* AI-исправление опечаток: плашка «Показаны результаты для …» */
.search-correct {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 14px 18px;
    margin-bottom: 18px;
    background: var(--bg-soft);
    border: 1px solid var(--line);
    border-radius: var(--g-radius-card, .625rem);
    font-family: var(--rc);
    font-size: 15px;
    color: var(--text-2);
    line-height: 1.45;
}
.search-correct__ico { flex: none; color: var(--bs-danger); }
.search-correct__text b { color: var(--text); font-weight: 600; }
.search-correct__orig {
    color: var(--bs-danger);
    font-weight: 500;
    text-decoration: underline;
    text-underline-offset: 2px;
}
.search-correct__orig:hover { text-decoration: none; }
.search-page__count {
    font-family: var(--rc);
    font-size: 16px;
    color: var(--text-2);
    margin: 0 0 20px;
}
.search-page__count b { color: var(--text); font-weight: 500; font-variant-numeric: tabular-nums; }
.search-page .prod-grid {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 20px;
}
@media (max-width: 1100px) {
    .search-page .prod-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (max-width: 900px) {
    .search-page .prod-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .search-page { padding: 0 16px; }
}

/* ===== SEO-блок раздела (.seo-block) =====
 * Выводится в нижней части страницы /catalog/<section>/ — текст из
 * DESCRIPTION раздела. */
.seo-block {
    margin: 40px 0 48px;
    padding: 0 32px;
    font-family: var(--rc);
    color: var(--text);
}
.seo-block h2 {
    font-family: var(--rc);
    font-weight: 500;
    font-size: 25px;
    letter-spacing: -0.02em;
    margin: 0 0 12px;
    color: var(--text);
}
.seo-block p {
    font-size: 16px;
    line-height: 1.5;
    max-width: 900px;
    margin: 0 0 8px;
}
@media (max-width: 767px) {
    .seo-block { margin-top: 28px; }
    .seo-block h2 { font-size: 21px; }
    .seo-block p { font-size: 15px; }
}

/* ----- Bottom-sheet каталога: hidden-by-default обвязка -----
   Все эти элементы — мобильные. На десктопе .cat-mobile-bar / handle / head
   скрыты, .aside-sort не показывается (сортировка в верхнем тулбаре). */
.cat-mobile-bar,
.cat-sheet-handle,
.cat-sheet-head,
.aside-sort {
    display: none;
}

/* Scrim под bottom-sheet — тоже только на mobile */
.cat-sheet-scrim {
    display: none;
}

/* ----- Mobile (≤ 767px): фильтр в bottom-sheet ----- */
@media (max-width: 767px) {
    .catalog-layout {
        grid-template-columns: 1fr;
        gap: 16px;
        padding: 0 16px;
    }
    /* Bar с триггером + переключателем вида. Triger flex:1; mview справа.
       Дополнительный top-margin для воздуха над товарами. */
    .cat-mobile-bar {
        display: flex;
        gap: 8px;
        align-items: stretch;
        margin: 16px 16px 14px;
    }
    .cat-mfilter-trigger {
        flex: 1;
        min-width: 0;
        height: 44px;
        padding: 0 16px;
        /* Было 22px (пилюля) — тулбар-чип по новой шкале, 8px. */
        border-radius: var(--bs-border-radius-lg, .5rem);
        background: var(--bg-soft, #fafafa);
        border: 1px solid transparent;
        font-family: var(--rc);
        font-weight: 500;
        font-size: 15px;
        color: var(--text);
        letter-spacing: -0.01em;
        display: inline-flex;
        align-items: center;
        justify-content: space-between;
        gap: 8px;
        cursor: pointer;
        transition: background .15s, border-color .15s;
    }
    .cat-mfilter-trigger:active { background: var(--line); }
    .cat-mfilter-trigger.has-applied {
        border-color: var(--text);
        background: #fff;
    }
    .cat-mfilter-trigger__label { flex: 1; text-align: left; }
    .cat-mfilter-trigger__count {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        min-width: 22px;
        height: 22px;
        padding: 0 6px;
        border-radius: 11px;
        background: var(--bs-primary);
        color: #fff;
        font-size: 12px;
        font-weight: 500;
        line-height: 1;
    }
    .cat-mfilter-trigger__count[hidden] { display: none; }
    .cat-mfilter-trigger__chev {
        width: 12px; height: 12px;
        color: var(--text-2);
        flex-shrink: 0;
    }

    /* Мобильный переключатель вида — пилюля справа от триггера. */
    .cat-mview-toggle {
        flex: 0 0 auto;
        display: inline-flex;
        align-items: center;
        background: var(--bg-soft);
        /* Было 22px (пилюля) — капсула тулбара по новой шкале, 8px. */
        border-radius: var(--bs-border-radius-lg, .5rem);
        padding: 4px;
        gap: 2px;
    }
    .cat-mview-toggle button {
        width: 36px;
        height: 36px;
        border: 0;
        /* Было 50% (круг) — вложенная кнопка капсулы по шкале (4px,
           концентрично контейнеру 8px − паддинг 4px). */
        border-radius: var(--bs-border-radius-sm, .25rem);
        background: transparent;
        color: var(--text-2);
        display: inline-flex;
        align-items: center;
        justify-content: center;
        cursor: pointer;
        transition: background .15s, color .15s;
    }
    .cat-mview-toggle button.active {
        background: #fff;
        color: var(--bs-primary);
        box-shadow: 0 1px 2px rgba(0,0,0,.06);
    }
    .cat-mview-toggle button svg { width: 16px; height: 16px; }

    /* subcats / seo-block — выравнивание по 16px */
    .subcats-host { padding: 0 16px; }
    .seo-block { padding: 0 16px; }

    /* Десктопный toolbar (sort + view-toggle) скрыт — всё в .cat-mobile-bar
       и в bottom-sheet. */
    .catalog-toolbar { display: none; }

    /* Aside становится fixed bottom-sheet, скрытым по умолчанию */
    .catalog-filter-aside {
        position: fixed;
        left: 0;
        right: 0;
        bottom: 0;
        top: auto;
        z-index: 96;
        max-height: 92vh;
        background: #fff;
        border-radius: var(--g-radius-card, .625rem) var(--g-radius-card, .625rem) 0 0;
        padding: 0;
        box-shadow: 0 -20px 60px rgba(0,0,0,0.25);
        transform: translateY(100%);
        transition: transform .25s cubic-bezier(.2,.7,.3,1);
        display: flex;
        flex-direction: column;
    }
    body.mfilter-open .catalog-filter-aside { transform: translateY(0); }

    /* Drag-handle (визуальная плашка сверху) */
    .cat-sheet-handle {
        display: flex;
        justify-content: center;
        padding: 8px 0 4px;
        flex-shrink: 0;
    }
    .cat-sheet-handle::before {
        content: '';
        width: 36px;
        height: 4px;
        border-radius: 2px;
        background: var(--line);
    }

    /* Head: «Фильтр и сортировка» + кнопка закрыть */
    .cat-sheet-head {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 6px 16px 12px;
        border-bottom: 1px solid var(--line);
        flex-shrink: 0;
    }
    .cat-sheet-head h3 {
        margin: 0;
        font-family: var(--rc);
        font-weight: 500;
        font-size: 19px;
        color: var(--text);
        letter-spacing: -0.01em;
    }
    .cat-sheet-close {
        /* Скруглённый квадрат по новой шкале (было круг 50%). */
        width: 36px; height: 36px; border-radius: var(--bs-border-radius-lg, .5rem);
        background: var(--bg-soft);
        color: var(--text);
        display: inline-flex; align-items: center; justify-content: center;
        cursor: pointer; flex-shrink: 0; border: 0;
        transition: background .15s, color .15s;
    }
    .cat-sheet-close:hover { background: var(--line); color: var(--bs-primary); }

    /* Body: scrollable */
    .cat-sheet-body {
        flex: 1;
        overflow-y: auto;
        padding: 16px;
        -webkit-overflow-scrolling: touch;
    }

    /* Блок сортировки в bottom-sheet — radio-list */
    .aside-sort {
        display: flex;
        flex-direction: column;
        gap: 2px;
        padding-bottom: 16px;
        margin-bottom: 16px;
        border-bottom: 1px solid var(--line-2);
    }
    .aside-sort__title {
        font-family: var(--rc);
        font-weight: 500;
        font-size: 17px;
        color: var(--text);
        letter-spacing: -0.01em;
        margin: 0 0 8px;
    }
    .aside-sort__opt {
        display: flex;
        align-items: center;
        gap: 12px;
        padding: 12px 14px;
        border-radius: var(--bs-border-radius, .375rem);
        font-family: var(--rc);
        font-size: 16px;
        color: var(--text);
        text-decoration: none;
        transition: background .15s, color .15s;
    }
    .aside-sort__opt:active { background: var(--bg-soft); }
    .aside-sort__opt.is-active { color: var(--bs-primary); }
    .aside-sort__dot {
        width: 18px; height: 18px;
        border-radius: 50%;
        border: 1.5px solid var(--line);
        background: #fff;
        flex-shrink: 0;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        transition: border-color .15s;
    }
    .aside-sort__opt.is-active .aside-sort__dot { border-color: var(--bs-primary); }
    .aside-sort__opt.is-active .aside-sort__dot::after {
        content: '';
        width: 10px; height: 10px;
        border-radius: 50%;
        background: var(--bs-primary);
    }

    /* Scrim */
    .cat-sheet-scrim {
        display: block;
        position: fixed;
        inset: 0;
        background: rgba(32,30,30,0.55);
        backdrop-filter: blur(2px);
        z-index: 95;
        opacity: 0;
        pointer-events: none;
        transition: opacity .25s ease;
    }
    body.mfilter-open .cat-sheet-scrim {
        opacity: 1;
        pointer-events: auto;
    }
    /* Блокируем скролл body при открытом sheet */
    body.mfilter-open { overflow: hidden; }

    .catalog-toolbar .sort { flex-wrap: wrap; }
    .catalog-toolbar .view-toggle { margin-left: 0; }
}

/* =================================================================
   Toast-уведомления (.gr-toast)
   ================================================================= */
.gr-toast {
    position: fixed;
    bottom: 24px;
    left: 50%;
    transform: translateX(-50%) translateY(16px);
    background: var(--text, #1e1e1e);
    color: #fff;
    font-family: var(--rc, system-ui, sans-serif);
    font-size: 15px;
    font-weight: 500;
    padding: 12px 22px;
    /* Было 28px (пилюля) — тост-попап по шкале, --bs-border-radius-lg (8px). */
    border-radius: var(--bs-border-radius-lg, .5rem);
    box-shadow: 0 8px 24px rgba(0,0,0,0.18);
    z-index: 200;
    pointer-events: none;
    opacity: 0;
    /* базовое правило = переход ВЫХОДА: короче входа (.show ниже) */
    transition: opacity .16s ease, transform .16s ease;
    white-space: nowrap;
}
.gr-toast.show {
    opacity: 1;
    transform: translateX(-50%) translateY(0);
    transition: opacity .22s ease, transform .22s ease;
}
.gr-toast--err {
    background: var(--red, #E53324);
}

/* Легаси-блок корзины (.cart-wrap/.cart-table/.cart-thead/... старой страницы)
   УДАЛЁН 2026-07-08: страницу целиком стилизует cart-page.css, а этот дубль
   грузился ПОЗЖЕ (template-агрегат после page-агрегата) и перебивал его
   (radius 20px, серый thead). Пикер корзин .cart-picker/.cart-opt — выше,
   он живой (карточка товара). */

/* =================================================================
   Сравнение товаров (.cmp-*)
   ================================================================= */
/* Ширина колонок таблицы сравнения — через CSS-переменные, чтобы десктоп
   и мобила различались. Десктоп шире (товарные ~+1/3); мобила узкая, чтобы
   sticky-колонка свойств не съедала экран. Инлайн grid-template-columns в
   шаблоне и JS-логика collapse/nav читают эти же переменные. */
.cmp-wrap { padding: 0 32px; margin-top: 8px; --cmp-cw: 160px; --cmp-lw: 180px; }
@media (min-width: 768px) { .cmp-wrap { --cmp-cw: 213px; --cmp-lw: 240px; } }

.cmp-topbar {
    display: flex; align-items: center; gap: 16px;
    margin-top: 28px; margin-bottom: 24px;
}
/* Чекбокс «Только отличия» в шапке сравнения. Управляется .js-cmp-diff-only:
   снят — все строки видны, отмечен — JS скрывает строки c одинаковыми значениями. */
.cmp-diff-toggle {
    display: inline-flex; align-items: center; gap: 10px;
    height: 44px; padding: 0 18px; border-radius: var(--bs-border-radius-lg, .5rem);
    background: var(--bg-soft);
    font-family: var(--rc); font-size: 15px; letter-spacing: -0.01em;
    color: var(--text); cursor: pointer; user-select: none;
    white-space: nowrap; flex-shrink: 0;   /* лейбл «Только отличия» не разбиваем на 2 строки */
    transition: background .15s;
}
.cmp-diff-toggle:hover { background: var(--line); }
.cmp-diff-toggle input { position: absolute; opacity: 0; pointer-events: none; }
.cmp-diff-toggle__box {
    width: 20px; height: 20px; border-radius: 6px;
    border: 1.5px solid var(--line-2); background: #fff;
    display: inline-flex; align-items: center; justify-content: center;
    transition: background .15s, border-color .15s, color .15s;
    flex-shrink: 0;
}
.cmp-diff-toggle__box svg { width: 14px; height: 14px; color: #fff; opacity: 0; transition: opacity .15s; }
.cmp-diff-toggle input:checked + .cmp-diff-toggle__box {
    background: var(--bs-primary); border-color: var(--bs-primary);
}
.cmp-diff-toggle input:checked + .cmp-diff-toggle__box svg { opacity: 1; }
.cmp-diff-toggle input:focus-visible + .cmp-diff-toggle__box {
    outline: 2px solid var(--bs-primary); outline-offset: 2px;
}
.cmp-diff-toggle__count {
    font-family: var(--rc); font-size: 13px; color: var(--text-3);
    padding: 2px 7px; border-radius: 999px; background: rgba(0,0,0,.05);
    font-variant-numeric: tabular-nums;
}
.cmp-meta {
    font-family: var(--rc); font-size: 15px; color: var(--text-2);
    margin-left: auto; margin-right: 4px;
    display: inline-flex; align-items: center; gap: 14px;
}
.cmp-meta b { color: var(--text); font-weight: 500; font-variant-numeric: tabular-nums; }
.cmp-clear {
    height: 44px; padding: 0 18px; border-radius: var(--bs-border-radius, .375rem);
    background: transparent; border: 1px solid var(--line);
    font-family: var(--rc); font-size: 15px; color: var(--text);
    display: inline-flex; align-items: center; gap: 8px;
    transition: border-color .15s, color .15s, transform .1s; cursor: pointer; flex-shrink: 0; margin-left: auto;
}
.cmp-clear:hover { border-color: var(--bs-danger); color: var(--bs-danger); }
.cmp-clear:active { transform: scale(0.96); }
.cmp-clear .x { width: 14px; height: 14px; }

.cmp-frame-outer {
    position: relative; margin-bottom: 40px;
}
.cmp-frame {
    border: 1px solid var(--line); border-radius: var(--g-radius-card, .625rem);
    background: #fff; overflow: hidden;
}
.cmp-nav-btn {
    position: absolute; z-index: 5;
    /* Было 50% (кружок) — по новой шкале скруглений, как остальные кнопки сравнения (6px). */
    width: 40px; height: 40px; border-radius: var(--bs-border-radius, .375rem);
    background: #fff; border: 1px solid var(--line);
    box-shadow: 0 2px 8px rgba(0,0,0,.12);
    cursor: pointer; color: var(--text-2);
    display: flex; align-items: center; justify-content: center;
    transition: opacity .15s, color .15s, border-color .15s, transform .1s;
    transform: translateY(-50%);
}
.cmp-nav-btn:hover { border-color: var(--bs-primary); color: var(--bs-primary); }
.cmp-nav-btn:active { transform: translateY(-50%) scale(0.96); }
.cmp-nav-btn.is-hidden { opacity: 0; pointer-events: none; }
.js-cmp-prev { left: -20px; }
.js-cmp-next { right: -20px; }
.cmp-toggle-labels {
    height: 40px; width: 40px; border-radius: var(--bs-border-radius, .375rem); flex-shrink: 0;
    background: transparent; border: 1px solid var(--line);
    cursor: pointer; color: var(--text-2);
    display: inline-flex; align-items: center; justify-content: center;
    transition: background .15s, border-color .15s, color .15s, transform .1s;
}
.cmp-toggle-labels:hover { border-color: var(--text-2); color: var(--text); }
.cmp-toggle-labels:active { transform: scale(0.96); }
.cmp-toggle-labels[aria-pressed="true"] { background: var(--bg-soft); color: var(--text); }
/* Свёрнутое состояние: скрываем содержимое ячеек, но элемент остаётся в grid (иначе display:none сдвигает соседние ячейки) */
.cmp-labels-hidden .cmp-label { visibility: hidden; overflow: hidden; }
.cmp-labels-hidden .cmp-head-label .cmp-title,
.cmp-labels-hidden .cmp-head-label .cmp-hint { display: none; }
/* Кнопка сворачивания */
.cmp-label-collapse {
    position: absolute; top: 8px; left: 8px;
    /* Было 50% (круглый hover-фон) — по новой шкале скруглений, как остальные кнопки. */
    width: 28px; height: 28px; border-radius: var(--bs-border-radius, .375rem);
    background: transparent; border: none; padding: 0; z-index: 1;
    cursor: pointer; color: var(--text-2);
    display: flex; align-items: center; justify-content: center;
    transition: background .15s, color .15s;
}
/* Hit-area ≥40×40 у визуально-компактной кнопки (28px). */
.cmp-label-collapse::after { content: ""; position: absolute; inset: -6px; }
.cmp-label-collapse:hover { background: rgba(0,0,0,0.08); color: var(--text); }
.cmp-label-collapse svg { transition: transform .25s; }
.cmp-labels-hidden .cmp-label-collapse svg { transform: rotate(180deg); }
.cmp-scroll {
    overflow-x: auto; overflow-y: visible;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;          /* родной scrollbar скрыт — горизонтальный живёт в .cmp-pin-bar */
}
.cmp-scroll::-webkit-scrollbar { display: none; }

.cmp-table { display: grid; min-width: 100%; }
.cmp-row {
    display: grid; align-items: stretch;
    border-top: 1px solid var(--line-2);
}
.cmp-row:first-child { border-top: none; }
.cmp-row > * {
    padding: 16px 20px;
    font-family: var(--rc); font-size: 15px; color: var(--text);
    border-left: 1px solid var(--line-2); min-width: 0;
}
.cmp-row > *:first-child { border-left: none; }
.cmp-row.head { background: var(--bg-soft); }

/* ===== Pin: плавающая шапка сравнения =====
   Клон .cmp-row.head, который выезжает сверху когда оригинал ушёл за
   site-header. JS обновляет top (учёт мобильного sticky .m-header), left/width
   по rect фрейма и translateX по горизонтальному scroll. */
.cmp-pin {
    position: fixed; top: 0; left: 0; width: 100%;
    z-index: 40;                /* под мобильной шапкой (sticky), над контентом */
    pointer-events: none;       /* события идёт только в .cmp-pin-clip */
    opacity: 0; transform: translateY(-8px);
    transition: opacity .18s ease, transform .18s ease;
}
.cmp-pin.on { opacity: 1; transform: translateY(0); pointer-events: auto; }
.cmp-pin-clip {
    position: absolute; overflow: hidden; background: #fff;
    border-left: 1px solid var(--line); border-right: 1px solid var(--line);
    border-bottom: 1px solid var(--line);
    border-bottom-left-radius: var(--g-radius-card, .625rem); border-bottom-right-radius: var(--g-radius-card, .625rem);
    box-shadow: 0 10px 24px -12px rgba(0,0,0,.18);
}
.cmp-pin-track { will-change: transform; }
.cmp-pin-sticky {
    /* pointer-events наследуется от родителя .cmp-pin (= none пока не .on).
       Без этого pin-sticky ловил клики даже когда сам .cmp-pin невидим,
       блокируя тапы по логотипу/иконкам мобильной шапки. */
    position: absolute; top: 0; bottom: 0; left: 0; z-index: 2;
    background: var(--bg-soft);
    border-right: 1px solid var(--line);
    box-shadow: 8px 0 12px -10px rgba(0,0,0,.14);
}
.cmp-pin.on .cmp-pin-sticky { pointer-events: auto; }
.cmp-pin-sticky .cmp-row.head { height: 100%; }
.cmp-pin-sticky .cmp-head-label {
    height: 100%; box-shadow: none; border-right: none;
    position: static;
}
/* В pin-копии — компактнее: убираем фото, рейтинг, артикул, padding меньше. */
.cmp-pin .cmp-row.head > * { padding: 0; border-left: 1px solid var(--line-2); }
.cmp-pin .cmp-row.head > *:first-child { border-left: none; }
.cmp-pin .cmp-head-cell { padding: 12px 16px 14px; gap: 8px; }
.cmp-pin .cmp-head-cell .cmp-img { display: none; }
.cmp-pin .cmp-head-cell .cmp-name {
    -webkit-line-clamp: 1; min-height: 0; font-size: 14px;
    overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}
.cmp-pin .cmp-head-label { padding: 14px 20px; gap: 4px; }
.cmp-pin .cmp-head-label .cmp-title { font-size: 17px; }
.cmp-pin .cmp-head-label .cmp-hint { font-size: 13px; color: var(--text-2); }
.cmp-pin .cmp-price-row { margin-top: 0; }
.cmp-pin .cmp-price { font-size: 17px; }
.cmp-pin .cmp-price-old { font-size: 13px; }
.cmp-pin .cmp-actions { margin-top: 0; gap: 6px; }
.cmp-pin .cmp-actions .cmp-btn-buy { height: 34px; font-size: 13px; padding: 0 12px; }
.cmp-pin .cmp-btn-remove { top: 6px; right: 6px; width: 24px; height: 24px; }

/* Горизонтальный scrollbar — внизу pin-полосы, всегда видимый. */
.cmp-pin-bar {
    overflow-x: auto; overflow-y: hidden;
    scrollbar-gutter: stable;
    background: var(--bg-soft);
    border-top: 1px solid var(--line-2);
    height: 14px;
}
.cmp-pin-bar::-webkit-scrollbar { height: 10px; }
.cmp-pin-bar::-webkit-scrollbar-thumb {
    background: var(--text-3); border-radius: 5px;
    border: 2px solid var(--bg-soft);
}
.cmp-pin-bar::-webkit-scrollbar-thumb:hover { background: var(--text-2); }
.cmp-pin-bar::-webkit-scrollbar-track { background: transparent; }
.cmp-pin-bar > div { height: 1px; }
@supports (scrollbar-width: thin) {
    .cmp-pin-bar { scrollbar-width: thin; scrollbar-color: var(--text-3) transparent; }
}

/* Sticky label column */
.cmp-label {
    position: sticky; left: 0; z-index: 2;
    background: #fff; font-size: 15px;
    color: var(--text-2); border-right: 1px solid var(--line-2); font-weight: 500;
}
.cmp-row.head .cmp-head-label {
    position: sticky; left: 0; z-index: 2;
    background: var(--bg-soft); display: flex; flex-direction: column; gap: 4px;
    justify-content: flex-end; padding-bottom: 16px;
    border-right: 1px solid var(--line-2);
}
/* При прокрутке sticky-колонка «плавает» над уезжающим контентом — обозначаем
   это лёгкой тенью у правого края (плюс сплошной фон #fff/--bg-soft и border-right).
   ⚠ Раньше здесь был mask-image-фейд — он НЕ подходит для sticky-колонки: маска
   делает ФОН ячейки прозрачным, и прокручиваемый товар (фото/цена/кнопка) просвечивал
   сквозь ярлыки свойств (баг «нет фона»). Тень даёт ту же подсказку «есть прокрутка»
   без дырки в фоне и без потери разделительной линии. */
.cmp-wrap.cmp-has-scroll .cmp-label,
.cmp-wrap.cmp-has-scroll .cmp-row.head .cmp-head-label {
    box-shadow: 6px 0 8px -6px rgba(0, 0, 0, .12);
}
.cmp-title {
    font-family: var(--rc); font-weight: 500; font-size: 20px;
    letter-spacing: -0.01em; color: var(--text);
}
.cmp-hint { font-family: var(--rc); font-size: 14px; color: var(--text-3); }

/* Product head cell */
.cmp-head-cell {
    display: flex; flex-direction: column; gap: 8px; padding: 16px 16px 20px;
    position: relative;
}
.cmp-img {
    aspect-ratio: 1; border-radius: var(--bs-border-radius, .375rem); overflow: hidden;
    background: #fff; border: 1px solid rgba(0,0,0,.06); position: relative;
    margin-bottom: 4px;
}
.cmp-img a { display: block; width: 100%; height: 100%; }
.cmp-img img { width: 100%; height: 100%; object-fit: contain; padding: 8%; }
.cmp-name {
    font-family: var(--rc); font-weight: 500; font-size: 14px; color: var(--text);
    text-decoration: none; line-height: 1.3;
    display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden;
}
.cmp-name:hover { color: var(--bs-primary); }
.cmp-price-row { display: flex; align-items: baseline; gap: 6px; flex-wrap: wrap; margin-top: 4px; }
.cmp-price {
    font-family: var(--rc); font-weight: 700; font-size: 18px;
    letter-spacing: -0.02em; color: var(--text); line-height: 1;
    font-variant-numeric: tabular-nums;
}
.cmp-price.has-old { color: var(--bs-danger); }
.cmp-price-old {
    font-size: 13px; color: var(--text-3); text-decoration: line-through;
    font-variant-numeric: tabular-nums;
}
.cmp-actions { display: flex; gap: 6px; margin-top: 8px; flex-wrap: wrap; }
.cmp-head-cell .cmp-actions { margin-top: auto; }
.cmp-btn-buy {
    flex: 1; height: 38px;
    /* Было 19px (пилюля) — кнопка по новой шкале, 6px. */
    border-radius: var(--bs-border-radius, .375rem);
    background: var(--bs-primary); color: #fff; border: none; cursor: pointer;
    font-family: var(--rc); font-weight: 500; font-size: 14px;
    transition: background .15s, transform .1s;
}
.cmp-btn-buy:hover { background: var(--bs-link-hover-color); }
.cmp-btn-buy:active { transform: scale(0.96); }
.cmp-btn-remove {
    position: absolute; top: 8px; right: 8px; z-index: 1;
    /* Было 50% (круг) — по новой шкале скруглений, как у кнопок (6px). */
    width: 28px; height: 28px; border-radius: var(--bs-border-radius, .375rem);
    background: rgba(0,0,0,0.06); border: none;
    color: var(--text-2); cursor: pointer;
    display: flex; align-items: center; justify-content: center;
    transition: background .15s, color .15s, transform .1s;
}
.cmp-btn-remove::after { content: ""; position: absolute; inset: -6px; }
.cmp-btn-remove:hover { background: var(--bs-danger-bg-subtle, rgba(220,38,38,0.12)); color: var(--bs-danger); }
.cmp-btn-remove:active { transform: scale(0.96); }

.cmp-val--empty { color: var(--text-3); }
.cmp-row.is-diff .cmp-val:not(.cmp-label) {
    background: rgba(79,70,229,0.05);
}

/* Empty / stub states.
   Пустое сравнение (0 товаров) использует общий компонент .cart-empty
   (иконка-в-круге + h3 + p), как пустое избранное — см. personal/compare
   template.php. Ниже — только стаб «добавьте ещё один товар» (1 позиция). */
.cmp-stub {
    padding: 32px;
    display: flex; flex-direction: column; align-items: flex-start; gap: 16px;
}
.cmp-stub .card-preview {
    display: flex; align-items: center; gap: 14px;
    background: var(--bg-soft); border-radius: var(--g-radius-card, .625rem); padding: 12px 16px;
}
.cmp-stub .ph { width: 48px; height: 48px; border-radius: var(--bs-border-radius, .375rem); overflow: hidden; }
.cmp-stub .ph img { width: 100%; height: 100%; object-fit: contain; }
.cmp-stub .nm { font-family: var(--rc); font-size: 15px; font-weight: 500; color: var(--text); }
.stub-actions { display: flex; gap: 12px; flex-wrap: wrap; }

@media (max-width: 767px) {
    .cmp-wrap { padding: 0 16px; }
    /* Переносим «Очистить» на 2-ю строку, если не влезает рядом с «Только отличия»
       (иначе flex-shrink:0 у обеих кнопок распирал бы строку → горизонтальный
       скролл всей страницы на узких экранах). margin-left:auto держит «Очистить»
       у правого края — и в одну строку, и в перенос. */
    .cmp-topbar { margin-top: 16px; margin-bottom: 16px; flex-wrap: wrap; gap: 12px; }
    /* Nav-кнопки на мобиле — внутри фрейма (padding 16px не хватит для выноса наружу) */
    .cmp-nav-btn { width: 34px; height: 34px; }
    .js-cmp-prev { left: 6px; transform: translateY(-50%); }
    .js-cmp-next { right: 6px; transform: translateY(-50%); }

    /* Кнопка удаления на мобиле — 38px (палец-friendly), независимо от
       десктопа (там 28px); иконка 18px форсится поверх инлайна. */
    .cmp-btn-remove { width: 38px; height: 38px; top: 6px; right: 6px; }
    .cmp-btn-remove svg { width: 18px !important; height: 18px !important; }

    /* Pin на мобиле — компактнее (актив-кнопки не помещаются — скрываем) */
    .cmp-pin .cmp-head-cell { padding: 8px 10px; gap: 6px; }
    .cmp-pin .cmp-head-label { padding: 10px 12px; gap: 4px; }
    .cmp-pin .cmp-head-label .cmp-title { font-size: 14px; }
    .cmp-pin .cmp-head-label .cmp-hint { font-size: 11px; }
    .cmp-pin .cmp-head-cell .cmp-name { font-size: 12px; }
    .cmp-pin .cmp-price { font-size: 14px; }
    .cmp-pin .cmp-actions { display: none; }
}

/* =================================================================
   Checkout (.checkout-wrap, .checkout-layout)
   ================================================================= */
.checkout-wrap { padding: 0 32px; margin-top: 8px; }
.checkout-layout {
    /* Сайдбар 380px — как в прототипе design/checkout.html (.chk-layout). */
    display: grid; grid-template-columns: minmax(0, 1fr) 380px;
    gap: 32px; align-items: start;
    margin-top: 24px;
}
@media (max-width: 900px) {
    /* minmax(0, 1fr), НЕ голый 1fr: у трека 1fr min-width=auto (min-content), и
       длинная опция `<select name=org_id>` («ООО «Уфимская торговая компания» ·
       ИНН …», min-content ~424px) распирала трек шире экрана → горизонтальный
       скролл. Chromium это маскировал (width:100% зажимал селект), но iOS Safari
       и др. — нет. minmax(0,…) сбрасывает min трека в 0 → трек клампится по экрану
       (+ min-width:0 на .chk-input ниже нейтрализует min-content самого селекта). */
    .checkout-layout { grid-template-columns: minmax(0, 1fr); }
    /* Сводка «Итого по заказу» (с кнопкой «Оформить заказ») — ПОСЛЕДНЕЙ на мобиле
       (естественный DOM-порядок: она последний ребёнок .checkout-layout): сначала
       пользователь просматривает состав и данные, затем итог + кнопка снизу. Раньше
       order:-1 поднимал её наверх — по просьбе клиента убрано (2026-07-07). */
}

/* Секции формы — нумерованные карточки (вид прототипа design/checkout.html).
   Номер рисует CSS-counter: набор секций разный у гостя и B2B, счётчик не
   расходится с разметкой. */
.checkout-form { counter-reset: cosec; }
.co-sec {
    border: 1px solid var(--line-2); border-radius: 10px; background: #fff;
    padding: 22px 24px; margin-bottom: 16px;
}
.co-sec-head { display: flex; align-items: baseline; gap: 10px; margin-bottom: 18px; }
/* Номер секции — просто красивая цифра цвета кнопок (--bs-primary задаёт
   checkout.css), полужирная, с точкой после номера, в размер заголовка секции.
   Без кружка/фона (прежний вид отменён клиентом 2026-07-08). */
.co-sec-num {
    counter-increment: cosec;
    font-family: var(--rc); font-weight: 600; font-size: 21px; line-height: 1;
    letter-spacing: -0.02em; color: var(--bs-primary);
}
.co-sec-num::before { content: counter(cosec) "."; }
.co-sec-title {
    font-family: var(--rc); font-weight: 500; font-size: 21px;
    letter-spacing: -0.02em; color: var(--text); margin: 0;
}
.co-sec .chk-group:last-child { margin-bottom: 0; }

/* Контакты — три поля в ряд (имя / телефон / почта), на мобиле — стопка. */
.co-fields-3 { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; }
.co-fields-3 .chk-group { margin-bottom: 0; }
@media (max-width: 700px) { .co-fields-3 { grid-template-columns: 1fr; } }

.chk-group { display: flex; flex-direction: column; gap: 6px; margin-bottom: 16px; }
.chk-label {
    font-family: var(--rc); font-size: 12px; font-weight: 500; color: var(--text-2);
    text-transform: uppercase; letter-spacing: 0.04em;
}
.chk-label .req { color: var(--bs-danger); margin-left: 2px; }
.chk-input {
    width: 100%; box-sizing: border-box; min-width: 0;
    /* min-width:0 — чтобы `<select>` с длинной опцией не тянул min-content родителя
       (иначе распирал сетку чекаута шире экрана на мобиле, см. .checkout-layout). */
    height: 48px; border: 1px solid var(--line); border-radius: 6px;
    padding: 0 14px; background: #fff; outline: none;
    font-family: var(--rc); font-size: 16px; color: var(--text);
    transition: border-color .15s;
}
/* Город/адрес обёрнуты в .dd-wrap (DaData) — без width:100% input сжимался
   по размеру внутри block-обёртки (был узким). */
.dd-wrap { width: 100%; }
.chk-input:disabled { background: var(--bg-soft); color: var(--text-3); cursor: not-allowed; }
.chk-input:focus { border-color: var(--text); }
.chk-textarea { height: auto; padding: 12px 14px; resize: vertical; min-height: 88px; }

/* Валидация формы оформления: невалидное поле обводится красным и мигает,
   JS прокручивает к первому такому полю (см. coMarkErrors в _form.inc.php).
   Красная рамка держится, пока пользователь не начнёт править поле.
   :focus перебивается — красный важнее чёрной focus-рамки при равной спец-ти. */
.chk-input.chk-input--error,
.chk-input.chk-input--error:focus { border-color: var(--bs-danger); }
.chk-input--error { animation: grFieldFlash .9s ease-out; }
/* Блок согласия (checkbox) — обводим весь блок и краснем текст. */
.chk-agree.chk-field--error { border-radius: 10px; animation: grFieldFlash .9s ease-out; }
.chk-agree.chk-field--error .chk-radio span { color: var(--bs-danger); }
@keyframes grFieldFlash {
    0%   { box-shadow: 0 0 0 0 rgba(229, 51, 36, 0); }
    25%  { box-shadow: 0 0 0 4px rgba(229, 51, 36, .22); }
    50%  { box-shadow: 0 0 0 0 rgba(229, 51, 36, 0); }
    75%  { box-shadow: 0 0 0 4px rgba(229, 51, 36, .22); }
    100% { box-shadow: 0 0 0 0 rgba(229, 51, 36, 0); }
}
@media (prefers-reduced-motion: reduce) {
    .chk-input--error, .chk-agree.chk-field--error { animation: none; }
}
/* Селект — кастомный SVG-шеврон (как .chk-select прототипа): убираем нативную
   стрелку браузера (она отличалась по виду), рисуем тонкий chevron. */
.chk-select {
    -webkit-appearance: none; -moz-appearance: none; appearance: none;
    padding-right: 38px; cursor: pointer;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%239A9A9A' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");
    background-repeat: no-repeat; background-position: right 14px center;
    /* ⚠ WebKit (iOS Safari) НЕ клипует текст выбранной опции по боксу селекта:
       длинная опция («ООО «Уфимская торговая компания» · ИНН …») рендерилась шире
       бокса (323px) и давала горизонтальный скролл ВСЕЙ страницы (~+29px), хотя сам
       бокс селекта в границах. Chromium клипует сам → баг воспроизводился только в
       WebKit. Клипуем текст явно (ellipsis до padding-right под шеврон). */
    overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}

.chk-radio-group { display: flex; flex-direction: column; gap: 12px; margin-bottom: 16px; }
.chk-radio {
    display: flex; align-items: center; gap: 10px; cursor: pointer;
    font-family: var(--rc); font-size: 16px; color: var(--text);
}
.chk-radio input { accent-color: var(--bs-primary); width: 18px; height: 18px; }
.chk-agree { margin-top: 8px; }

/* Выбор доставки/оплаты — вертикальные radio-карточки с описанием (вид
   прототипа): точка-радио слева, заголовок + серое описание, выбранная — в
   красной рамке (inset — согласовано с .co-pickup-item.on). Radio скрыт. */
.co-opts { display: flex; flex-direction: column; gap: 10px; }
.co-opt {
    position: relative; display: grid; grid-template-columns: 20px auto minmax(0, 1fr);
    column-gap: 12px; row-gap: 3px; align-items: start;
    border: 1px solid var(--line); border-radius: 10px; padding: 14px 16px;
    background: #fff; cursor: pointer; user-select: none;
    transition: border-color .15s, box-shadow .15s;
}
.co-opt:hover { border-color: var(--text-3); }
.co-opt input { position: absolute; opacity: 0; width: 0; height: 0; margin: 0; pointer-events: none; }
.co-opt-dot {
    /* Точка живёт только в 1-й строке (рядом с заголовком). ⚠ НЕ растягивать
       span'ом на строки текста: span N создаёт N строк сетки, и row-gap на
       пустых строках раздувал карточку на ~24px снизу. */
    grid-row: 1;
    width: 18px; height: 18px; margin-top: 1px; border-radius: 50%;
    border: 2px solid var(--line); background: #fff; box-sizing: border-box;
    transition: border .15s;
}
/* Иконка способа доставки/оплаты — слева от названия (Tabler webfont).
   Живёт во 2-й колонке 1-й строки (рядом с заголовком), цвет задаёт
   checkout.css (secondary → primary у выбранного). */
.co-opt-ico {
    grid-column: 2; grid-row: 1; align-self: center;
    font-size: 22px; line-height: 1; color: var(--text-2);
}
.co-opt-title { grid-column: 3; font: 500 16px var(--rc); color: var(--text); line-height: 1.3; }
.co-opt-desc  { grid-column: 3; font: 14px var(--rc); color: var(--text-2); line-height: 1.4; }
.co-opt-hint  { grid-column: 3; font: 13px var(--rc); color: var(--bs-danger); line-height: 1.4; }
.co-opt-hint:empty { display: none; }
/* Выбранная опция — тёмная рамка + мягкий серый фон (вид прототипа
   .chk-radio-item.on), НЕ красная рамка. Красная — только точка-радио. */
.co-opt:has(input:checked) { border-color: var(--text); background: var(--bg-soft); }
.co-opt:has(input:checked) .co-opt-dot { border: 6px solid var(--bs-primary); }
.co-opt:has(input:focus-visible) { outline: 2px solid var(--text-3); outline-offset: 2px; }
.co-opt.is-blocked .co-opt-title { color: var(--text-2); }

/* Пункты самовывоза: список точек + карта Яндекс-виджета без ключа
   (как блок «Наши магазины» на /contacts/). */
.chk-pickup-empty { font: 14px var(--rc); color: var(--text-2); margin: 6px 0 0; }
.co-pickup { display: grid; grid-template-columns: minmax(190px, 240px) 1fr; gap: 12px; margin-top: 6px; align-items: stretch; }
.co-pickup-side { display: flex; flex-direction: column; gap: 10px; min-width: 0; }
.co-pickup-filter { display: flex; flex-wrap: wrap; gap: 6px; }
.co-pickup-filter button {
    border: 1px solid var(--line); background: #fff; border-radius: 999px;
    padding: 5px 12px; font: 13px var(--rc); color: var(--text-2); cursor: pointer;
    transition: background .15s, color .15s, border-color .15s;
}
.co-pickup-filter button:hover { border-color: var(--text-3); }
.co-pickup-filter button.on { background: var(--text); color: #fff; border-color: var(--text); }
.co-pickup-list { display: flex; flex-direction: column; gap: 6px; max-height: 380px; overflow-y: auto; padding-right: 2px; }
/* Fade-подсказка прокрутки списка точек: снизу — пока есть что листать вниз,
   сверху — появляется при прокрутке. Классы pk-fade-top/bot ставит инлайн-JS
   _form.inc.php (updateFade). mask theme-agnostic — вырезает контент, не красит
   (иначе на просветах gap виден был бы «белый» край). Красный скроллбар у краёв
   тоже мягко тает — цельно. */
@property --pk-fade-top { syntax: '<length>'; inherits: false; initial-value: 0px; }
@property --pk-fade-bot { syntax: '<length>'; inherits: false; initial-value: 0px; }
.co-pickup-list {
    -webkit-mask-image: linear-gradient(to bottom, transparent 0, #000 var(--pk-fade-top, 0px), #000 calc(100% - var(--pk-fade-bot, 0px)), transparent 100%);
            mask-image: linear-gradient(to bottom, transparent 0, #000 var(--pk-fade-top, 0px), #000 calc(100% - var(--pk-fade-bot, 0px)), transparent 100%);
    transition: --pk-fade-top .18s ease, --pk-fade-bot .18s ease;
}
.co-pickup-list.pk-fade-top { --pk-fade-top: 22px; }
.co-pickup-list.pk-fade-bot { --pk-fade-bot: 22px; }
.co-pickup-item {
    display: flex; flex-direction: column; gap: 2px; text-align: left;
    border: 1px solid var(--line); border-radius: 10px; padding: 10px 12px;
    background: #fff; cursor: pointer; transition: border-color .15s, box-shadow .15s;
}
.co-pickup-item:hover { border-color: var(--text-3); }
.co-pickup-item.on { border-color: var(--bs-primary); box-shadow: inset 0 0 0 1px var(--bs-primary); }
.cpi-name { font: 500 14px var(--rc); color: var(--text); line-height: 1.25; }
.cpi-city { font: 12px var(--rc); color: var(--bs-primary); text-transform: uppercase; letter-spacing: .02em; }
.cpi-addr { font: 13px var(--rc); color: var(--text-2); }
.co-pickup-map { position: relative; min-height: 380px; border: 1px solid var(--line); border-radius: 10px; overflow: hidden; }
.co-pickup-map iframe { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; }
.co-pickup-pin {
    position: absolute; left: 12px; top: 12px; z-index: 3; max-width: 260px;
    background: #fff; border-radius: 12px; box-shadow: 0 8px 24px rgba(0,0,0,.14); padding: 10px 12px;
}
.co-pickup-pin[hidden] { display: none; }
.cpp-name { font: 600 14px var(--rc); color: var(--text); line-height: 1.25; }
.cpp-addr { font: 13px var(--rc); color: var(--text-2); margin-top: 2px; }
.cpp-route { display: inline-block; margin-top: 6px; font: 13px var(--rc); color: var(--bs-primary); text-decoration: none; }
.cpp-route:hover { text-decoration: underline; }
.cpp-route[hidden] { display: none; }
/* Узкая колонка/мобила — список над картой (grid → одна колонка). */
@media (max-width: 640px) {
    .co-pickup { grid-template-columns: 1fr; }
    .co-pickup-list { max-height: 240px; }
    .co-pickup-map { min-height: 280px; }
}

/* Сводка «Итого по заказу» — белая карточка с рамкой (вид прототипа
   design/checkout.html), НЕ серый .cart-summary__inner корзины. */
.co-side {
    background: #fff; border: 1px solid var(--line-2); border-radius: 10px;
    padding: 22px 24px; display: flex; flex-direction: column; gap: 10px;
}
.co-side-title {
    font-family: var(--rc); font-weight: 500; font-size: 19px;
    letter-spacing: -0.02em; color: var(--text); margin-bottom: 6px;
}
.co-side-total {
    display: flex; align-items: baseline; justify-content: space-between; gap: 12px;
    margin-top: 2px; padding-top: 14px; border-top: 1px solid var(--line-2);
    font: 500 17px var(--rc); color: var(--text);
}
/* Итог — ЧЁРНЫЙ (вид прототипа .sum-total .st-val), не красный. */
.co-side-total b {
    font: 700 25px var(--rc); color: var(--text); letter-spacing: -0.02em;
    font-variant-numeric: tabular-nums; white-space: nowrap;
}
.co-side-btn { width: 100%; height: 56px; font-size: 17px; margin-top: 8px; }
/* Пока грузится вердикт договора из 1С (B2B) — кнопка заблокирована со спиннером;
   ::before встаёт перед текстом через gap:8px базового .btn (inline-flex). */
.co-side-btn.is-loading { pointer-events: none; opacity: .75; }
.co-side-btn.is-loading::before {
    content: ''; width: 18px; height: 18px; flex: none;
    border: 2px solid rgba(255, 255, 255, .35); border-top-color: #fff;
    border-radius: 50%; animation: onec-spin .7s linear infinite;
}
.co-side-back {
    text-align: center; font: 15px var(--rc); color: var(--text-2);
    text-decoration: none; transition: color .15s;
}
.co-side-back:hover { color: var(--bs-primary); }
@media (min-width: 901px) {
    /* Сводка липнет при прокрутке длинной формы (как .cart-summary корзины);
       на мобиле она первой в потоке — sticky там не нужен. */
    .checkout-summary-col { position: sticky; top: 130px; }
}

/* Согласие: чекбокс по центру ПЕРВОЙ строки текста (line-height 20px ≈ высоте
   чекбокса 18px + 1px сверху); при переносе на 2 строки не центрируем. */
.chk-agree .chk-radio { align-items: flex-start; gap: 10px; }
/* margin: 0 — у чекбокса Chrome дефолтный margin 3px/4px, он и смещал точку. */
.chk-agree .chk-radio input { margin: 1px 0 0; }
.chk-agree .chk-radio span { font-size: 14px; line-height: 20px; color: var(--text-2); }

/* «N позиций · M шт.» под итогом (как в прототипе); -6px гасит flex-gap
   карточки — строка прижата к «Итого». */
.co-sum-meta { font: 14px var(--rc); color: var(--text-3); margin-top: -6px; }

/* =================================================================
   Чекаут — «Состав заказа» (B2B): таблицы позиций по складам отгрузки
   + разбивка сумм в сайдбаре. Перерисовывает checkout_split.php.
   ================================================================= */
.co-split { display: flex; flex-direction: column; gap: 22px; }
.co-split--loading { opacity: .5; transition: opacity .15s; }
/* padding-left 15px = 14px внутренний отступ ячейки (`td:first-child`) + 1px рамка
   карточки: название склада (оно ВНЕ карточки) встаёт на одну вертикаль с текстом
   «Итого · склад» в подвале таблицы. */
.co-items-store { font: 600 15px var(--rc); color: var(--text); margin: 0 0 4px; padding-left: 15px; }
/* Таблица-карточка (вид прототипа .chk-table): рамку + скругление задаёт обёртка
   .co-items-box (overflow режет углы table), серые шапка и подвал, hover строки. */
.co-items-box { border: 1px solid var(--line-2); border-radius: 12px; overflow: hidden; margin-top: 10px; }
.co-items { width: 100%; border-collapse: collapse; table-layout: fixed; }
/* Фикс-раскладка: колонки одинаковы у ВСЕХ складов (иначе каждая таблица
   считает ширину по своему контенту → артикул/цена/кол-во/сумма «плавают»
   между складами). «Наименование» (2-я) — auto, тянет остаток.
   Цена/Количество/Сумма — РАВНОЙ ширины → равные зазоры между колонками.
   Код и Артикул — left-aligned (см. ниже). 127.5px (было 140) — «Наименование»
   (auto) забирает освободившиеся ~50px под длинные названия товаров. */
.co-items thead th:nth-child(1) { width: 56px; }     /* фото */
.co-items thead th:nth-child(3),                     /* Код 1С */
.co-items thead th:nth-child(4),                     /* артикул */
.co-items thead th:nth-child(5),                     /* цена */
.co-items thead th:nth-child(6),                     /* количество */
.co-items thead th:nth-child(7) { width: 118px; }    /* сумма */
/* «Код 1С» (3-я колонка) показывается только у таблиц .has-code (код есть хотя бы
   у одной позиции). Без кода — колонка схлопнута в 0, состав заказа выглядит как
   прежде (6 колонок), «Наименование» (auto) забирает освободившееся место. Код
   наполняется из 1С (Канал A, свойство ONEC_CODE); до этого .has-code не ставится. */
.co-items:not(.has-code) thead th:nth-child(3),
.co-items:not(.has-code) tbody td:nth-child(3) {
    width: 0; padding: 0; border: 0; font-size: 0; overflow: hidden; white-space: nowrap;
}
/* has-code (десктоп ≥701px): Код/Артикул/Цена/Количество/Сумма — ЕДИНАЯ ширина 100px
   (по просьбе клиента), «Наименование» (auto) забирает остаток. ⚠ ТОЛЬКО десктоп — на
   мобиле (≤700) действует общее схлопывание ниже (эти правила вне min-width не должны
   перебивать его). */
@media (min-width: 701px) {
    .co-items.has-code thead th:nth-child(3), /* Код */
    .co-items.has-code thead th:nth-child(4), /* артикул */
    .co-items.has-code thead th:nth-child(5), /* цена */
    .co-items.has-code thead th:nth-child(6), /* количество */
    .co-items.has-code thead th:nth-child(7) { width: 100px; } /* сумма */
}
.co-items th {
    font: 500 12px var(--rc); text-transform: uppercase; letter-spacing: .04em;
    color: var(--text-2); text-align: left; padding: 11px 10px;
    background: var(--bg-soft); border-bottom: 1px solid var(--line-2); white-space: nowrap;
}
.co-items td {
    font: 15px var(--rc); color: var(--text); padding: 11px 10px;
    border-bottom: 1px solid var(--line-2); vertical-align: middle;
}
.co-items tbody tr { transition: background .15s; }
.co-items tbody tr:hover td { background: var(--bg-soft); }
.co-items tbody tr:last-child td { border-bottom: 0; }
.co-items tfoot td { border-bottom: 0; border-top: 1px solid var(--line-2); padding: 11px 10px; background: var(--bg-soft); }
/* Крайние ячейки прижаты к внутреннему отступу карточки (как padding строки прототипа). */
.co-items th:first-child, .co-items td:first-child { padding-left: 14px; }
.co-items th:last-child, .co-items td:last-child { padding-right: 14px; }
.co-items .pic { width: 56px; }
.co-items td.pic img, .co-items-noimg {
    display: block; width: 40px; height: 40px; object-fit: contain;
    border-radius: 8px; background: var(--bg-soft);
}
.co-items .name { font-weight: 500; line-height: 1.3; }
/* Артикул — по левому краю колонки (текст-код читается слева направо; при обрезке
   ellipsis прячет хвост, а не начало). */
.co-items .art { font-size: 13px; color: var(--text-2); text-align: left; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
/* Код 1С (внутренний код номенклатуры, формат 00-00018724) — как артикул, приглушённый, слева. */
.co-items .code { font-size: 13px; color: var(--text-2); text-align: left; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.co-items .num { text-align: right; white-space: nowrap; font-variant-numeric: tabular-nums; }
.co-items .num.sum, .co-items .tot-v { font-weight: 500; }
.co-items .tot-l { text-align: left; font: 500 14px var(--rc); color: var(--text-2); }
.co-items .tot-v { font-variant-numeric: tabular-nums; }

/* Сайдбар: строки «склад → сумма» + примечание про несколько заказов. */
.co-side-row {
    display: flex; justify-content: space-between; align-items: baseline; gap: 12px;
    font: 16px var(--rc); color: var(--text); padding: 3px 0;
    font-variant-numeric: tabular-nums;
}
.co-side-row b { font-weight: 500; color: var(--text); white-space: nowrap; }
.co-side-note {
    margin-top: 14px; background: var(--bg-soft); border-radius: 10px;
    padding: 10px 12px; font: 14px/1.45 var(--rc); color: var(--text-2);
}
.co-side-note:empty { display: none; }

@media (max-width: 700px) {
    /* Мобильный вид состава — карточки «подпись | значение», как на /personal/cart/
       (read-only: без qty-контрола и правки цены). Прежний ужатый табличный вид
       (фото/название/кол-во/сумма) заменён: длинные названия переносились на 5 строк,
       а Код/Артикул/Цена были скрыты. Таблица разворачивается в блочные карточки:
       фото + название сверху, ниже свойства построчно «подпись 132 | значение». */
    .co-items-box { border: 0; border-radius: 0; overflow: visible; margin-top: 0; }
    .co-items, .co-items tfoot, .co-items tr, .co-items td { display: block; }
    .co-items { table-layout: auto; width: 100%; }
    .co-items thead { display: none; } /* шапку колонок прячем — подписи идут в строках */
    /* Зазор между карточками-товарами: gap ставим на tbody (карточки = <tr> внутри
       него; на .co-items-box он не работал — там единственный ребёнок <table>). */
    .co-items tbody { display: flex; flex-direction: column; gap: 12px; }
    .co-items tfoot { margin-top: 12px; } /* отступ до подвала «Итого · склад» */

    .co-items tbody tr {
        display: grid; grid-template-columns: 56px 1fr;
        column-gap: 12px; row-gap: 6px; align-items: start;
        border: 1px solid var(--line); border-radius: 14px; background: #fff;
        padding: 14px 16px;
    }
    .co-items tbody tr:hover td { background: transparent; } /* без десктоп-hover */
    .co-items td { border-bottom: 0; padding: 0; }
    /* Десктопное `.co-items td:first-child{padding-left:14px}` (спец. 0,2,1) протекало
       в мобилу и сдвигало фото на 14px вправо от «Код/Артикул» (+ картинка 56px
       переполняла 56px-ячейку). Прижимаем фото к левому краю карточки, вровень с
       подписями свойств ниже. */
    .co-items td:first-child { padding-left: 0; }
    .co-items td.pic { grid-column: 1; grid-row: 1; width: 56px; }
    .co-items td.pic img, .co-items td.pic .co-items-noimg { width: 56px; height: 56px; }
    .co-items td.name {
        grid-column: 2; grid-row: 1; align-self: center;
        font-size: 16px; font-weight: 500; line-height: 1.3;
    }
    /* Свойства — на всю ширину карточки, строкой «подпись (серая, 132) | значение». */
    .co-items td.code, .co-items td.art, .co-items td.num {
        grid-column: 1 / -1; display: grid; grid-template-columns: 132px 1fr;
        align-items: baseline; font-size: 14px; color: var(--text);
        text-align: left; white-space: normal;
    }
    .co-items td.code::before, .co-items td.art::before, .co-items td.num::before {
        content: attr(data-label); color: var(--text-2); font-size: 14px;
    }
    .co-items td.num.sum { font-weight: 500; }
    .co-items td.code:empty, .co-items td.art:empty { display: none; } /* пустой код/арт не показываем */

    /* Подвал склада (при разбивке ≥2) — строка «Итого · склад | сумма» карточкой. */
    .co-items tfoot tr {
        display: flex; justify-content: space-between; align-items: baseline; gap: 12px;
        border: 1px solid var(--line); border-radius: 14px; background: var(--bg-soft);
        padding: 12px 16px;
    }
    .co-items tfoot td { padding: 0; border: 0; }
    .co-items .tot-l { text-align: left; font-weight: 500; }
    .co-items .tot-v { font-weight: 600; }
}
@media (max-width: 600px) {
    .checkout-wrap { padding: 0 16px; }
    .co-sec { padding: 16px; border-radius: 10px; }
}

/* =================================================================
   Чекаут — инфоблок договора (лимит/задолженность, Канал B real-time)
   ================================================================= */
.co-contract { margin: 4px 0 0; display: flex; flex-direction: column; gap: 12px; }
/* «Загрузка…» в блоке договора: переиспользуем спиннер onec-async (Канал B),
   но компактнее — это строка внутри секции, а не пустой раздел ЛК. */
.co-contract .onec-async__load { padding: 4px 0 2px; font-size: 14px; }

.co-limit { background: var(--bg-soft); border-radius: 10px; padding: 14px 16px; }
/* Полоса использования лимита в блоке договора чекаута — переиспользует
   глобальный .org-progress (карточка орг); трек здесь на белом, т.к. фон
   .co-limit сам --bg-soft (иначе полоса сливалась бы с подложкой). */
.co-limit .org-progress { margin: 12px 0 14px; }
.co-limit .org-progress .bar { background: #fff; }
.co-limit__title {
    font-family: var(--rc); font-size: 13px; font-weight: 500;
    text-transform: uppercase; letter-spacing: .04em; color: var(--text-2); margin-bottom: 12px;
}
.co-limit__grid { display: grid; grid-template-columns: 1fr 1fr; gap: 12px 24px; }
.co-li { display: flex; flex-direction: column; gap: 3px; }
.co-li__l {
    font-family: var(--rc); font-size: 12px; font-weight: 500; color: var(--text-2);
    text-transform: uppercase; letter-spacing: .03em;
}
.co-li__v {
    font-family: var(--rc); font-size: 17px; font-weight: 500; color: var(--text);
    font-variant-numeric: tabular-nums;
}
/* Подпись-причина под значением («не действует при просрочке» у остатка при блоке) */
.co-li__n { font-family: var(--rc); font-size: 12px; color: var(--red); }

.co-debt { border-radius: 10px; padding: 14px 16px; }
.co-debt--blocked { background: #FFEEEC; border: 1px solid #F8C8C3; }
.co-debt--warn    { background: #FFF7E6; border: 1px solid #F7DDA0; }
.co-debt__t { font-family: var(--rc); font-size: 16px; font-weight: 600; color: var(--text); }
.co-debt--blocked .co-debt__t { color: var(--red); }
.co-debt__x { margin: 6px 0 0; font-size: 14px; line-height: 1.45; color: var(--text-2); }
.co-debt__mgr {
    margin-top: 10px; padding-top: 10px; border-top: 1px solid rgba(0,0,0,.08);
    display: flex; flex-direction: column; gap: 4px; font-size: 14px;
}
.co-debt__mgr-name { font-weight: 500; color: var(--text); }
.co-debt__mgr-c { display: flex; flex-wrap: wrap; gap: 4px 16px; }
.co-debt__mgr-c a { color: var(--red); text-decoration: none; }
.co-debt__mgr-c a:hover { text-decoration: underline; }

.co-note { font-family: var(--rc); font-size: 14px; line-height: 1.45; padding: 12px 14px; border-radius: 10px; }
.co-note--muted { background: var(--bg-soft); color: var(--text-2); }

@media (max-width: 600px) {
    .co-limit__grid { grid-template-columns: 1fr; gap: 10px; }
    /* Легенда под полосой («Использовано … · N%» / «Остаток …») на мобиле СКРЫТА:
       дублирует значения ниже (Лимит / Доступный остаток) более крупным текстом,
       а процент показывает сама заливка полосы. На десктопе остаётся (там полезна). */
    .co-limit .org-progress .legend { display: none; }
}

/* =================================================================
   Страница избранного
   ================================================================= */
/* Боковой отступ на самом wrap (на десктопе layout-override обнуляет
   padding-left/right у .container > *, остаётся 32px от .container; на мобиле —
   16px). Боковой НЕ навешиваем на .prod-grid внутри — иначе суммировался бы с
   .container и давал двойной отступ 64px у карточек.
   margin-top 24px (а не 8px как у .cart-wrap): у корзины под подшапкой есть
   .cart-meta-row, которая держит воздух, а в избранном список идёт сразу —
   поэтому отступ от подшапки задаём здесь (24 mb подшапки + 24 = 48px). */
.fav-wrap { padding: 0 32px; margin-top: 8px; }
@media (max-width: 767px) {
    .fav-wrap { padding: 0 16px; }
    /* Базовый .prod-grid = repeat(4, 1fr); мобильное правило repeat(2)
       живёт в home.css (только на главной). Здесь его нет — поэтому на телефоне
       карточки сжимались по 4 в ряд. Дублируем 2 колонки, как в каталоге. */
    .fav-wrap .prod-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 12px;
    }
    .fav-wrap .prod-grid > * { min-width: 0; }
}

/* =================================================================
   Авторизация: /auth/, /auth/?register=yes, /auth/?forgot_password=yes,
   /auth/?change_password=yes
   ================================================================= */

/* На /auth/ body становится мягко-серым, карточка остаётся белой.
   Override применяется через body.auth-page-body, выставляется в header.php.
   В режиме data-site-width="fixed" фон body уже --line — здесь мы
   делаем .site-main фоном --bg-soft, чтобы карточка контрастировала. */
body.auth-page-body main.site-main { background: var(--bg-soft); }
body.auth-page-body main.site-main > .container { padding: 0; }
/* Страница входа/регистрации — самостоятельный экран: общая шапка и подвал
   (десктоп и мобильные) скрыты, логотип рисуем над формой в .auth-shell. */
body.auth-page-body .site-header,
body.auth-page-body .m-header,
body.auth-page-body .site-footer { display: none !important; }

.auth-page {
    display: flex;
    align-items: center;          /* центрируем форму по вертикали */
    justify-content: center;
    padding: 40px 24px;
    min-height: 100vh;
    box-sizing: border-box;
}

.auth-shell {
    width: 100%;
    max-width: 480px;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 24px;
}

.auth-logo {
    display: inline-flex;
    text-decoration: none;
}
.auth-logo img {
    height: 60px;
    width: auto;
    display: block;
}

.auth-title {
    font-family: var(--rc);
    font-weight: 500;
    font-size: 32px;
    line-height: 1.1;
    letter-spacing: -0.02em;
    color: var(--text);
    margin: 12px 0;          /* воздух сверху/снизу заголовка (плюс к gap .auth-shell) */
    text-align: center;
    text-transform: uppercase;
    text-wrap: balance;
}

/* Карточка с формой */
.auth-card {
    width: 100%;
    background: #FFFFFF;
    border: 1px solid var(--line);
    /* Карточка/панель по шкале — --g-radius-card (10px), было 24px.
       (в модалке сам .auth-card обнулён — .auth-page--modal .auth-card). */
    border-radius: var(--g-radius-card, .625rem);
    padding: 32px;
    box-sizing: border-box;
}

.auth-alert {
    padding: 12px 16px;
    /* Нотис-панель по шкале — --bs-border-radius-lg (8px), было 12px. */
    border-radius: var(--bs-border-radius-lg, .5rem);
    font-family: var(--rc);
    font-size: 15px;
    line-height: 1.4;
    margin-bottom: 20px;
}
.auth-alert-error {
    background: rgba(229, 51, 36, 0.08);
    color: var(--red);
    border: 1px solid rgba(229, 51, 36, 0.2);
}
.auth-alert-success {
    background: rgba(95, 168, 0, 0.08);
    color: var(--green);
    border: 1px solid rgba(95, 168, 0, 0.2);
}

.auth-form {
    display: flex;
    flex-direction: column;
    gap: 18px;
}

.auth-intro {
    font-family: var(--rc);
    font-size: 15px;
    line-height: 1.5;
    color: var(--text-2);
    margin: 0 0 4px;
    text-wrap: pretty;
}

.auth-field { display: flex; flex-direction: column; gap: 6px; }

.auth-label {
    font-family: var(--rc);
    font-size: 14px;
    color: var(--text-2);
    letter-spacing: -0.01em;
}
.auth-req { color: var(--red); margin-left: 2px; }

.auth-input {
    width: 100%;
    height: 52px;
    padding: 0 16px;
    /* Инпут по шкале — --bs-border-radius (6px), было 12px. */
    border-radius: var(--bs-border-radius, .375rem);
    border: 1.5px solid var(--line);
    background: #FFFFFF;
    font-family: var(--rc);
    font-size: 17px;
    color: var(--text);
    outline: none;
    transition: border-color .15s ease;
    box-sizing: border-box;
}
.auth-input::placeholder { color: var(--text-3); }
.auth-input:hover { border-color: #D9D9D9; }
.auth-input:focus, .auth-input:focus-visible { border-color: var(--text); }
.auth-input:invalid:not(:placeholder-shown):not(:focus) { border-color: rgba(var(--bs-danger-rgb), 0.5); }

/* Строка «Запомнить меня» + «Забыли пароль?» */
.auth-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    flex-wrap: wrap;
    margin: 2px 0 6px;
}

/* Кастомный чекбокс — паттерн .om-check из OrderModal */
.auth-check {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    cursor: pointer;
    font-family: var(--rc);
    font-size: 14px;
    color: var(--text);
    line-height: 1.4;
    user-select: none;
}
.auth-check input[type="checkbox"] {
    position: absolute;
    opacity: 0;
    pointer-events: none;
    width: 0;
    height: 0;
}
.auth-check-box {
    flex-shrink: 0;
    width: 20px;
    height: 20px;
    border-radius: 5px;
    border: 1.5px solid var(--line);
    background: #FFFFFF;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: background .12s ease, border-color .12s ease;
    position: relative;
}
.auth-check input:checked + .auth-check-box {
    background: var(--bs-primary);
    border-color: var(--bs-primary);
}
.auth-check input:checked + .auth-check-box::after {
    content: '';
    width: 6px;
    height: 11px;
    border-right: 2px solid #FFFFFF;
    border-bottom: 2px solid #FFFFFF;
    transform: rotate(45deg);
    margin-top: -2px;
}
.auth-check input:focus-visible + .auth-check-box {
    outline: 2px solid var(--text);
    outline-offset: 2px;
}
.auth-check-wide { align-items: flex-start; }
.auth-check-wide .auth-check-box { margin-top: 2px; }

.auth-link {
    color: var(--text);
    font-family: var(--rc);
    font-size: 14px;
    font-weight: 500;
    text-decoration: none;
    transition: color .15s ease;
}
.auth-link:hover { color: var(--red); }

.auth-link-soft {
    color: var(--text-2);
    text-decoration: underline;
    text-decoration-color: var(--line);
    text-underline-offset: 3px;
    transition: color .15s ease, text-decoration-color .15s ease;
}
.auth-link-soft:hover { color: var(--red); text-decoration-color: var(--red); }

.auth-submit {
    width: 100%;
    height: 52px;
    /* Было 26px (пилюля) — кнопка по шкале радиусов, --bs-border-radius (6px).
       Кнопка окна авторизации (жалоба «сильно скруглена»). */
    border-radius: var(--bs-border-radius, .375rem);
    font-size: 17px;
    margin-top: 6px;
    /* Штатный Bootstrap .btn-primary захардкожен в #0d6efd (синий), бренд-индиго
       он НЕ подхватывает — задаём фон/границу токеном явно (жалоба клиента
       «некорректный цвет кнопки Войти»). */
    background: var(--bs-primary);
    border-color: var(--bs-primary);
    color: #fff;
}
.auth-submit:hover {
    background: var(--bs-link-hover-color);
    border-color: var(--bs-link-hover-color);
    color: #fff;
}

.auth-foot {
    margin: 16px 0 0;
    text-align: center;
    font-family: var(--rc);
    font-size: 15px;
    color: var(--text-2);
}
.auth-foot .auth-link { font-size: 15px; }

.auth-hint {
    margin: 12px 0 0;
    font-family: var(--rc);
    font-size: 13px;
    color: var(--text-3);
    line-height: 1.4;
    text-wrap: pretty;
}
/* Подсказка под полем (например требование к паролю) — отступ меньше и
   привязка к .auth-field. */
.auth-hint-inline {
    margin: 6px 0 0;
    font-family: var(--rc);
    font-size: 12px;
    color: var(--text-3);
    line-height: 1.4;
}

.auth-legal {
    margin: 0;
    text-align: center;
    font-family: var(--rc);
    font-size: 13px;
    color: var(--text-3);
    line-height: 1.5;
    max-width: 420px;
    text-wrap: pretty;
}

@media (max-width: 600px) {
    .auth-page { padding: 24px 16px; }
    .auth-shell { gap: 20px; }
    .auth-title { font-size: 26px; }
    .auth-card { padding: 24px 20px; border-radius: var(--g-radius-card, .625rem); }
    .auth-row { flex-direction: column; align-items: flex-start; gap: 12px; }
}

/* =================================================================
   Личный кабинет: корневая страница /personal/
   ================================================================= */
.lk-wrap { padding: 0 32px 32px; }

/* Старая структура (.lk-greeting / .lk-card__title) — оставлена для совместимости. */
.lk-greeting {
    font-family: var(--rc);
    font-size: 19px;
    color: var(--text);
    margin: 0 0 24px;
}

/* Новая структура: header + grid с иконками */
.lk-header {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 16px;
    margin: 0 0 24px;
    flex-wrap: wrap;
}
.lk-greet-name {
    font-family: var(--rc);
    font-weight: 500;
    font-size: 26px;
    letter-spacing: -0.02em;
    color: var(--text);
    margin: 0 0 4px;
}
.lk-greet-sub {
    font-family: var(--rc);
    font-size: 14px;
    color: var(--text-2);
    margin: 0;
}
.lk-logout {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    height: 40px;
    padding: 0 16px;
    border-radius: var(--bs-border-radius);
    border: 1px solid var(--line);
    background: #fff;
    color: var(--text);
    font-family: var(--rc);
    font-size: 14px;
    text-decoration: none;
    transition: background .15s ease, border-color .15s ease, transform .12s ease;
}
.lk-logout:hover { background: var(--bg-soft); border-color: #D9D9D9; }
.lk-logout:active { transform: scale(0.96); }

.lk-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
}
.lk-card {
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding: 22px;
    background: var(--bg-card);
    border: 1px solid var(--line);
    border-radius: var(--g-radius-card);
    text-decoration: none;
    transition: border-color .15s ease, box-shadow .15s ease, transform .15s ease;
}
.lk-card:hover {
    border-color: #D9D9D9;
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.06);
    transform: translateY(-1px);
}
.lk-card-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    border-radius: var(--bs-border-radius-sm);
    background: var(--bg-soft);
    color: var(--text);
    margin-bottom: 4px;
}
.lk-card-title,
.lk-card__title {
    display: block;
    font-family: var(--rc);
    font-weight: 500;
    font-size: 18px;
    letter-spacing: -0.01em;
    color: var(--text);
    margin: 0;
    text-wrap: balance;
}
.lk-card-desc,
.lk-card__desc {
    display: block;
    font-family: var(--rc);
    font-size: 13px;
    color: var(--text-2);
    line-height: 1.4;
    text-wrap: pretty;
}

/* Карточка-ячейка с переключателем push (раздел /personal/). Обёртка нужна,
   чтобы переключатель лежал ВНЕ ссылки <a class="lk-card"> (button внутри <a>
   невалиден) и клик по нему не вёл на /personal/notify/. */
.lk-card-cell { position: relative; display: flex; }
.lk-card-cell > .lk-card { flex: 1; width: 100%; }
/* Переключатель push — иконка-тумблер в верхнем правом углу карточки
   (тот же набор, что индикатор активности в списках: ToggleRight зелёный = вкл,
   ToggleLeft серый = выкл). */
.lk-push-toggle {
    position: absolute; top: 18px; right: 18px; z-index: 2;
    display: inline-flex; align-items: center;
    padding: 0; border: 0; background: none; cursor: pointer;
    -webkit-tap-highlight-color: transparent;
}
.lk-push-toggle[hidden] { display: none !important; }
.lk-push-toggle .ico { flex-shrink: 0; transition: transform .12s ease; }
.lk-push-toggle:not([disabled]):active .ico { transform: scale(0.96); }
.lk-push-toggle .ico-on,
.lk-push-toggle .ico-off { display: none; }
.lk-push-toggle.is-on .ico-on { display: inline-block; color: var(--green); }
.lk-push-toggle:not(.is-on) .ico-off { display: inline-block; color: var(--text-3); }
.lk-push-toggle[disabled] { cursor: not-allowed; opacity: .55; }

@media (max-width: 900px) {
    .lk-grid { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 600px) {
    .lk-wrap { padding: 0 16px 24px; }
    .lk-grid { grid-template-columns: repeat(2, 1fr); gap: 12px; }
    .lk-card { padding: 16px; border-radius: var(--g-radius-card); }
    .lk-card-icon { width: 36px; height: 36px; }
    .lk-card-title { font-size: 15px; }
    .lk-card-desc { font-size: 12px; }
    .lk-header { margin: 0 0 16px; }
    .lk-greet-name { font-size: 22px; }
}
@media (max-width: 360px) {
    .lk-grid { grid-template-columns: 1fr; }
}

/* =================================================================
   Account SubNav: скрываем выпадашки по умолчанию (на десктопе
   `.account-subnav-menu` из shared/styles.css имеет display:flex,
   что перекрывает HTML-атрибут [hidden]). Открытие — через .open
   на родительской .account-subnav-group, выставляется в mobile.js.
   ================================================================= */
.account-subnav-group:not(.open) .account-subnav-menu { display: none !important; }

/* =================================================================
   Заказы: /personal/orders/ — история заказов
   ================================================================= */
.ord-wrap { padding: 0 32px 32px; margin-top: 8px; }

/* Summary-карточки act/upd/reports (.ord-sum внутри .act-summary/.upd-summary/.rep-summary) */
.ord-sum {
    background: var(--bg-soft); border-radius: var(--g-radius-card); padding: 14px 18px;
    display: flex; flex-direction: column; gap: 4px;
    font-family: var(--rc);
}
.ord-sum-label {
    font-size: 13px; color: var(--text-2);
    text-transform: uppercase; letter-spacing: 0.04em;
}
.ord-sum-value {
    font-size: 25px; font-weight: 500; color: var(--text);
    letter-spacing: -0.02em; font-variant-numeric: tabular-nums;
}
.ord-sum-sub { font-size: 13px; color: var(--text-3); font-variant-numeric: tabular-nums; }

.ord-doc {
    width: 36px; height: 44px;
    background: #fff;
    border: 1px solid var(--line);
    border-radius: var(--bs-border-radius);
    display: inline-flex; align-items: center; justify-content: center;
    color: var(--text-2);
    transition: color .15s ease, border-color .15s ease, transform .12s ease;
    cursor: pointer;
    text-decoration: none;
    position: relative;
}
.ord-doc:hover { color: var(--bs-primary); border-color: var(--bs-primary); }
.ord-doc:active { transform: scale(0.96); }
.ord-doc::after {
    content: 'PDF';
    position: absolute; left: 50%; bottom: 4px; transform: translateX(-50%);
    font-family: var(--rc); font-size: 8px; font-weight: 700;
    letter-spacing: 0.04em;
    color: inherit;
    pointer-events: none;
}
.ord-doc svg { width: 18px; height: 18px; margin-top: -8px; }

.ord-status {
    display: inline-flex; align-items: center; gap: 6px;
    font-size: 13px; font-weight: 400; color: var(--text-2);
}
.ord-status.s-cancel { text-decoration: line-through; }
.ord-status.s-progress { color: var(--bs-warning); }
.ord-status.s-new { color: var(--bs-danger); }
.ord-status.s-done { color: var(--bs-success); }

.ord-empty {
    background: var(--bg-soft); border-radius: var(--g-radius-card);
    padding: 64px 48px;
    display: grid; grid-template-columns: 220px 1fr; gap: 40px; align-items: center;
}
.ord-empty-illu {
    width: 220px; height: 220px;
    background: #fff; border-radius: var(--g-radius-card); border: 1px solid var(--line);
    display: flex; align-items: center; justify-content: center;
    position: relative; overflow: hidden;
}
.ord-empty-illu .ring {
    position: absolute; inset: 30px; border-radius: 50%;
    border: 1px dashed var(--line);
}
.ord-empty h2 {
    font-family: var(--rc); font-weight: 500; font-size: 27px;
    letter-spacing: -0.02em; color: var(--text); margin: 0 0 12px;
    line-height: 1.15;
}
.ord-empty p {
    font-family: var(--rc); font-size: 16px; line-height: 1.55;
    color: var(--text); margin: 0 0 20px; max-width: 560px;
}
.ord-empty-cta { display: inline-flex; gap: 12px; align-items: center; flex-wrap: wrap; }
.ord-empty-cta a.btn { text-decoration: none; padding-left: 20px; padding-right: 20px; }

/* ====== MOBILE/TABLET: orders empty-state ====== */
@media (max-width: 900px) {
    .ord-empty { grid-template-columns: 1fr; padding: 40px 24px; text-align: center; }
    .ord-empty-illu { margin: 0 auto; }
}
/* =================================================================
   Детальная страница заказа: /personal/orders/?id=
   ================================================================= */
.od-org-link {
    font-family: var(--rc); font-size: 18px; font-weight: 500;
    color: var(--text);
    text-decoration: none;
    border-bottom: 1px dashed var(--line);
    transition: color .15s, border-color .15s;
}
.od-org-link:hover { color: var(--bs-primary); border-color: var(--bs-primary); }
/* Ссылка на рекламацию в шапке заказа (обратная связь заказ → рекламация) —
   размер как у прочих значений .meta .v, пунктир + красный hover. */
.org-card-head .meta .v .od-claim-link {
    color: var(--text); text-decoration: none;
    border-bottom: 1px dashed var(--line);
    transition: color .15s, border-color .15s;
}
.org-card-head .meta .v .od-claim-link:hover { color: var(--bs-primary); border-color: var(--bs-primary); }
/* Значение «Плательщик» в шапке заказа — мельче (длинное имя организации). */
.org-card-head .meta .v.od-payer,
.org-card-head .meta .v.od-payer .od-org-link { font-size: 14px; font-weight: 400; }

/* PDF «Заказ клиента» — свойство «Документ» в шапке заказа (.meta .v). */
.org-card-head .meta .od-dl-prop { display: inline-flex; align-items: center; gap: 5px; color: var(--text); text-decoration: none; transition: color .15s ease; }
.org-card-head .meta .od-dl-prop:hover { color: var(--bs-primary); }
.org-card-head .meta .od-dl-prop svg { color: var(--text-3); flex-shrink: 0; }
.org-card-head .meta .od-dl-prop:hover svg { color: var(--bs-primary); }
/* Сортируемые заголовки таблицы состава заказа (account.js, [data-sortable]). */
.od-items[data-sortable] .od-it-thead > div[data-sort] { display: flex; }
.od-items[data-sortable] .od-it-thead > div.num[data-sort] { justify-content: flex-end; }

.od-section { margin-bottom: 24px; }
.od-sec-head { display: flex; align-items: baseline; gap: 12px; margin: 0 0 14px; }
.od-sec-head h3 {
    margin: 0;
    font-family: var(--rc); font-size: 23px; font-weight: 500;
    letter-spacing: -0.02em; color: var(--text);
}

.od-items {
    background: #fff;
    border: 1px solid var(--line);
    border-radius: var(--g-radius-card);
    overflow: hidden;
}
.od-it-thead, .od-it-row {
    display: grid;
    grid-template-columns: 72px minmax(200px, 1fr) 130px 108px 96px 124px;
    gap: 16px;
    align-items: center;
    padding: 14px 20px;
}
.od-it-thead {
    /* Единый канон заголовков таблиц: без фона, отделяет только border-bottom.
       Спокойный вариант — без uppercase/letter-spacing, тише текста (клиент 2026-07-08). */
    border-bottom: 1px solid var(--bs-border-color);
    font: 500 13px/1.2 var(--rc);
    color: var(--bs-tertiary-color);
}
.od-it-row { border-bottom: 1px solid var(--line); transition: background .15s; }
.od-it-row:last-of-type { border-bottom: 0; }
.od-it-row:hover { background: var(--bg-soft); }
.od-it-img {
    width: 64px; height: 64px;
    background: #fff;
    /* Фото зумится на hover → кольцо рисуем inset-тенью на контейнере
       (overflow:hidden), а не border на img: чистый чёрный low-opacity, не тинт. */
    box-shadow: inset 0 0 0 1px rgba(0,0,0,.06);
    border-radius: var(--bs-border-radius); overflow: hidden;
    display: flex; align-items: center; justify-content: center;
    position: relative;
}
.od-it-img img { width: 80%; height: 80%; object-fit: contain; transition: transform .25s ease; }
.od-it-row:hover .od-it-img img { transform: scale(1.04); }
.od-it-name {
    font-family: var(--rc); font-size: 16px; line-height: 1.3;
    color: var(--text);
    text-decoration: none;
    display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;
    overflow: hidden;
    transition: color .15s;
}
.od-it-name:hover { color: var(--bs-primary); }
.od-it-name-wrap { display: flex; flex-direction: column; gap: 4px; min-width: 0; }
.od-it-art { font-family: var(--rc); font-size: 15px; color: var(--text-2); font-variant-numeric: tabular-nums; }
.od-it-price, .od-it-qty {
    font-family: var(--rc); font-size: 16px; color: var(--text);
    text-align: right;
    font-variant-numeric: tabular-nums;
}
.od-it-qty .u { color: var(--text-3); font-size: 14px; margin-left: 4px; }
.od-it-sum {
    font-family: var(--rc); font-size: 17px; font-weight: 500;
    color: var(--text);
    text-align: right;
    letter-spacing: -0.01em;
    font-variant-numeric: tabular-nums;
}
.od-cols { display: grid; grid-template-columns: 1fr 1fr; gap: 24px; margin-bottom: 24px; }
.od-card {
    background: #fff;
    border: 1px solid var(--line);
    border-radius: var(--g-radius-card);
    padding: 24px 28px;
}
.od-card h3 {
    margin: 0 0 18px;
    font-family: var(--rc); font-size: 21px; font-weight: 500;
    letter-spacing: -0.02em; color: var(--text);
    display: flex; align-items: center; gap: 10px;
}
.od-card h3 .ico {
    width: 36px; height: 36px; border-radius: var(--bs-border-radius-sm);
    background: var(--bg-soft);
    display: inline-flex; align-items: center; justify-content: center;
    color: var(--text);
    flex: 0 0 auto;
}
.od-rows {
    display: grid; grid-template-columns: max-content 1fr;
    column-gap: 24px; row-gap: 12px;
}
.od-rows dt {
    font-family: var(--rc); font-size: 14px; font-weight: 500;
    color: var(--text-2);
    text-transform: uppercase; letter-spacing: 0.04em;
    padding-top: 2px;
}
.od-rows dd {
    margin: 0;
    font-family: var(--rc); font-size: 17px; color: var(--text);
    line-height: 1.4;
}
.od-rows dd .sub {
    display: block;
    font-size: 14px; color: var(--text-2);
    margin-top: 4px;
}
.od-rows dd.muted { color: var(--text-2); font-size: 15px; }

.od-amount {
    font-family: var(--rc); font-size: 29px; font-weight: 500;
    letter-spacing: -0.02em; color: var(--text);
    font-variant-numeric: tabular-nums;
    line-height: 1;
}

/* ====== MOBILE: order detail ====== */
@media (max-width: 900px) {
    .od-it-thead { display: none; }
    /* Состав заказа на мобиле — отдельные карточки-блоки. */
    .od-items { border: 0; background: transparent; border-radius: 0; overflow: visible; display: flex; flex-direction: column; gap: 10px; }
    .od-items .od-it-row:last-of-type { border-bottom: 1px solid var(--line); } /* десктопное last-of-type:0 перебивало рамку карточки */
    .od-it-row {
        border: 1px solid var(--line); border-radius: var(--g-radius-card); background: #fff;
        grid-template-columns: 72px 1fr;
        grid-template-areas:
            "img name"
            "img art"
            "img price"
            "img qty"
            "img sum";
        padding: 12px 14px;
        gap: 6px 14px;
    }
    .od-it-row .od-it-img { grid-area: img; align-self: flex-start; }
    .od-it-row .od-it-name-wrap { grid-area: name; }
    .od-it-row .od-it-art { grid-area: art; }
    .od-it-row .od-it-price { grid-area: price; }
    .od-it-row .od-it-qty { grid-area: qty; }
    .od-it-row .od-it-sum { grid-area: sum; }
    /* Подписи свойств серым перед значением (кроме Наименования). */
    .od-it-row > div[data-label] { display: flex; align-items: baseline; gap: 10px; text-align: left; font-size: 14px; }
    .od-it-row > div[data-label]::before { content: attr(data-label); flex: 0 0 96px; color: var(--text-3); font-size: 13px; }
    .od-cols { grid-template-columns: 1fr; gap: 14px; }
    .od-card { padding: 18px 20px; }
}
@media (max-width: 767px) {
    .od-rows { grid-template-columns: 1fr; gap: 4px; row-gap: 14px; }
    .od-rows dt { padding-top: 0; }
    .od-amount { font-size: 22px; }
    .od-sec-head h3 { font-size: 18px; }
    .od-it-img { width: 56px; height: 56px; }
    .od-it-row { grid-template-columns: 56px 1fr; padding: 10px 12px; }
    .od-it-row > div[data-label]::before { flex-basis: 84px; }
}

/* =================================================================
   B2B-кабинет: общие стили для organizations / employees / act /
   claims / upd / reports.
   ================================================================= */
.org-wrap, .emp-wrap, .cl-wrap { padding: 0 32px 32px; margin-top: 8px; }

/* Тулбар с поиском (organizations / employees). Рекламации — свой .cl-toolbar в claims.css. */
.org-toolbar, .emp-toolbar, .rep-toolbar {
    display: flex; align-items: center; gap: 12px; flex-wrap: wrap;
    margin: 0 0 20px;
}
.org-search { flex: 1; max-width: 380px; position: relative; }
.org-search input {
    width: 100%; height: 44px; box-sizing: border-box;
    padding: 0 16px 0 42px;
    border: 1px solid var(--line);
    border-radius: var(--bs-border-radius);
    font-family: var(--rc); font-size: 15px;
    color: var(--text); background: #fff; outline: none;
    transition: border-color .15s ease, box-shadow .15s ease;
}
.org-search input:focus { border-color: var(--text); box-shadow: 0 0 0 3px rgba(45,43,43,0.08); }
.org-search input::placeholder { color: var(--text-3); }
.org-search .sico {
    position: absolute; left: 16px; top: 50%;
    transform: translateY(-50%);
    color: var(--text-3); pointer-events: none;
}
.org-toolbar .spacer, .emp-toolbar .spacer, .rep-toolbar .spacer { flex: 1; }
.org-add-btn, .emp-toolbar .btn-primary, .rep-toolbar .btn-primary {
    height: 44px; padding: 0 22px; border-radius: var(--bs-border-radius);
    font-size: 15px; display: inline-flex; align-items: center; gap: 6px;
}
/* Scale-on-press CTA тулбаров ЛК (анимация — базовый .btn { transition: all }). */
.org-add-btn:active,
.emp-toolbar .btn-primary:active,
.rep-toolbar .btn-primary:active { transform: scale(0.96); }

/* === Унифицированная таблица для всех B2B-страниц === */
.org-table, .emp-table, .act-table, .upd-table {
    width: 100%;
    background: #fff;
    border: 1px solid var(--line);
    border-radius: var(--g-radius-card);
    overflow: hidden;
}
.org-row, .emp-row, .act-row, .upd-row {
    display: grid;
    gap: 16px;
    align-items: start; /* содержимое колонок — по верхнему краю (единый принцип таблиц-списков ЛК) */
    padding: 16px 20px;
    border-top: 1px solid var(--line);
    transition: background .15s ease;
}
/* fr-сетка: контентные колонки делят ширину и заполняют её, gap одинаковый;
   хвостовая 44px — фиксированная под иконку/действие. Принцип как в .org-orders .r. */
.org-row { grid-template-columns: minmax(0, 1.6fr) 1fr 1fr 0.9fr 1fr 44px; }
.emp-row { grid-template-columns: minmax(0, 1.5fr) minmax(0, 1.4fr) minmax(0, 1fr) 132px 128px 44px; }
.act-row { grid-template-columns: 0.8fr 1fr 1fr 1.4fr 1fr 1fr 44px; }
.upd-row { grid-template-columns: 0.9fr 1fr 1.6fr 1fr 150px; }

.org-row.head, .emp-row.head, .act-row.head, .upd-row.head {
    border-top: none;
    /* Единый канон заголовков таблиц: без фона, отделяет только border-bottom. */
    border-bottom: 1px solid var(--bs-border-color);
    padding: 14px 20px;
}
.org-row.head > div, .emp-row.head > div, .act-row.head > div, .upd-row.head > div {
    /* Спокойный канон — без uppercase/letter-spacing, тише текста (клиент 2026-07-08). */
    font: 500 13px/1.2 var(--rc);
    color: var(--bs-tertiary-color);
}
.org-row.data { cursor: pointer; text-decoration: none; color: inherit; }
.org-row.data:hover, .emp-row.data:hover, .act-row.data:hover, .upd-row.data:hover { background: var(--bg-soft); }

/* Ячейки */
.cell-name { min-width: 0; display: flex; flex-direction: column; gap: 3px; }
.cell-name .n {
    font-family: var(--rc); font-weight: 500;
    font-size: 16px; color: var(--text);
    overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}
.cell-name .addr {
    font-family: var(--rc); font-size: 13px; color: var(--text-3);
    overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}
.cell-mono { font-family: var(--rc); font-size: 15px; color: var(--text); font-variant-numeric: tabular-nums; }
.cell-role { font-family: var(--rc); font-size: 14px; color: var(--text-2); }
.cell-chev, .upd-actions, .act-actions, .emp-cell-actions { color: var(--text-3); display: inline-flex; justify-content: flex-end; }

/* Employees */
.emp-cell-name { display: flex; align-items: center; gap: 12px; min-width: 0; }
.emp-cell-name > div { display: flex; flex-direction: column; min-width: 0; }
.emp-name { font-family: var(--rc); font-weight: 500; font-size: 15px; color: var(--text); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.emp-email { font-family: var(--rc); font-size: 13px; color: var(--text-3); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.emp-avatar {
    width: 40px; height: 40px; border-radius: 50%;
    display: inline-flex; align-items: center; justify-content: center;
    font-family: var(--rc); font-weight: 500; font-size: 14px;
    color: var(--text); background: var(--bg-soft);
    flex: 0 0 auto;
}
/* Палитра аватаров — 7 пастельных цветов по `user/client_id % 7` (детерминированно,
   не случайно). ЕДИНЫЙ источник для трёх мест:
     • список сотрудников   — `.emp-avatar`
     • карточка сотрудника  — `.emp-card-head .big-avatar`
     • аватар в шапке сайта — `.profile-btn .avatar-initials` (иначе серый из
       local/templates/grosio/base.css; `.profile-btn` даёт перевес спецификности 0,3,0
       над тамошним `.avatar-initials.aN` 0,2,0 — побеждает независимо от порядка).
   Серые палитры `.emp-avatar.aN` / `.big-avatar.aN` удалены из employees.css. */
.emp-avatar.a0, .emp-card-head .big-avatar.a0, .profile-btn .avatar-initials.a0 { background: #FFE5E2; color: #8A1F14; }
.emp-avatar.a1, .emp-card-head .big-avatar.a1, .profile-btn .avatar-initials.a1 { background: #DEEEFF; color: #19457D; }
.emp-avatar.a2, .emp-card-head .big-avatar.a2, .profile-btn .avatar-initials.a2 { background: #EEF7DD; color: #3F7000; }
.emp-avatar.a3, .emp-card-head .big-avatar.a3, .profile-btn .avatar-initials.a3 { background: #FFF4E0; color: #8A5A00; }
.emp-avatar.a4, .emp-card-head .big-avatar.a4, .profile-btn .avatar-initials.a4 { background: #F0EAFF; color: #4B2C8E; }
.emp-avatar.a5, .emp-card-head .big-avatar.a5, .profile-btn .avatar-initials.a5 { background: #E5F7F4; color: #136A5C; }
.emp-avatar.a6, .emp-card-head .big-avatar.a6, .profile-btn .avatar-initials.a6 { background: #FCE5F3; color: #8C2363; }
/* Неактивный сотрудник — аватар нейтрально-серый (идёт НИЖЕ цвета, спецификность
   равная → перебивает). Шапки не касается: залогиненный юзер всегда активен. */
.emp-avatar.inactive,
.emp-card-head .big-avatar.inactive { background: var(--text-3); color: #fff; }
.emp-role {
    display: inline-flex; align-items: center;
    height: 26px; padding: 0 10px; border-radius: var(--g-radius-pill);
    font-family: var(--rc); font-size: 13px; font-weight: 500;
    background: var(--bg-soft); color: var(--text-2);
}
.emp-role--owner { background: #FFE5E2; color: #8A1F14; }
.emp-role--manager { background: #DEEEFF; color: #19457D; }
.emp-role--viewer { background: var(--bg-soft); color: var(--text-2); }
.emp-action {
    position: relative;
    width: 32px; height: 32px; border-radius: var(--bs-border-radius);
    background: transparent; border: 1px solid transparent;
    color: var(--text-3); cursor: pointer;
    display: inline-flex; align-items: center; justify-content: center;
    transition: background-color .15s ease, border-color .15s ease, color .15s ease, transform .12s ease;
}
/* Расширяем зону клика до ≥40px (визуальный размер 32px). */
.emp-action::after { content: ""; position: absolute; inset: -4px; }
.emp-action:hover { background: #fff; border-color: var(--line); color: var(--text); }
.emp-action:active { transform: scale(0.96); }

/* Act */
.act-num { font-family: var(--rc); font-size: 15px; font-weight: 500; color: var(--text); font-variant-numeric: tabular-nums; }
.act-period, .act-date, .act-org, .act-sum { font-family: var(--rc); font-size: 15px; color: var(--text); font-variant-numeric: tabular-nums; }
.act-sum { font-weight: 500; }

/* Рекламации — свои стили в claims.css (.cl-*). */

/* UPD */
.upd-num { font-family: var(--rc); font-size: 15px; font-weight: 500; color: var(--text); font-variant-numeric: tabular-nums; }
.upd-date, .upd-org, .upd-sum { font-family: var(--rc); font-size: 14px; color: var(--text); font-variant-numeric: tabular-nums; }
.upd-sum { font-weight: 500; }
.upd-order a { font-family: var(--rc); font-size: 14px; color: var(--text); text-decoration: none; border-bottom: 1px dashed var(--line); }
.upd-order a:hover { color: var(--red); border-color: var(--red); }
/* Ссылка скачивания ТОРГ-12 (PDF из 1С через прокси): иконка-документ + текст,
   обычный цвет, hover — фирменный красный (как .org-dl на списке заказов). */
.upd-dl-link {
    display: inline-flex; align-items: center; gap: 6px;
    font-family: var(--rc); font-size: 14px; color: var(--text);
    text-decoration: none; white-space: nowrap;
}
.upd-dl-link svg { width: 16px; height: 16px; flex: none; }
.upd-dl-link:hover { color: var(--red); }
.upd-dl-link.is-disabled { color: var(--text-3); cursor: default; pointer-events: none; }
.upd-row.head > div.dl-head { cursor: default; }
/* Две печатные формы на строку: УПД (основная) + ТОРГ-12 (вторичная) — колонкой. */
.upd-dl-set { display: inline-flex; flex-direction: column; gap: 4px; align-items: flex-start; }
.upd-dl-link--alt { font-size: 13px; color: var(--text-3); }
.upd-dl-link--alt:hover { color: var(--red); }

/* Summary cards для act/upd/reports — карточки .ord-sum в собственном grid-контейнере */
.act-summary, .upd-summary, .rep-summary {
    display: grid; gap: 12px;
    margin-bottom: 20px;
}
.act-summary { grid-template-columns: repeat(3, 1fr); }
.upd-summary { grid-template-columns: repeat(3, 1fr); }
.rep-summary { grid-template-columns: repeat(4, 1fr); }

/* upd-quick / act-quick — переключатель периодов (общий pill-фильтр) */
.upd-quick, .act-quick {
    display: inline-flex; gap: 4px;
    background: #fff; border: 1px solid var(--line);
    border-radius: 32px; padding: 3px;
    margin-bottom: 20px;
    flex-wrap: nowrap;
    overflow-x: auto;
    max-width: 100%;          /* иначе inline-flex растягивается по контенту и тянет горизонтальный скролл страницы; со 100% — внутренний скролл */
    scrollbar-width: none;
}
.upd-quick::-webkit-scrollbar, .act-quick::-webkit-scrollbar { display: none; }
.upd-quick a, .act-quick a {
    height: 34px; padding: 0 14px; border-radius: 32px;
    font-family: var(--rc); font-size: 14px;
    color: var(--text-2);
    display: inline-flex; align-items: center;
    text-decoration: none; white-space: nowrap;
    transition: color .15s ease, background-color .15s ease;
}
.upd-quick a.active, .act-quick a.active { background: var(--text); color: #fff; }
.upd-quick a:hover:not(.active), .act-quick a:hover:not(.active) { color: var(--text); background: var(--bg-soft); }

/* Organizations: детальная карточка */
.org-card-head { margin-bottom: 16px; }
.org-card-back a {
    display: inline-flex; align-items: center; gap: 6px;
    font-family: var(--rc); font-size: 14px;
    color: var(--text-2); text-decoration: none;
    margin-bottom: 12px;
    transition: color .15s ease;
}
.org-card-back a:hover { color: var(--text); }
.org-card-title { display: flex; align-items: baseline; gap: 14px; flex-wrap: wrap; }
.org-card-title h2 {
    margin: 0;
    font-family: var(--rc); font-weight: 500;
    font-size: 27px; letter-spacing: -0.02em; color: var(--text);
}
.org-card-role {
    display: inline-flex; align-items: center;
    height: 26px; padding: 0 12px; border-radius: var(--g-radius-pill);
    background: #FFE5E2; color: #8A1F14;
    font-family: var(--rc); font-size: 13px; font-weight: 500;
}
.org-card-grid { display: grid; grid-template-columns: 1fr 320px; gap: 16px; margin-top: 16px; }
.org-card {
    /* Без общей рамки — как в дизайне (содержимое: back-ссылка, серая шапка,
       вкладки, контент — лежит прямо на странице, боковой отступ даёт .org-wrap). */
    margin-top: 4px;
    display: flex; flex-direction: column;
}
.org-card h3 {
    margin: 0 0 16px;
    font-family: var(--rc); font-size: 19px; font-weight: 500;
    letter-spacing: -0.02em; color: var(--text);
}
.org-rows { display: grid; grid-template-columns: 180px 1fr; column-gap: 24px; row-gap: 12px; margin: 0; }
.org-rows dt {
    font-family: var(--rc); font-size: 13px; font-weight: 500;
    color: var(--text-2);
    text-transform: uppercase; letter-spacing: 0.04em;
    padding-top: 2px;
}
.org-rows dd {
    margin: 0;
    font-family: var(--rc); font-size: 15px; color: var(--text);
    line-height: 1.4;
}
.org-stat { padding: 12px 0; border-bottom: 1px solid var(--line); display: flex; flex-direction: column; gap: 2px; }
.org-stat:last-of-type { border-bottom: 0; margin-bottom: 16px; }
.org-stat-label { font-family: var(--rc); font-size: 13px; color: var(--text-2); text-transform: uppercase; letter-spacing: 0.04em; }
.org-stat-value { font-family: var(--rc); font-size: 22px; font-weight: 500; color: var(--text); font-variant-numeric: tabular-nums; }

.org-empty-note, .emp-empty-note {
    margin-top: 16px;
    font-family: var(--rc); font-size: 14px; line-height: 1.5;
    color: var(--text-3);
    max-width: 720px;
    text-wrap: pretty;
}

/* Reports */
.rep-grid { display: grid; grid-template-columns: 1.5fr 1fr; gap: 16px; }
.rep-card {
    background: #fff;
    border: 1px solid var(--line);
    border-radius: var(--g-radius-card);
    padding: 24px 28px;
    margin-bottom: 20px; /* зазор до таблицы под графиком (как у .rep-summary) */
}
.rep-card h3 {
    margin: 0 0 18px;
    font-family: var(--rc); font-size: 19px; font-weight: 500;
    letter-spacing: -0.02em; color: var(--text);
}
/* График «Прибыль по месяцам»: гридлайны с тиками, столбики ≤24px по центру,
   подпись значения — только у пикового месяца, остальное — тултип по наведению.
   Тултип — display:none (не opacity): невидимый absolute-хвост за краем карточки
   иначе расширял бы scrollWidth страницы (горизонтальный скролл на мобиле). */
.rep-plot { position: relative; height: 216px; margin-top: 26px; }
.rep-gl { position: absolute; left: 0; right: 0; height: 0; border-top: 1px solid var(--line-2); }
.rep-gl--base { border-top-color: var(--line); }
.rep-gl span {
    position: absolute; left: 2px; top: 3px;
    font-family: var(--rc); font-size: 11px; color: var(--text-3);
    font-variant-numeric: tabular-nums;
}
.rep-cols { position: absolute; inset: 0; display: flex; align-items: flex-end; justify-content: center; gap: 10px; padding: 0 8px; }
.rep-col { position: relative; flex: 1 1 0; min-width: 0; max-width: 104px; height: 100%; display: flex; align-items: flex-end; justify-content: center; }
.rep-bar { width: 100%; max-width: 24px; height: var(--h); min-height: 2px; background: var(--bs-primary); border-radius: 4px 4px 0 0; transition: background .15s; }
.rep-col:hover .rep-bar { background: var(--bs-link-hover-color); }
.rep-cap {
    position: absolute; left: 50%; transform: translateX(-50%);
    bottom: calc(var(--h) + 6px); white-space: nowrap;
    font-family: var(--rc); font-size: 12px; font-weight: 500; color: var(--text);
    font-variant-numeric: tabular-nums; pointer-events: none;
}
.rep-col:hover .rep-cap { opacity: 0; }
.rep-col::after {
    content: attr(data-tip);
    position: absolute; left: 50%; transform: translateX(-50%);
    bottom: calc(var(--h) + 8px); z-index: 3;
    background: var(--graphite); color: #fff;
    font-family: var(--rc); font-size: 12px; line-height: 1.3;
    padding: 6px 10px; border-radius: var(--bs-border-radius-lg); white-space: nowrap;
    display: none; pointer-events: none;
}
.rep-col:hover::after { display: block; }
.rep-months { display: flex; justify-content: center; gap: 10px; padding: 8px 8px 0; }
.rep-month {
    flex: 1 1 0; min-width: 0; max-width: 104px; text-align: center;
    font-family: var(--rc); font-size: 11px; color: var(--text-2);
    white-space: nowrap; overflow: hidden;
}

.rep-cats { margin: 0; padding: 0; list-style: none; display: flex; flex-direction: column; gap: 14px; }
.rep-cat { display: flex; flex-direction: column; gap: 4px; }
.rep-cat-head { display: flex; justify-content: space-between; gap: 12px; align-items: baseline; }
.rep-cat-pct { white-space: nowrap; }
.rep-cat-name { font-family: var(--rc); font-size: 14px; color: var(--text); }
.rep-cat-pct { font-family: var(--rc); font-size: 14px; font-weight: 500; color: var(--text); font-variant-numeric: tabular-nums; }
.rep-cat-bar { height: 6px; background: var(--bg-soft); border-radius: 3px; overflow: hidden; }
.rep-cat-bar span { display: block; height: 100%; background: var(--bs-primary); border-radius: 3px; }
.rep-cat-sum { font-family: var(--rc); font-size: 12px; color: var(--text-3); font-variant-numeric: tabular-nums; }
/* «Распределение прибыли» (клиенты/контрагенты): трек чуть темнее (--bg-soft
   на белой карточке не читался), доля — приглушённым вторым планом */
.rep-share .rep-cat-bar { background: var(--bg-soft-2); }
.rep-cat-share { color: var(--text-3); font-weight: 400; }

/* ============ MOBILE: B2B-кабинет ============ */
@media (max-width: 900px) {
    .org-card-grid, .rep-grid { grid-template-columns: 1fr; }
    .org-row, .emp-row, .act-row, .upd-row {
        grid-template-columns: 1fr 1fr;
        grid-auto-rows: auto;
        padding: 14px 16px;
        gap: 8px 16px;
    }
    .org-row.head, .emp-row.head, .act-row.head, .upd-row.head { display: none; }
    .org-row > div, .emp-row > div, .act-row > div, .upd-row > div { font-size: 14px; }
    .org-row > .cell-name, .emp-row > .emp-cell-name, .act-row > .act-num, .upd-row > .upd-num { grid-column: span 2; }
    .org-row > .cell-chev, .act-row > .act-actions, .upd-row > .upd-actions, .emp-row > .emp-cell-actions {
        display: none;
    }
    .rep-summary { grid-template-columns: repeat(2, 1fr); }
    .act-summary, .upd-summary { grid-template-columns: 1fr; }
    .rep-plot { height: 168px; margin-top: 22px; }
    .rep-cols { gap: 6px; padding: 0 4px; }
    .rep-months { gap: 6px; padding: 6px 4px 0; }
    .rep-month { font-size: 10px; }
    .rep-cap { font-size: 11px; }
    /* Плотный ряд месяцев на узком экране — прореживаем подписи через одну */
    .rep-months--tight .rep-month:nth-child(even) { visibility: hidden; }
}
@media (max-width: 767px) {
    .org-wrap, .emp-wrap, .cl-wrap { padding: 0 16px 32px; }
    .org-toolbar, .emp-toolbar, .rep-toolbar { gap: 8px; margin-bottom: 14px; }
    .org-search { max-width: none; width: 100%; }
    .org-toolbar .spacer, .emp-toolbar .spacer, .rep-toolbar .spacer { display: none; }
    .org-add-btn, .emp-toolbar .btn-primary, .rep-toolbar .btn-primary {
        width: 100%; justify-content: center;
    }
    .org-card-title h2 { font-size: 22px; }
    .org-rows { grid-template-columns: 1fr; gap: 4px; row-gap: 12px; }
    .rep-card { padding: 18px 20px; }
}

@media (max-width: 767px) {
    .ord-wrap { padding: 0 16px 32px; }
    .ord-sum { padding: 12px 14px; border-radius: var(--g-radius-card); }
    .ord-sum-value { font-size: 20px; }
    .ord-sum-label { font-size: 11px; }
}

/* =================================================================
   Частые покупки: /personal/frequent/ — анализ истории заказов
   ================================================================= */
.fp-wrap { padding: 0 32px 32px; margin-top: 8px; }

/* Тулбар сортировок */
.fp-toolbar {
    display: flex; align-items: center; gap: 12px; flex-wrap: wrap;
    margin: 16px 0 24px;
}
.fp-sort {
    display: inline-flex; background: var(--bg-soft);
    border-radius: var(--bs-border-radius-lg); padding: 4px; gap: 4px;
}

/* Сводка-карточки */
.fp-summary {
    display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px;
    margin-bottom: 24px;
}
.fp-sum {
    background: var(--bg-soft); border-radius: var(--g-radius-card); padding: 16px 20px;
    display: flex; flex-direction: column; gap: 4px;
    font-family: var(--rc);
}
.fp-sum .fp-sum-label {
    font-size: 14px; color: var(--text-2);
    text-transform: uppercase; letter-spacing: 0.04em;
}
.fp-sum .fp-sum-value {
    font-size: 27px; font-weight: 500; color: var(--text);
    letter-spacing: -0.02em;
}
.fp-sum .fp-sum-sub { font-size: 14px; color: var(--text-3); }

/* Сетка карточек товара (та же что и .prod-grid в каталоге) */
.fp-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
}

/* Обёртка одной карточки = плашка частоты + ProductCard */
.fp-card-wrap {
    display: flex; flex-direction: column; gap: 8px;
    position: relative;
}

/* Плашка-метаданные «N раз за год · последний заказ» */
.fp-freq-strip {
    display: flex; align-items: center; gap: 10px;
    padding: 8px 14px;
    background: #FFF7F6;
    border: 1px solid #F3DAD7;
    border-radius: var(--g-radius-card);
    font-family: var(--rc); font-size: 14px; color: var(--text);
}
.fp-freq-strip .dot {
    width: 22px; height: 22px; border-radius: 50%;
    background: var(--bs-primary); color: #FFFFFF;
    display: inline-flex; align-items: center; justify-content: center;
    font-size: 13px; font-weight: 700;
    font-variant-numeric: tabular-nums;
}
.fp-freq-strip b {
    font-weight: 500; color: var(--text);
    font-variant-numeric: tabular-nums;
}
.fp-freq-strip .sep {
    width: 1px; height: 14px; background: #EAD3D0; flex: 0 0 auto;
}
.fp-freq-strip .dim { color: var(--text-2); }

/* Пустое состояние с трёхшаговой инструкцией */
.fp-empty {
    background: var(--bg-soft); border-radius: var(--g-radius-card);
    padding: 64px 48px;
    display: grid; grid-template-columns: 240px 1fr;
    gap: 48px; align-items: center;
    margin-bottom: 40px;
}
.fp-empty-illu {
    width: 240px; height: 240px;
    border-radius: var(--g-radius-card); background: #FFFFFF; border: 1px solid var(--line);
    position: relative; overflow: hidden;
    display: flex; align-items: center; justify-content: center;
}
.fp-empty-illu .ring {
    position: absolute; inset: 40px; border-radius: 50%;
    border: 1px dashed var(--line);
}
.fp-empty-illu .ring2 {
    position: absolute; inset: 20px; border-radius: 50%;
    border: 1px dashed #F2DAD7;
}
.fp-empty-illu svg { position: relative; z-index: 1; }
.fp-empty h2 {
    font-family: var(--rc); font-weight: 500; font-size: 29px;
    letter-spacing: -0.02em; color: var(--text);
    margin: 0 0 16px; line-height: 1.15;
}
.fp-empty p {
    font-family: var(--rc); font-size: 16px; line-height: 1.55;
    color: var(--text); margin: 0; max-width: 620px;
}
.fp-empty-steps { display: flex; gap: 12px; margin: 20px 0 24px; }
.fp-step {
    flex: 1; background: #FFFFFF; border: 1px solid var(--line);
    border-radius: var(--g-radius-card); padding: 14px 16px;
    display: flex; flex-direction: column; gap: 6px;
}
.fp-step .num {
    width: 22px; height: 22px; border-radius: 50%;
    background: var(--bs-primary); color: #FFFFFF;
    font-family: var(--rc); font-size: 13px; font-weight: 700;
    display: inline-flex; align-items: center; justify-content: center;
}
.fp-step .t {
    font-family: var(--rc); font-weight: 500;
    font-size: 15px; color: var(--text);
}
.fp-step .d {
    font-family: var(--rc); font-size: 14px;
    color: var(--text-2); line-height: 1.4;
}
.fp-empty-cta {
    display: flex; gap: 12px; align-items: center; flex-wrap: wrap;
}
.fp-empty-cta a.btn { text-decoration: none; }
.fp-empty-note {
    font-family: var(--rc); font-size: 14px; color: var(--text-2);
    display: inline-flex; align-items: center; gap: 8px;
}

/* Секция рекомендаций под пустым состоянием */
.fp-rec-head {
    display: flex; align-items: baseline; gap: 12px;
    margin: 40px 0 16px;
}
.fp-rec-head h2 {
    font-family: var(--rc); font-weight: 500; font-size: 27px;
    letter-spacing: -0.02em; text-transform: uppercase;
    margin: 0; color: var(--text);
}
.fp-rec-head .dim {
    font-family: var(--rc); font-size: 15px; color: var(--text-2);
}

@media (max-width: 900px) {
    .fp-grid { grid-template-columns: repeat(2, 1fr); }
    /* .fp-summary остаётся 3 в ряд (как на десктопе) */
    .fp-empty { grid-template-columns: 1fr; padding: 40px 24px; gap: 24px; text-align: center; }
    .fp-empty-illu { margin: 0 auto; width: 180px; height: 180px; }
    .fp-empty-steps { flex-direction: column; }
}
@media (max-width: 600px) {
    .fp-wrap { padding: 0 16px 24px; }
    /* .fp-grid на телефоне — 2 колонки, как каталог (.catalog-content .prod-grid
       ≤900 = 2 кол). Раньше тут было 1fr → расходилось с каталогом. */
    .fp-rec-head { flex-direction: column; align-items: flex-start; gap: 4px; }
    /* Сводка — 3 в ряд и на телефоне: ужимаем отступы и шрифты, чтобы три
       блока влезли в узкий экран. */
    .fp-summary { gap: 8px; }
    .fp-sum { padding: 10px 12px; }
    .fp-sum .fp-sum-value { font-size: 18px; }
    .fp-sum .fp-sum-label { font-size: 11px; letter-spacing: 0.02em; }
    .fp-sum .fp-sum-sub { font-size: 11px; }
}

/* ============================================================================
 * Новости (/news/)
 * ============================================================================ */

/* --- Toolbar: фильтр по тегу + по году --- */
.news-toolbar {
    display: flex;
    align-items: center;
    gap: 16px;
    flex-wrap: wrap;
    margin: 20px 0 24px; /* отступ от заголовка — как у чипов подкатегорий в каталоге */
}
.news-tags, .news-years {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    background: var(--bg-soft);
    /* Было 999px — капсула-тулбар по шкале, --bs-border-radius-lg (8px). */
    border-radius: var(--bs-border-radius-lg, .5rem);
    padding: 4px;
    flex-wrap: nowrap;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
    max-width: 100%;
}
.news-tags::-webkit-scrollbar, .news-years::-webkit-scrollbar { display: none; }
.news-tag-chip, .news-year-chip {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    height: 34px;
    padding: 0 14px;
    /* Было 999px — вложенный сегмент-таб по шкале, --bs-border-radius-sm (4px). */
    border-radius: var(--bs-border-radius-sm, .25rem);
    background: transparent;
    color: var(--text-2);
    font-family: var(--rc);
    font-size: 14px;
    letter-spacing: -0.01em;
    text-decoration: none;
    white-space: nowrap;
    transition: background .15s ease, color .15s ease, box-shadow .15s ease, transform .1s ease;
    flex-shrink: 0;
}
.news-tag-chip:active, .news-year-chip:active { transform: scale(0.96); }
.news-tag-chip .cnt {
    color: var(--text-3);
    font-size: 12px;
    font-variant-numeric: tabular-nums;
}
.news-tag-chip:hover, .news-year-chip:hover { color: var(--text); }
.news-tag-chip.on, .news-year-chip.on {
    background: #fff;
    color: var(--text);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.06);
}
.news-tag-chip.on .cnt { color: var(--text-2); }

/* --- Листинг --- */
.news-list {
    display: flex;
    flex-direction: column;
    gap: 16px;
}
.news-item {
    display: grid;
    grid-template-columns: 260px 1fr;
    gap: 24px;
    padding: 20px;
    background: var(--bg-card);
    border: 1px solid transparent;
    /* На ступень меньше card-радиуса — 10px на плитках новостей читались
       слишком мягко (жалоба клиента 2026-07-09). --bs-border-radius (6px). */
    border-radius: var(--bs-border-radius, .375rem);
    transition: border-color .15s ease, box-shadow .15s ease;
}
.news-item:hover {
    border-color: var(--line);
    box-shadow: 0 4px 16px rgba(0, 0, 0, .06);
}
.news-image {
    position: relative;
    display: block;
    width: 100%;
    aspect-ratio: 3 / 2;
    /* На ступень меньше card-радиуса, заодно с .news-item (6px). */
    border-radius: var(--bs-border-radius, .375rem);
    overflow: hidden;
    background: #fff;
    text-decoration: none;
    box-shadow: inset 0 0 0 1px rgba(0,0,0,.06);
}
.news-image img {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    /* cover, не contain: обложки 16:9 в плитке 3:2 при contain давали белые
       поля сверху/снизу — «картинка уже, чем нужно» (жалоба 2026-07-09). */
    object-fit: cover;
    display: block;
    transition: transform .3s ease;
}
.news-image:hover img { transform: scale(1.03); }
.news-tag-overlay {
    position: absolute;
    left: 12px;
    top: 12px;
    display: inline-flex;
    align-items: center;
    height: 22px;
    padding: 0 10px;
    /* Было 999px — тег-плашка (лейбл, не счётчик) по шкале, --bs-border-radius-sm (4px),
       как бейджи ХИТ/НОВИНКА на карточке товара. */
    border-radius: var(--bs-border-radius-sm, .25rem);
    background: rgba(255, 255, 255, .92);
    backdrop-filter: blur(4px);
    font-family: var(--rc);
    font-size: 13px;
    font-weight: 500;
    color: var(--text);
    letter-spacing: -.01em;
}
.news-body {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    gap: 12px;
    padding: 4px 8px 4px 0;
}
.news-meta {
    display: flex;
    align-items: center;
    gap: 12px;
    font-family: var(--rc);
    font-size: 14px;
    color: var(--text-2);
}
.news-meta .news-dot {
    width: 3px;
    height: 3px;
    border-radius: 50%;
    background: var(--text-3);
}
.news-date { font-variant-numeric: tabular-nums; }
.news-reading { color: var(--text-3); }
.news-tag-inline {
    font-family: var(--rc);
    font-weight: 500;
    font-size: 13px;
    letter-spacing: .04em;
    text-transform: uppercase;
    color: var(--red);
}
.news-title {
    font-family: var(--rc);
    font-weight: 500;
    font-size: 23px;
    letter-spacing: -.02em;
    line-height: 1.25;
    color: var(--text);
    margin: 0;
    text-wrap: balance;
}
.news-title a {
    color: inherit;
    text-decoration: none;
    transition: color .15s ease;
}
.news-title a:hover { color: var(--red); }
.news-excerpt {
    font-family: var(--ro);
    font-size: 16px;
    line-height: 1.5;
    color: var(--text);
    margin: 0;
    max-width: 740px;
    text-wrap: pretty;
}
.news-more {
    margin-top: auto;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-family: var(--rc);
    font-size: 15px;
    font-weight: 500;
    color: var(--text-graphite, var(--text));
    text-decoration: none;
    padding-top: 4px;
    transition: color .15s ease;
}
.news-more:hover { color: var(--red); }
.news-more svg { transition: transform .15s ease; }
.news-more:hover svg { transform: translateX(2px); }

/* Пагинация */
.news-pagination {
    padding: 24px 0 16px;
    display: flex;
    justify-content: center;
}

/* Пустое состояние */
.news-empty {
    padding: 80px 20px;
    text-align: center;
    background: var(--bg-soft);
    /* Было 24px — панель пустого состояния по шкале, --g-radius-card (10px). */
    border-radius: var(--g-radius-card, .625rem);
    margin-bottom: 32px;
    font-family: var(--rc);
    color: var(--text-2);
}
.news-empty h2 {
    font-family: var(--rc);
    font-weight: 500;
    font-size: 22px;
    color: var(--text);
    margin: 0 0 8px;
    text-wrap: balance;
}
.news-empty p { margin: 0; font-size: 15px; text-wrap: pretty; }

/* --- Страница статьи --- */
.article-page {
    padding: 0;
}
.article-grid {
    display: block;
    max-width: 860px;
}
.article-main { min-width: 0; }
.article-h1 {
    font-family: var(--rc);
    font-weight: 500;
    font-size: 45px;
    line-height: 1.08;
    letter-spacing: -.02em;
    color: var(--text);
    margin: 24px 0 14px; /* отступ от крошек — как у .page-title в других разделах */
    text-wrap: balance;
}
/* Мета под заголовком: автор · дата · время чтения (без аватара). */
.article-meta {
    display: flex;
    align-items: center;
    gap: 12px;
    flex-wrap: wrap;
    font-family: var(--rc);
    font-size: 15px;
    color: var(--text-2);
    margin-bottom: 28px;
}
.article-author { color: var(--text); }
.article-date { font-variant-numeric: tabular-nums; }
.article-read { color: var(--text-3); }
.article-dot { width: 3px; height: 3px; border-radius: 50%; background: var(--text-3); flex-shrink: 0; }
.article-hero {
    position: relative;
    width: 100%;
    aspect-ratio: 16 / 9;
    background: #fff;
    border: 1px solid rgba(0,0,0,.06);
    /* На ступень меньше card-радиуса, заодно со списком новостей (6px). */
    border-radius: var(--bs-border-radius, .375rem);
    overflow: hidden;
    margin-bottom: 32px;
}
.article-hero img {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: contain;
    display: block;
}

/* Контент статьи */
.article-body {
    font-family: var(--ro);
    font-size: 17px;
    line-height: 1.65;
    color: var(--text);
    max-width: 720px;
    text-wrap: pretty;
}
.article-body p { margin: 0 0 18px; }
.article-body h2 {
    font-family: var(--rc);
    font-weight: 500;
    font-size: 29px;
    letter-spacing: -.02em;
    line-height: 1.2;
    color: var(--text);
    margin: 36px 0 14px;
    text-wrap: balance;
}
.article-body h3 {
    font-family: var(--rc);
    font-weight: 500;
    font-size: 21px;
    letter-spacing: -.01em;
    color: var(--text);
    margin: 26px 0 10px;
    text-wrap: balance;
}
.article-body a {
    color: var(--red);
    text-decoration: underline;
    text-decoration-color: var(--line);
    text-underline-offset: 3px;
    transition: text-decoration-color .15s ease;
}
.article-body a:hover { text-decoration-color: var(--red); }
.article-body ul,
.article-body ol {
    margin: 0 0 20px;
    padding-left: 0;
    list-style: none;
}
.article-body ul li {
    position: relative;
    padding-left: 22px;
    margin-bottom: 8px;
}
.article-body ul li::before {
    content: '';
    position: absolute;
    left: 4px;
    top: 11px;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: var(--orange, var(--red));
}
.article-body ol { counter-reset: li; }
.article-body ol li {
    position: relative;
    padding-left: 28px;
    margin-bottom: 10px;
    counter-increment: li;
}
.article-body ol li::before {
    content: counter(li) '.';
    position: absolute;
    left: 0;
    top: 0;
    font-family: var(--rc);
    font-weight: 500;
    color: var(--red);
    min-width: 22px;
}
.article-body strong { color: var(--text); font-weight: 500; }

/* Сайдбар */
.article-aside {
    position: sticky;
    top: 160px;
    display: flex;
    flex-direction: column;
    gap: 20px;
}
.aside-block {
    background: var(--bg-soft);
    /* Было 20px — панель сайдбара по шкале, --g-radius-card (10px). */
    border-radius: var(--g-radius-card, .625rem);
    padding: 20px;
}
.aside-block h3 {
    font-family: var(--rc);
    font-weight: 500;
    font-size: 15px;
    letter-spacing: .04em;
    text-transform: uppercase;
    color: var(--text-2);
    margin: 0 0 12px;
}
.aside-author {
    font-family: var(--rc);
    font-size: 16px;
    color: var(--text);
}
.aside-back { padding: 12px 16px; }
.aside-back-link {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-family: var(--rc);
    font-size: 15px;
    color: var(--text);
    text-decoration: none;
    transition: color .15s ease;
}
.aside-back-link:hover { color: var(--red); }

/* ====== Мобильная адаптация (≤ 900px) ====== */
@media (max-width: 900px) {
    .article-grid {
        grid-template-columns: 1fr;
        gap: 28px;
    }
    .article-aside {
        position: static;
        top: auto;
        gap: 12px;
    }
    .article-h1 { font-size: 32px; }
    .article-body { font-size: 16px; line-height: 1.6; }
    .article-body h2 { font-size: 24px; margin: 28px 0 10px; }
    .article-body h3 { font-size: 19px; margin: 22px 0 8px; }
}

@media (max-width: 767px) {
    .news-toolbar { gap: 10px; margin: 4px 16px 16px; }
    .news-tags, .news-years {
        width: 100%;
        justify-content: flex-start;
        cursor: grab;
    }
    .news-tag-chip, .news-year-chip { height: 30px; padding: 0 12px; font-size: 13px; }

    .news-list { padding: 0 16px 32px; }
    .news-item {
        grid-template-columns: 1fr;
        gap: 12px;
        padding: 12px;
        /* Было 16px — карточка-панель по шкале, --g-radius-card (10px). */
        border-radius: var(--g-radius-card, .625rem);
    }
    .news-image { aspect-ratio: 16 / 9; }
    .news-body { padding: 2px 4px 4px; gap: 8px; }
    .news-meta { font-size: 13px; gap: 8px; flex-wrap: wrap; }
    .news-tag-inline { font-size: 12px; }
    .news-title { font-size: 19px; line-height: 1.2; }
    .news-excerpt { font-size: 15px; line-height: 1.45; }
    .news-more { font-size: 14px; }

    /* Боковой 16px: .container на мобиле обнуляет паддинги (mobile.css), а на
       десктопе боковой отступ статьи давал он. Без этого весь контент статьи
       (заголовок, hero, текст) прижимался к краям экрана. */
    .article-page { padding: 0 16px 48px; }
    .article-h1 { font-size: 26px; line-height: 1.1; margin-bottom: 14px; }
    /* Было 16px — hero-медиа по шкале, --g-radius-card (10px). */
    .article-hero { border-radius: var(--bs-border-radius, .375rem); margin-bottom: 22px; }
}

/* =================================================================
   Модалка «Заказать» (товары под заказ) — .om-*
   ================================================================= */
.om-overlay {
    position: fixed;
    inset: 0;
    z-index: 100;
    background: rgba(32,30,30,0.55);
    backdrop-filter: blur(4px);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px;
    opacity: 0;
    pointer-events: none;
    transition: opacity .2s ease-out;
}
.om-overlay[hidden] { display: none; }
.om-overlay.is-open {
    opacity: 1;
    pointer-events: auto;
}
.om-dialog {
    width: 520px;
    max-width: 100%;
    max-height: calc(100vh - 40px);
    overflow-y: auto;
    background: #fff;
    border-radius: var(--g-radius-card, .625rem);
    box-shadow: 0 30px 80px rgba(0,0,0,0.25);
    position: relative;
    transform: translateY(8px) scale(0.98);
    transition: transform .2s ease-out;
}
.om-overlay.is-open .om-dialog { transform: translateY(0) scale(1); }
.om-handle { display: none; }
body.om-open { overflow: hidden; }

.om-head {
    padding: 24px 28px 0;
    position: relative;
}
.om-close {
    position: absolute;
    top: 16px; right: 16px;
    width: 36px; height: 36px;
    border: 0;
    /* Скруглённый квадрат по новой шкале (было круг 50%). */
    border-radius: var(--bs-border-radius-lg, .5rem);
    background: var(--bg-soft);
    color: var(--text-2);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: background .15s, color .15s, transform .12s ease;
}
/* Расширяем зону клика до ≥40px (визуальный кружок 36px). */
.om-close::after { content: ""; position: absolute; inset: -2px; border-radius: var(--bs-border-radius-lg, .5rem); }
.om-close:hover { background: var(--line); color: var(--bs-danger); }
.om-close:active { transform: scale(0.96); }
.om-head h3 {
    font-family: var(--rc);
    font-weight: 500;
    font-size: 24px;
    letter-spacing: -0.02em;
    color: var(--text);
    margin: 0 48px 6px 0;
    line-height: 1.2;
    text-wrap: balance;
}
.om-subtitle {
    font-family: var(--rc);
    font-size: 14px;
    color: var(--text-2);
}

.om-product {
    margin: 20px 28px 0;
    padding: 12px;
    background: var(--bg-soft);
    /* Было 14px — панель-строка товара внутри модалки по шкале, --g-radius-card (10px). */
    border-radius: var(--g-radius-card, .625rem);
    display: flex;
    gap: 12px;
    align-items: center;
}
.om-product[hidden] { display: none; }
.om-product__img {
    width: 56px; height: 56px;
    border-radius: 10px;
    overflow: hidden;
    background: #fff;
    /* Аутлайн миниатюры товара — чистый чёрный low-opacity (не тинт var(--line-2),
       тинт читается как «грязь» по краю). */
    box-shadow: inset 0 0 0 1px rgba(0,0,0,.06);
    flex-shrink: 0;
    background-size: cover;
    background-position: center;
}
.om-product__body { min-width: 0; flex: 1; }
.om-product__name {
    font-family: var(--rc);
    font-size: 14px;
    font-weight: 500;
    color: var(--text);
    line-height: 1.3;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.om-product__meta {
    font-family: var(--rc);
    font-size: 12px;
    color: var(--text-3);
    margin-top: 2px;
}

.om-form {
    padding: 20px 28px 24px;
}
.om-label {
    display: block;
    font-family: var(--rc);
    font-size: 13px;
    color: var(--text-2);
    margin: 14px 0 6px;
}
.om-label:first-child { margin-top: 0; }
/* Обёртка опционального поля лид-модалки: даёт верхний отступ (внутренний
   om-label :first-child обёртки иначе обнуляется правилом выше). */
.om-field { margin-top: 14px; }
.om-req { color: var(--bs-danger); }
.om-opt { color: var(--text-3); font-weight: 400; }
.om-input {
    width: 100%;
    height: 52px;
    padding: 0 16px;
    /* Инпут по шкале — 6px (было 12px). */
    border-radius: var(--bs-border-radius, .375rem);
    border: 1.5px solid var(--line);
    background: #fff;
    font-family: var(--rc);
    font-size: 16px;
    color: var(--text);
    outline: none;
    transition: border-color .15s;
}
.om-input:focus { border-color: var(--text); }
.om-input.is-err { border-color: var(--bs-danger); }
.om-textarea {
    height: auto;
    padding: 12px 16px;
    resize: vertical;
    min-height: 80px;
    line-height: 1.4;
}
.om-err {
    font-family: var(--rc);
    font-size: 13px;
    color: var(--bs-danger);
    margin-top: 4px;
}

.om-agree {
    display: flex;
    gap: 10px;
    align-items: flex-start;
    margin-top: 18px;
    cursor: pointer;
    font-family: var(--rc);
    font-size: 13px;
    color: var(--text-2);
    line-height: 1.4;
}
.om-agree a { color: var(--bs-primary); text-decoration: underline; text-decoration-color: var(--line); }
.om-check {
    width: 20px; height: 20px;
    flex-shrink: 0;
    border-radius: 5px;
    border: 1.5px solid var(--line);
    background: #fff;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: transparent;
    transition: background .15s, border-color .15s, color .15s;
}
.om-check.is-on {
    background: var(--bs-primary);
    border-color: var(--bs-primary);
    color: #fff;
}

.om-actions {
    display: flex;
    gap: 10px;
    margin-top: 22px;
}
.om-actions .om-btn-cancel {
    flex: 0 0 auto;
    height: 52px;
    /* Кнопки по шкале — 6px (было 26px, пилюля). */
    border-radius: var(--bs-border-radius, .375rem);
    padding: 0 20px;
    font-size: 15px;
}
.om-actions .om-submit {
    flex: 1;
    height: 52px;
    border-radius: var(--bs-border-radius, .375rem);
    font-size: 15px;
}
.om-submit:disabled { opacity: 0.5; cursor: not-allowed; }

.om-trust {
    margin-top: 14px;
    display: flex;
    align-items: center;
    gap: 8px;
    font-family: var(--rc);
    font-size: 12px;
    color: var(--text-3);
}

.om-success {
    padding: 40px 28px 32px;
    text-align: center;
}
.om-success__ico {
    width: 72px; height: 72px;
    border-radius: 50%;
    background: #E8F5D8;
    color: #27AE60;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 16px;
}
.om-success__title {
    font-family: var(--rc);
    font-weight: 500;
    font-size: 24px;
    letter-spacing: -0.02em;
    color: var(--text);
    margin: 0 0 8px;
    text-wrap: balance;
}
.om-success__txt {
    font-family: var(--rc);
    font-size: 15px;
    color: var(--text);
    line-height: 1.5;
    margin-bottom: 20px;
    text-wrap: pretty;
}
.om-success__steps {
    padding: 14px;
    background: var(--bg-soft);
    /* Панель по шкале — 10px (было 12px). */
    border-radius: var(--g-radius-card, .625rem);
    font-family: var(--rc);
    font-size: 13px;
    color: var(--text-2);
    margin-bottom: 20px;
    text-align: left;
}
.om-success__steps b { color: var(--text); }
.om-success__steps > div { margin-bottom: 4px; }
.om-success__steps > div:last-child { margin-bottom: 0; }
.om-btn-ok {
    width: 100%;
    height: 52px;
    border-radius: var(--bs-border-radius, .375rem);
    font-size: 15px;
}
/* Primary-кнопки модалок заказа/быстрого заказа/отзыва — штатный Bootstrap
   .btn-primary захардкожен в синий #0d6efd, задаём бренд-индиго явно (жалоба
   клиента «некорректный цвет кнопок» окна «Заказ товара»). Cancel — .btn-outline,
   нейтральный, не трогаем. */
.om-actions .om-submit,
.om-btn-ok,
.rv-actions .rv-submit,
.rv-btn-ok {
    background: var(--bs-primary);
    border-color: var(--bs-primary);
    color: #fff;
}
.om-actions .om-submit:not(:disabled):hover,
.om-btn-ok:hover,
.rv-actions .rv-submit:not(:disabled):hover,
.rv-btn-ok:hover {
    background: var(--bs-link-hover-color);
    border-color: var(--bs-link-hover-color);
    color: #fff;
}
/* Scale-on-press для кнопок-действий модалки заказа/быстрого заказа. */
.om-actions .om-submit:not(:disabled):active,
.om-actions .om-btn-cancel:active,
.om-btn-ok:active { transform: scale(0.96); }

/* ----- Mobile (≤ 767px): bottom-sheet ----- */
@media (max-width: 767px) {
    .om-overlay {
        align-items: flex-end;
        padding: 0;
    }
    .om-dialog {
        width: 100%;
        max-width: 100%;
        max-height: 92vh;
        border-radius: 10px 10px 0 0;
        box-shadow: 0 -20px 60px rgba(0,0,0,0.25);
        transform: translateY(100%);
    }
    .om-overlay.is-open .om-dialog { transform: translateY(0); }
    .om-handle {
        display: flex;
        justify-content: center;
        padding: 8px 0 4px;
        user-select: none;
        background: #fff;
        border-radius: 10px 10px 0 0;
        position: sticky;
        top: 0;
        z-index: 2;
    }
    .om-handle::before {
        content: '';
        width: 36px;
        height: 4px;
        border-radius: 2px;
        background: var(--line);
    }
    .om-head { padding: 4px 20px 0; }
    .om-head h3 { font-size: 22px; }
    .om-product { margin: 16px 20px 0; }
    .om-form { padding: 16px 20px 24px; }
    .om-success { padding: 32px 20px 24px; }
    .om-actions {
        flex-direction: column-reverse;
        gap: 8px;
    }
    .om-actions > button {
        width: 100%;
        flex: 0 0 auto;
    }
    /* ⚠ У .om-submit десктопное .om-actions .om-submit{flex:1} (0,2,0)
       перебивало мобильное .om-actions>button{flex:0 0 auto} (0,1,1) → в
       column-flex flex:1 ставит flex-basis:0%, что убивало height:52px и
       кнопка схлопывалась до высоты текста (~18px). Сбрасываем flex равной
       специфичностью — height:52px снова работает. */
    .om-actions .om-submit { flex: 0 0 auto; }
}

/* =================================================================
   Модалка «Оставить отзыв» — .rv-*  (повторяет паттерн .om-*)
   ================================================================= */
.rv-overlay {
    position: fixed;
    inset: 0;
    z-index: 100;
    background: rgba(32,30,30,0.55);
    backdrop-filter: blur(4px);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px;
    opacity: 0;
    pointer-events: none;
    transition: opacity .2s ease-out;
}
.rv-overlay[hidden] { display: none; }
.rv-overlay.is-open { opacity: 1; pointer-events: auto; }
.rv-dialog {
    width: 520px;
    max-width: 100%;
    max-height: calc(100vh - 40px);
    overflow-y: auto;
    background: #fff;
    border-radius: var(--g-radius-card, .625rem);
    box-shadow: 0 30px 80px rgba(0,0,0,0.25);
    position: relative;
    transform: translateY(8px) scale(0.98);
    transition: transform .2s ease-out;
}
.rv-overlay.is-open .rv-dialog { transform: translateY(0) scale(1); }
.rv-handle { display: none; }
body.rv-open { overflow: hidden; }

.rv-head { padding: 24px 28px 0; position: relative; }
.rv-close {
    position: absolute; top: 16px; right: 16px;
    width: 36px; height: 36px;
    border: 0; border-radius: 50%;
    background: var(--bg-soft); color: var(--text-2);
    display: inline-flex; align-items: center; justify-content: center;
    cursor: pointer;
    transition: background .15s, color .15s, transform .12s ease;
}
.rv-close::after { content: ""; position: absolute; inset: -2px; border-radius: 50%; }
.rv-close:hover { background: var(--line); color: var(--bs-danger); }
.rv-close:active { transform: scale(0.96); }
.rv-head h3 {
    font-family: var(--rc); font-weight: 500;
    font-size: 24px; letter-spacing: -0.02em;
    color: var(--text); margin: 0 48px 6px 0; line-height: 1.2;
    text-wrap: balance;
}
.rv-subtitle { font-family: var(--rc); font-size: 14px; color: var(--text-2); }

.rv-form { padding: 20px 28px 24px; }
.rv-rating-row {
    display: flex;
    align-items: center;
    gap: 16px;
    margin-bottom: 6px;
}
.rv-rating-label {
    font-family: var(--rc); font-size: 13px; color: var(--text-2);
}
.rv-stars { display: inline-flex; gap: 4px; }
.rv-star {
    border: 0; background: transparent; padding: 0;
    cursor: pointer;
    color: var(--line-2);
    transition: color .12s, transform .12s;
}
.rv-star:hover,
.rv-star.is-hover,
.rv-star.is-on {
    color: var(--orange, #F2994A);
}
.rv-star:active { transform: scale(0.96); }

.rv-label {
    display: block;
    font-family: var(--rc); font-size: 13px; color: var(--text-2);
    margin: 14px 0 6px;
}
.rv-input {
    width: 100%;
    padding: 12px 16px;
    /* Инпут/textarea по шкале — 6px (было 12px). */
    border-radius: var(--bs-border-radius, .375rem);
    border: 1.5px solid var(--line);
    background: #fff;
    font-family: var(--rc);
    font-size: 16px;
    color: var(--text);
    outline: none;
    transition: border-color .15s;
    line-height: 1.4;
    resize: vertical;
    min-height: 110px;
}
.rv-input:focus { border-color: var(--text); }
.rv-input.is-err { border-color: var(--bs-danger); }
.rv-err { font-family: var(--rc); font-size: 13px; color: var(--bs-danger); margin-top: 4px; }

.rv-actions {
    display: flex;
    gap: 10px;
    margin-top: 22px;
}
.rv-btn-cancel {
    flex: 0 0 auto;
    height: 52px;
    /* Кнопки по шкале — 6px (было 26px, пилюля). */
    border-radius: var(--bs-border-radius, .375rem);
    padding: 0 20px;
    font-size: 15px;
}
.rv-submit {
    flex: 1;
    height: 52px;
    border-radius: var(--bs-border-radius, .375rem);
    font-size: 15px;
}
.rv-submit:disabled { opacity: 0.5; cursor: not-allowed; }
.rv-submit:not(:disabled):active,
.rv-btn-cancel:active { transform: scale(0.96); }
.rv-trust {
    margin-top: 14px;
    font-family: var(--rc);
    font-size: 12px;
    color: var(--text-3);
    text-align: center;
}

.rv-success { padding: 40px 28px 32px; text-align: center; }
.rv-success__ico {
    width: 72px; height: 72px;
    border-radius: 50%;
    background: #E8F5D8;
    color: #27AE60;
    display: inline-flex; align-items: center; justify-content: center;
    margin: 0 auto 16px;
}
.rv-success__title {
    font-family: var(--rc); font-weight: 500;
    font-size: 24px; letter-spacing: -0.02em;
    color: var(--text); margin: 0 0 8px;
    text-wrap: balance;
}
.rv-success__txt {
    font-family: var(--rc); font-size: 15px;
    color: var(--text); line-height: 1.5; margin-bottom: 20px;
    text-wrap: pretty;
}
.rv-btn-ok { width: 100%; height: 52px; border-radius: var(--bs-border-radius, .375rem); font-size: 15px; }
.rv-btn-ok:active { transform: scale(0.96); }

@media (max-width: 767px) {
    .rv-overlay { align-items: flex-end; padding: 0; }
    .rv-dialog {
        width: 100%; max-width: 100%;
        max-height: 92vh;
        border-radius: 10px 10px 0 0;
        box-shadow: 0 -20px 60px rgba(0,0,0,0.25);
        transform: translateY(100%);
    }
    .rv-overlay.is-open .rv-dialog { transform: translateY(0); }
    .rv-handle {
        display: flex; justify-content: center;
        padding: 8px 0 4px;
        background: #fff;
        border-radius: 10px 10px 0 0;
        position: sticky; top: 0; z-index: 2;
    }
    .rv-handle::before {
        content: ''; width: 36px; height: 4px;
        border-radius: 2px; background: var(--line);
    }
    .rv-head { padding: 4px 20px 0; }
    .rv-head h3 { font-size: 22px; }
    .rv-form { padding: 16px 20px 24px; }
    .rv-success { padding: 32px 20px 24px; }
    .rv-actions { flex-direction: column-reverse; gap: 8px; }
    .rv-actions > button { width: 100%; flex: 0 0 auto; }
    .rv-rating-row { flex-direction: column; align-items: flex-start; gap: 8px; }
}

/* =================================================================
   Модалка авторизации/регистрации — .am-*
   ================================================================= */
.am-overlay {
    position: fixed;
    inset: 0;
    z-index: 100;
    background: rgba(32,30,30,0.55);
    backdrop-filter: blur(4px);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px;
    opacity: 0;
    pointer-events: none;
    transition: opacity .2s ease-out;
}
.am-overlay[hidden] { display: none; }
.am-overlay.is-open { opacity: 1; pointer-events: auto; }
.am-dialog {
    width: 540px;
    max-width: 100%;
    max-height: calc(100vh - 40px);
    overflow-y: auto;
    background: #fff;
    /* Модалка — по шкале радиусов --g-radius-card (10px), было 24px. */
    border-radius: var(--g-radius-card, .625rem);
    box-shadow: 0 30px 80px rgba(0,0,0,0.25);
    position: relative;
    padding: 20px;
    transform: translateY(8px) scale(0.98);
    transition: transform .2s ease-out;
}
.am-overlay.is-open .am-dialog { transform: translateY(0) scale(1); }
body.am-open { overflow: hidden; }
.am-close {
    position: absolute; top: 12px; right: 12px;
    width: 36px; height: 36px;
    border: 0; border-radius: 50%;
    background: var(--bg-soft); color: var(--text-2);
    display: inline-flex; align-items: center; justify-content: center;
    cursor: pointer;
    z-index: 2;
    transition: background .15s, color .15s, transform .12s ease;
}
.am-close::after { content: ""; position: absolute; inset: -2px; border-radius: 50%; }
.am-close:hover { background: var(--line); color: var(--bs-danger); }
.am-close:active { transform: scale(0.96); }
.am-loading {
    padding: 60px 0;
    text-align: center;
    color: var(--text-3);
    font-family: var(--rc);
    font-size: 14px;
}

/* В модальном режиме урезаем top-padding .auth-page (страница уже центрирована
   через .am-dialog) и убираем background. */
.auth-page--modal {
    padding: 0 !important;
    min-height: 0 !important;
    background: transparent !important;
}
.auth-page--modal .auth-shell { gap: 14px; }
/* Внутри модалки .am-dialog уже сам — белая карточка с border-radius и
   shadow. Внутренний .auth-card вторую рамку рисует визуальный двойной
   контур — убираем её. */
.auth-page--modal .auth-card {
    border: 0;
    background: transparent;
    padding: 0;
    box-shadow: none;
    border-radius: 0;
}

@media (max-width: 767px) {
    .am-overlay { align-items: flex-end; padding: 0; }
    .am-dialog {
        width: 100%; max-width: 100%;
        max-height: 92vh;
        /* Bottom-sheet: верхние углы по шкале модалки (10px), было 24px. */
        border-radius: var(--g-radius-card, .625rem) var(--g-radius-card, .625rem) 0 0;
        box-shadow: 0 -20px 60px rgba(0,0,0,0.25);
        transform: translateY(100%);
        padding: 16px;
    }
    .am-overlay.is-open .am-dialog { transform: translateY(0); }
}

/* =================================================================
   Страницы /brands/ — список и детальная
   ================================================================= */
.brands-page,
.brand-page {
    padding: 0 32px 48px;
}
.brands-page .brands-grid { margin-top: 20px; } /* отступ заголовок→сетка как в каталоге */

.brands-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 20px;
}
@media (max-width: 1100px) { .brands-grid { grid-template-columns: repeat(3, 1fr); } }
@media (max-width: 767px)  { .brands-grid { grid-template-columns: repeat(2, 1fr); } .brands-page, .brand-page { padding: 0 16px 32px; } }

.brand-card {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: 12px;
    padding: 24px 16px;
    background: #fff;
    border: 1px solid var(--line);
    border-radius: var(--g-radius-card, .625rem);
    text-decoration: none;
    color: var(--text);
    transition: border-color .15s, box-shadow .15s;
}
.brand-card:hover {
    border-color: var(--text-3);
    box-shadow: var(--g-shadow-card, 0 4px 16px rgba(0,0,0,0.06));
}
.brand-card__logo { width: 120px; height: 120px; flex-shrink: 0; }
.brand-card__logo svg { width: 100%; height: 100%; }
/* Реальный логотип бренда — квадратная плитка с радиусом --g-radius-card (10px);
   лого вписано contain на белом фоне с паддингом, чтобы дышало. */
.brand-card__logo .brand-logo-img {
    width: 100%; height: 100%;
    object-fit: contain; object-position: center;
    padding: 14px; display: block; background: #fff;
    /* Без рамки (просьба клиента 2026-07-09) — только радиус плитки. */
    border-radius: var(--g-radius-card, .625rem);
}
.brand-card__name {
    font-family: var(--rc);
    font-weight: 500;
    font-size: 18px;
    color: var(--text);
    letter-spacing: -0.01em;
    text-wrap: balance;
}
.brand-card__tagline {
    font-family: var(--rc);
    font-size: 13px;
    color: var(--text-2);
    line-height: 1.4;
    text-wrap: pretty;
}

/* Детальная: hero + текст + товары */
.brand-hero {
    display: grid;
    grid-template-columns: 200px 1fr;
    gap: 32px;
    align-items: start;
    padding: 32px 0;
}
.brand-logo {
    width: 200px;
    height: 200px;
    flex-shrink: 0;
}
.brand-logo svg { width: 100%; height: 100%; }
/* Реальный логотип бренда на детальной (hero) — та же квадратная плитка. */
.brand-logo .brand-logo-img {
    width: 100%; height: 100%;
    object-fit: contain; object-position: center;
    padding: 22px; display: block; background: #fff;
    /* Без рамки (просьба клиента 2026-07-09) — только радиус плитки. */
    border-radius: var(--g-radius-card, .625rem);
}
.brand-hero__meta {
    display: flex;
    align-items: center;
    gap: 12px;
    font-family: var(--rc);
    font-size: 14px;
    color: var(--text-2);
    margin-bottom: 16px;
    font-variant-numeric: tabular-nums;
}
.brand-hero__dot {
    width: 4px; height: 4px;
    border-radius: 50%;
    background: var(--text-3);
}
.brand-hero__tagline {
    font-family: var(--rc);
    font-size: 18px;
    color: var(--text);
    margin-bottom: 16px;
    line-height: 1.4;
    text-wrap: pretty;
}
/* Страна + флаг в мета-строке. */
.brand-hero__country {
    display: inline-flex;
    align-items: center;
    gap: 6px;
}
.brand-hero__flag {
    font-size: 16px;
    line-height: 1;
}
/* Описание бренда — теперь в правой колонке hero (заполняет пространство у лого). */
.brand-hero__about {
    font-family: var(--rc);
    font-size: 16px;
    color: var(--text);
    line-height: 1.6;
    margin: 0;
    max-width: 760px;
    text-wrap: pretty;
}

.brand-products .prod-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 20px;
}
@media (max-width: 1100px) { .brand-products .prod-grid { grid-template-columns: repeat(3, 1fr); } }
@media (max-width: 700px)  { .brand-products .prod-grid { grid-template-columns: repeat(2, 1fr); gap: 8px; } }

@media (max-width: 767px) {
    .brand-hero {
        grid-template-columns: 1fr;
        gap: 16px;
        padding: 16px 0;
    }
    .brand-logo { width: 120px; height: 120px; margin: 0 auto; }
    .brand-hero__meta { justify-content: center; }
    .brand-hero__tagline { font-size: 16px; text-align: center; }
}

/* ----- Ссылка на бренд (везде где встречается название бренда — dashed) ----- */
.js-brand-link {
    color: var(--text);
    text-decoration: none;
    border-bottom: 1px dashed var(--text-3);
    transition: color .15s, border-bottom-color .15s;
}
.js-brand-link:hover {
    color: var(--bs-primary);
    border-bottom-color: var(--bs-primary);
}

/* =================================================================
   Профиль в шапке — выравниваем как .nav-item (иконка + подпись),
   гостю показываем иконку человечка вместо пустого кружка.
   Базовые .profile-btn / .avatar-ring живут в local/templates/grosio/base.css;
   здесь — оверрайды, чтобы не бампать ?v у base.css.
   ================================================================= */
.profile-btn {
    display: inline-flex; flex-direction: column; align-items: center; justify-content: center;
    gap: 4px; min-width: 72px;
}
.profile-btn .nav-label { margin-top: 0; }
/* Кольцо профиля = иконке соседей (.nav-item .ti 24px) и тот же gap 4px —
   иначе подпись «Профиль» опускается ниже соседних (сдвиг = (иконка+gap)/2,
   24+4 у всех четырёх пунктов). Переопределяем и compact-режим (там базово 40px). */
.profile-btn .avatar-ring { width: 24px; height: 24px; }
.header-main.compact .profile-btn .avatar-ring { width: 24px; height: 24px; }
.profile-btn .avatar-initials { font-size: 11px; }
.header-main.compact .profile-btn .avatar-initials { font-size: 11px; }
/* Заглушка-человечек для гостя (до AJAX и после логаута) */
.avatar-guest {
    display: flex; align-items: center; justify-content: center;
    width: 100%; height: 100%; border-radius: 50%;
    background: var(--line); color: var(--text-2);
}
.avatar-guest svg { width: 18px; height: 18px; }
/* Кольцо вокруг человечка — без красной обводки (нейтральный серый круг) */
.avatar-ring:has(.avatar-guest) { background: var(--line); border: none; }

/* =================================================================
   Пустое состояние (.cart-empty) — общий компонент для пустой корзины
   и пустого избранного. Лежит здесь (а не в cart-page.css), т.к.
   template_styles.css подключён на всех страницах ЛК, а cart-page.css —
   только на /personal/cart/.
   ================================================================= */
.cart-empty {
    background: #fff;
    border: 1px dashed var(--line);
    border-radius: 24px;
    padding: 64px 32px;
    text-align: center;
    display: flex; flex-direction: column; align-items: center; gap: 16px;
}
.cart-empty .ico {
    width: 88px; height: 88px; border-radius: var(--g-radius-card);
    background: var(--bg-soft);
    display: inline-flex; align-items: center; justify-content: center;
    color: var(--text-3);
}
.cart-empty h3 {
    margin: 0; font-family: var(--rc); font-size: 25px; font-weight: 500;
    letter-spacing: -0.02em; color: var(--text);
}
.cart-empty p {
    margin: 0; font-family: var(--ro); font-size: 15px; color: var(--text-2);
    line-height: 1.5; max-width: 480px;
}
.cart-empty .acts { display: flex; gap: 10px; margin-top: 8px; }
@media (max-width: 767px) {
    .cart-empty { padding: 40px 20px; border-radius: 18px; }
    .cart-empty h3 { font-size: 21px; }
    .cart-empty p { font-size: 14px; }
    .cart-empty .ico { width: 64px; height: 64px; }
    .cart-empty .acts { flex-direction: column; align-items: stretch; width: 100%; }
    .cart-empty .acts .btn { justify-content: center; }
}

/* ===== Выбор города в шапке (top-strip + mobile drawer) ===== */
.city-select { position: relative; display: inline-flex; }
/* Каретка ::after на .city уже задана в base.css — добавляем анимацию поворота. */
.top-strip .city::after,
.m-menu-head .city::after { transition: transform .15s ease; }
.city-select.is-open .city::after { transform: rotate(180deg); }
.city-drop {
    position: absolute; top: calc(100% + 8px); left: 0; z-index: 1300;
    min-width: 210px;
    background: #fff; border: 1px solid var(--bs-border-color); border-radius: var(--bs-border-radius-lg);
    box-shadow: var(--g-shadow-popover);
    padding: 6px; overflow: hidden;
}
.city-drop[hidden] { display: none; }
.city-drop__title { padding: 7px 12px 5px; font-size: 12px; color: var(--text-3, #999); }
.city-drop__list { list-style: none; margin: 0; padding: 0; }
.city-drop__opt {
    display: block; width: 100%; text-align: left; border: 0; background: none;
    padding: 8px 12px; border-radius: var(--bs-border-radius-sm); font-size: 15px; cursor: pointer;
    color: var(--text, #1e1e1e); font-family: inherit;
    transition: background-color .12s ease, color .12s ease, transform .12s ease;
    transform-origin: left center;
}
.city-drop__opt:hover { background: var(--bg-soft, #fafafa); }
.city-drop__opt:active { transform: scale(0.96); }
.city-drop__opt.is-active { color: var(--bs-primary); font-weight: 600; }
.city-drop__foot {
    display: block; margin-top: 4px; padding: 9px 12px;
    border-top: 1px solid var(--line); font-size: 13px;
    color: var(--bs-primary); text-decoration: none;
}
.city-drop__foot:hover { background: var(--bg-soft, #fafafa); }
/* В мобильном drawer город слева, дропдаун открывается под ним. */
.m-menu-head .city-select { display: inline-flex; }

/* ===== Мегаменю каталога (десктопная шапка) ===== */
.catalog-wrap { position: relative; }
.catalog-mega {
    position: absolute;
    top: calc(100% + 10px);
    left: 0;
    z-index: 1200;
    display: grid;
    grid-template-columns: 248px 1fr;
    min-width: 740px;
    max-width: 880px;
    background: #fff;
    border: 1px solid var(--bs-border-color);
    border-radius: var(--bs-border-radius-lg);
    box-shadow: var(--g-shadow-popover);
    overflow: hidden;
}
.catalog-mega[hidden] { display: none; }
.cm-roots {
    list-style: none;
    margin: 0;
    padding: 8px;
    background: var(--bg-soft);
    border-right: 1px solid var(--line);
}
.cm-roots li { margin: 0; }
.cm-root {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    padding: 10px 12px;
    border-radius: var(--bs-border-radius-sm);
    text-decoration: none;
    font-family: var(--rc);
    font-size: 15px;
    color: var(--text);
    transition: background .12s ease, color .12s ease;
}
/* Активный/hover пункт первого уровня — индиго (был --red), фон —
   приглушённая индиго-подложка (была просто белая заливка). */
.cm-root:hover,
.cm-root.is-active { background: var(--bs-primary-bg-subtle); color: var(--bs-primary); }
.cm-root .cm-chev { color: var(--text-3); flex-shrink: 0; transition: color .12s ease; }
.cm-root:hover .cm-chev,
.cm-root.is-active .cm-chev { color: var(--bs-primary); }
.cm-panels {
    position: relative;
    padding: 20px 24px;
    min-height: 240px;
}
.cm-panel { display: none; }
.cm-panel.is-active { display: block; }
.cm-panel-head {
    display: inline-block;
    font-family: var(--rc);
    font-weight: 500;
    font-size: 16px;
    color: var(--text);
    text-decoration: none;
    margin-bottom: 16px;
}
.cm-panel-head:hover { color: var(--bs-primary); }
.cm-subs {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 8px 28px;
}
.cm-sub {
    font-family: var(--rc);
    font-size: 14px;
    color: var(--text-2);
    text-decoration: none;
    padding: 5px 0;
    transition: color .12s ease;
}
.cm-sub:hover { color: var(--bs-primary); }
@media (max-width: 900px) {
    .catalog-mega { min-width: 560px; grid-template-columns: 200px 1fr; }
}

/* =================================================================
   Кастомный скроллбар — фирменный красный (WebKit/Blink + Firefox).
   Глобальный: основной скролл окна + все overflow-области (список
   магазинов .ct-list, корзина списков и т.п.). Намеренно скрытые
   скроллбары свайп-лент (.rel-viewport, .subcats, .cmp-scroll,
   .pagination, .lightbox__thumbs) переопределяют это своей бОльшей
   специфичностью (`.class::-webkit-scrollbar { display:none }`).
   thumb визуально тоньше дорожки за счёт transparent-border + clip.
   ================================================================= */
/* Бренд-акцент: индиго --bs-primary (был легаси-красный --red до 2026-07-08). */
html { scrollbar-width: thin; scrollbar-color: var(--bs-primary) transparent; }
::-webkit-scrollbar { width: 12px; height: 12px; }
::-webkit-scrollbar-track { background: transparent; }
::-webkit-scrollbar-thumb {
    background: var(--bs-primary);
    border-radius: 8px;
    border: 3px solid transparent;
    background-clip: padding-box;
}
::-webkit-scrollbar-thumb:hover {
    background: var(--bs-link-hover-color);
    background-clip: padding-box;
}
::-webkit-scrollbar-corner { background: transparent; }

/* ==================================================================
   B2B: раздел «Организации» (Контрагенты).
   Классы .org-* / .form-* / .inn-* / .addr-* /
   .cm-* / .kpi / .debt-* / .order-status. Токены — общие с дизайн-системой.
   (Пробелы вокруг «/» обязательны — «звёздочка-слэш» закрывает комментарий.)
   ================================================================== */
  /* ======================================================
     Раздел «Организации» — локальные стили.
     Три представления внутри одной страницы:
       1) list  — таблица-листинг организаций (по умолчанию)
       2) card  — карточка одной организации (4 вкладки)
       3) new   — форма добавления организации
     Переключение через ?view=list|card|new и через внутренние
     ссылки-хэши. Стили — в ДНК дизайн-системы (см. DESIGN.md).
     ====================================================== */

  .org-main { max-width: none; }
  /* SubNav на этой странице лежит внутри .sp-wrap (padding: 0 32px),
     поэтому сбрасываем его боковые margin'ы — иначе получится двойной отступ. */
  .org-main .account-subnav { margin-left: 0; margin-right: 0; max-width: 100%; }
  .org-main > .account-subnav-wrap { margin-left: 0; margin-right: 0; }

  /* ---------- Переключатель разделов профиля (sticky-подзаголовок) ---------- */
  /* Компонент SubNav и его стили .account-subnav живут в shared/shared.jsx
     и shared/styles.css — здесь локальных override'ов нет. */


  /* =====================================================================
     СПИСОК ОРГАНИЗАЦИЙ
     ===================================================================== */

  /* Верхняя панель: заголовок + поиск + первичная кнопка «Добавить» */
  .org-toolbar {
    display: flex;
    align-items: center;
    gap: 12px;
    flex-wrap: wrap;
    margin: 0 0 20px;
  }
  .org-toolbar .org-search {
    flex: 1;
    max-width: 380px;
    position: relative;
  }
  .org-toolbar .org-search input {
    width: 100%;
    height: 44px;
    box-sizing: border-box;
    padding: 0 40px 0 42px;
    border: 1px solid var(--line);
    border-radius: var(--bs-border-radius);
    font-family: var(--rc);
    font-size: 15px;
    color: var(--text);
    background: #fff;
    outline: none;
    transition: border-color .15s ease, box-shadow .15s ease;
  }
  .org-toolbar .org-search input::placeholder { color: var(--text-3); }
  .org-toolbar .org-search input:focus {
    border-color: var(--text);
    box-shadow: 0 0 0 3px rgba(45,43,43,0.08);
  }
  .org-toolbar .org-search .sico {
    position: absolute;
    left: 16px; top: 50%;
    transform: translateY(-50%);
    color: var(--text-3);
    pointer-events: none;
  }

  .org-toolbar .org-filter {
    display: inline-flex;
    background: var(--bg-soft);
    border-radius: var(--bs-border-radius-lg);
    padding: 4px;
    gap: 2px;
    height: 44px;
    align-items: center;
  }
  .org-toolbar .org-filter button {
    appearance: none;
    border: none;
    background: transparent;
    font-family: var(--rc);
    font-weight: 500;
    font-size: 14px;
    letter-spacing: 0.02em;
    color: var(--text);
    padding: 0 14px;
    height: 36px;
    border-radius: var(--bs-border-radius);
    cursor: pointer;
    transition: color .15s ease, background-color .15s ease, box-shadow .15s ease, transform .12s ease;
    display: inline-flex;
    align-items: center;
    gap: 6px;
  }
  .org-toolbar .org-filter button:hover { color: var(--text); }
  .org-toolbar .org-filter button:active { transform: scale(0.96); }
  .org-toolbar .org-filter button.on {
    background: #fff;
    color: var(--text);
    box-shadow: 0 1px 2px rgba(0,0,0,0.06);
  }
  .org-toolbar .org-filter button .cnt {
    font-size: 13px;
    color: var(--text-3);
    font-variant-numeric: tabular-nums;
  }
  .org-toolbar .org-filter button.on .cnt { color: var(--text-2); }

  .org-toolbar .spacer { flex: 1; }

  .org-toolbar .btn-primary {
    height: 44px;
    padding: 0 22px;
    border-radius: var(--bs-border-radius);
    font-size: 15px;
  }

  /* Таблица организаций */
  .org-table {
    width: 100%;
    background: #fff;
    border: 1px solid var(--line);
    border-radius: var(--g-radius-card);
    overflow: hidden;
  }
  .org-table .org-row {
    display: grid;
    /* Название / тип / сотрудники — гибкие fr (переменная длина: имя + ИНН /
       «Индивидуальный предприниматель» / список аватар+ФИО); обновлена/
       активность/статус — узкие фикс по контенту; 44px — меню. */
    grid-template-columns: minmax(0, 1.5fr) minmax(0, 1.05fr) minmax(0, 1.4fr) 132px 124px 100px 44px;
    gap: 16px;
    align-items: start;
    padding: 16px 20px;
    border-top: 1px solid var(--line-2);
    transition: background .15s ease;
  }
  .org-table .org-row.head {
    border-top: none;
    /* Единый канон заголовков таблиц: без фона, отделяет только border-bottom. */
    border-bottom: 1px solid var(--bs-border-color);
    padding: 14px 20px;
  }
  .org-table .org-row.head > div {
    /* Спокойный канон — без uppercase/letter-spacing, тише текста (клиент 2026-07-08). */
    font: 500 13px/1.2 var(--rc);
    color: var(--bs-tertiary-color);
  }
  .org-table .org-row.data:hover { background: var(--bg-soft); }
  .org-table .org-row.data { cursor: pointer; }

  /* Ячейка: Название */
  .org-table .cell-name {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 3px;
  }
  .org-table .cell-name .n {
    font-family: var(--rc);
    font-weight: 500;
    font-size: 16px;
    letter-spacing: -0.01em;
    color: var(--text);
    line-height: 1.3;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .org-table .cell-name .n a { color: inherit; text-decoration: none; }
  .org-table .cell-name .n a:hover { color: var(--bs-primary); }
  .org-table .cell-name .sub {
    font-family: var(--rc);
    font-size: 13px;
    color: var(--text-3);
    font-variant-numeric: tabular-nums;
  }

  /* Ячейка: Тип плательщика */
  .org-table .cell-type {
    font-family: var(--rc);
    font-size: 15px;
    color: var(--text);
  }

  /* Ячейка: Дата обновления */
  .org-table .cell-date {
    font-family: var(--rc);
    font-size: 15px;
    color: var(--text);
    font-variant-numeric: tabular-nums;
  }
  /* Время — в одной строке с датой, тем же шрифтом и цветом (наследует от .cell-date). */
  .org-table .cell-date .t { margin-left: 6px; }

  /* Ячейка: Сотрудники — аватар + ФИО, список столбиком (все члены организации).
     Аватар переиспользует .emp-avatar (цветная палитра по id%7), но мельче. */
  .cell-staff { min-width: 0; }
  .cell-staff-list { display: flex; flex-direction: column; gap: 6px; min-width: 0; }
  .cell-staff .staff-it { display: flex; align-items: center; gap: 8px; min-width: 0; }
  .cell-staff .emp-avatar.staff-av { width: 26px; height: 26px; font-size: 11px; }
  .cell-staff .staff-nm { font-family: var(--rc); font-size: 13px; color: var(--text); line-height: 1.3; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; min-width: 0; }
  .cell-staff .staff-empty { color: var(--text-3); }

  /* Ячейка: Активность (switch) */
  .org-switch {
    position: relative;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    cursor: pointer;
    user-select: none;
  }
  .org-switch input { display: none; }
  /* .org-switch .track / ::after удалены — все тоглы переключены на .org-switch--ico (мёртвый CSS) */
  .org-switch .lbl {
    font-family: var(--rc);
    font-size: 14px;
    color: var(--text-2);
  }

  /* Индикатор активности в списке организаций — иконка-тумблер (как в карточке):
     ToggleRight зелёный = активна, ToggleLeft серый = неактивна. */
  .org-switch--ico .ico { flex-shrink: 0; transition: transform .12s ease; }
  .org-switch--ico:active .ico { transform: scale(0.96); }
  .org-switch--ico .ico-on,
  .org-switch--ico .ico-off { display: none; }
  .org-switch--ico input:checked ~ .ico-on { display: inline-block; color: var(--green); }
  .org-switch--ico input:not(:checked) ~ .ico-off { display: inline-block; color: var(--text-3); }

  /* Кнопка активности — вид как «Удалить» (.btn.btn-outline), текст
     «Включить»/«Отключить» (действие), а статус показывает иконка-тумблер:
     ToggleRight зелёный = включено, ToggleLeft серый = выключено. */
  .org-act-btn {
    cursor: pointer;
    user-select: none;
  }
  .org-act-btn input { display: none; }
  .org-act-btn .ico { flex-shrink: 0; transition: transform .12s ease; }
  .org-act-btn:active { transform: scale(0.96); }
  .org-act-btn .ico-on,
  .org-act-btn .ico-off { display: none; }
  .org-act-btn input:checked ~ .ico-on { display: inline-block; color: var(--green); }
  .org-act-btn input:not(:checked) ~ .ico-off { display: inline-block; color: var(--text-3); }

  /* Ячейка: Статус */
  .org-status {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-family: var(--rc);
    font-size: 14px;
    color: var(--text);
    white-space: nowrap;
  }
  .org-status .dot {
    width: 8px; height: 8px;
    border-radius: 50%;
    flex-shrink: 0;
  }
  .org-status.ok .dot { background: var(--green); box-shadow: 0 0 0 3px rgba(95,168,0,0.15); }
  .org-status.pending .dot { background: var(--orange); box-shadow: 0 0 0 3px rgba(229,155,36,0.18); }

  /* Ячейка: Действия — меню «•••» */
  .org-more {
    width: 36px; height: 36px;
    border: none;
    background: transparent;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: var(--text-2);
    cursor: pointer;
    transition: background-color .15s ease, color .15s ease, transform .12s ease;
    position: relative;
  }
  /* Расширяем зону клика до ≥40px (визуальный кружок 36px). */
  .org-more::after { content: ""; position: absolute; inset: -2px; border-radius: 50%; }
  .org-more:hover { background: var(--line); color: var(--text); }
  .org-more:active { transform: scale(0.96); }

  .org-menu {
    position: absolute;
    right: 0; top: calc(100% + 6px);
    z-index: 30;
    min-width: 220px;
    background: #fff;
    border: 1px solid var(--line);
    border-radius: var(--bs-border-radius-lg);
    box-shadow: 0 10px 30px rgba(0,0,0,0.12);
    padding: 6px;
    display: flex;
    flex-direction: column;
    gap: 2px;
  }
  .org-menu button {
    appearance: none;
    border: none;
    background: transparent;
    text-align: left;
    font-family: var(--rc);
    font-size: 15px;
    color: var(--text);
    padding: 10px 12px;
    border-radius: var(--bs-border-radius-sm);
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 10px;
    transition: background .15s ease, color .15s ease;
  }
  .org-menu button:hover { background: var(--bg-soft); color: var(--text); }
  .org-menu button.danger { color: var(--red); }
  .org-menu button.danger:hover { background: #FFF2F0; }
  .org-menu .sep { height: 1px; background: var(--line-2); margin: 4px 6px; }

  /* Пустое состояние */
  .org-empty {
    margin: 24px 0 0;
    padding: 72px 32px 80px;
    background: var(--bg-soft);
    border-radius: var(--g-radius-card);
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 14px;
  }
  .org-empty .eico {
    width: 72px; height: 72px;
    border-radius: var(--g-radius-card);
    background: #fff;
    border: 1px solid var(--line);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: var(--text-2);
    margin-bottom: 6px;
  }
  .org-empty h3 {
    font-family: var(--rc);
    font-weight: 500;
    font-size: 23px;
    letter-spacing: -0.02em;
    color: var(--text);
    margin: 0;
  }
  .org-empty p {
    font-family: var(--ro);
    font-size: 16px;
    line-height: 1.5;
    color: var(--text-2);
    margin: 0;
    max-width: 480px;
  }
  .org-empty .btn-primary {
    margin-top: 12px;
    height: 48px;
    padding: 0 26px;
    border-radius: var(--bs-border-radius);
  }

  /* Хинт снизу списка */
  .org-hint {
    margin-top: 20px;
    padding: 14px 18px;
    background: var(--bg-soft);
    border-radius: var(--bs-border-radius-lg);
    display: grid;
    grid-template-columns: 20px 1fr;
    gap: 12px;
    align-items: flex-start;
    font-family: var(--ro);
    font-size: 14px;
    line-height: 1.5;
    color: var(--text-2);
  }
  .org-hint .ico { color: var(--text-3); margin-top: 1px; }
  .org-hint strong { color: var(--text); font-weight: 500; }

  /* =====================================================================
     КАРТОЧКА ОРГАНИЗАЦИИ
     ===================================================================== */

  .org-card {
    margin-top: 4px;
  }

  /* Шапка карточки: бейдж типа, название, мета, статус, действия */
  .org-card-head {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 24px;
    align-items: stretch;          /* .side тянется на высоту блока → тумблер сверху, «Удалить» снизу */
    padding: 28px 32px;
    background: var(--bg-soft);
    border-radius: var(--g-radius-card);
  }
  /* Тип организации под названием — обычным текстом, как значение свойства. */
  .org-card-subtype {
    font-family: var(--rc);
    font-size: 16px;
    color: var(--text);
    margin-bottom: 14px;
  }
  .org-card-head .pill {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-family: var(--rc);
    font-weight: 500;
    font-size: 13px;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: var(--text-2);
    background: #fff;
    border: 1px solid var(--line);
    border-radius: var(--g-radius-pill);
    padding: 6px 12px;
    margin-bottom: 12px;
  }
  .org-card-head h1 {
    font-family: var(--rc);
    font-weight: 500;
    font-size: 33px;
    line-height: 1.15;
    letter-spacing: -0.02em;
    color: var(--text);
    margin: 0 0 10px;
    text-wrap: balance;
  }
  /* Название + переключатель активности в одной строке */
  .org-card-titlerow {
    display: flex;
    align-items: center;
    gap: 16px;
    flex-wrap: wrap;
    margin-bottom: 10px;
  }
  .org-card-titlerow h1 { margin: 0; }
  .org-card-head .meta {
    display: flex;
    flex-wrap: wrap;
    align-items: center;        /* статус-бейдж в линию с текстом меты */
    gap: 8px 20px;
    font-family: var(--rc);
    font-size: 15px;
    color: var(--text);
  }
  .org-card-head .meta .k { color: var(--text-3); margin-right: 6px; }
  .org-card-head .meta .v { font-variant-numeric: tabular-nums; color: var(--text); }

  .org-card-head .side {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    justify-content: space-between;   /* тумблер — вверху, «Удалить» — внизу */
    gap: 14px;
  }
  .org-card-head .side .actions {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
    justify-content: flex-end;
  }
  /* Кнопки в .side (Удалить — на третьей строке, с иконкой) */
  .org-card-head .side .btn {
    height: 40px;
    padding: 0 16px;
    border-radius: var(--bs-border-radius);
    font-size: 14px;
    display: inline-flex;
    align-items: center;
    gap: 7px;
  }
  .org-card-head .side .btn svg { flex-shrink: 0; }
  /* Scale-on-press кнопок-действий карточки (Удалить/Редактировать) —
     анимация через базовый .btn { transition: all }. */
  .org-card-head .side .btn:active { transform: scale(0.96); }

  /* Вкладки */
  .org-tabs {
    margin-top: 24px;
    border-bottom: 1px solid var(--line);
    display: flex;
    gap: 4px;
    flex-wrap: wrap;
  }
  .org-tabs a {
    font-family: var(--rc);
    font-weight: 500;
    font-size: 16px;
    letter-spacing: -0.01em;
    color: var(--text-2);
    padding: 14px 18px;
    text-decoration: none;
    border-bottom: 2px solid transparent;
    margin-bottom: -1px;
    transition: color .15s ease, border-color .15s ease;
    display: inline-flex;
    align-items: center;
    gap: 8px;
  }
  .org-tabs a:hover { color: var(--text); }
  .org-tabs a.on {
    color: var(--text);
    border-bottom-color: var(--bs-primary);
  }
  .org-tabs a .dot {
    width: 6px; height: 6px;
    border-radius: 50%;
    background: var(--bs-primary);
  }

  .org-tab-body { margin-top: 28px; }

  /* Вкладка «Общие»: двухколоночная выкладка реквизитов */
  .org-sections {
    display: flex;
    flex-direction: column;
    gap: 24px;
  }
  /* Секция «Общие» — белая карточка-блок с заголовком и иконкой (как .emp-section
     в карточке сотрудника): белый фон, рамка, скругление, отступ. */
  .org-section {
    background: #fff;
    border: 1px solid var(--line);
    border-radius: var(--g-radius-card);
    padding: 24px 28px;
  }
  .org-section .sh {
    margin: 0 0 16px;
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
  }
  .org-section .sh h2 {
    font-family: var(--rc);
    font-weight: 500;
    font-size: 19px;
    letter-spacing: -0.01em;
    text-transform: none;
    color: var(--text);
    margin: 0;
    display: inline-flex;
    align-items: center;
    gap: 10px;
  }
  /* Реквизиты — теперь БЕЗ своей рамки/фона (карточкой служит .org-section). */
  .org-defs {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0 48px;
    background: transparent;
    border: none;
    border-radius: 0;
    padding: 0;
  }
  /* Свойства без dashed-разделителей (чистые блоки, как в карточке сотрудника). */
  .org-defs .d {
    display: grid;
    grid-template-columns: 180px 1fr;
    gap: 16px;
    padding: 8px 0;
    align-items: baseline;
  }
  .org-defs .d.full { grid-column: 1 / -1; }
  .org-defs .d .k {
    font-family: var(--rc);
    font-size: 14px;
    color: var(--text-2);
    letter-spacing: 0.01em;
  }
  .org-defs .d .v {
    font-family: var(--rc);
    font-size: 16px;
    color: var(--text);
    font-variant-numeric: tabular-nums;
    word-break: break-word;
  }
  .org-defs .d .v a { color: var(--text); text-decoration: none; }
  .org-defs .d .v a:hover { color: var(--bs-primary); }
  .org-defs .d .v.empty { color: var(--text-3); }

  /* Список адресов доставки внутри карточки */
  .org-delivery-list {
    display: flex;
    flex-direction: column;
    gap: 10px;
  }
  .org-delivery-list .it {
    display: grid;
    grid-template-columns: 40px 1fr;
    gap: 14px;
    padding: 14px 18px;
    background: #fff;
    border: 1px solid var(--line);
    border-radius: var(--g-radius-card);
    align-items: flex-start;
  }
  .org-delivery-list .it .idx {
    width: 36px; height: 36px;
    border-radius: var(--bs-border-radius-sm);
    background: var(--bg-soft);
    color: var(--text);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-family: var(--rc);
    font-weight: 500;
    font-size: 15px;
    font-variant-numeric: tabular-nums;
  }
  .org-delivery-list .it .txt {
    font-family: var(--rc);
    font-size: 16px;
    color: var(--text);
    line-height: 1.4;
  }
  .org-delivery-list .it .sub {
    font-family: var(--rc);
    font-size: 14px;
    color: var(--text-2);
    margin-top: 4px;
  }

  /* Таблица заказов во вкладке «Заказы» */
  .org-orders-toolbar {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
    margin-bottom: 14px;
    align-items: center;
  }
  .org-orders-toolbar .org-filter {
    display: inline-flex;
    background: var(--bg-soft);
    border-radius: var(--bs-border-radius-lg);
    padding: 4px;
    gap: 2px;
    height: 40px;
    align-items: center;
  }
  .org-orders-toolbar .org-filter button {
    appearance: none;
    border: none;
    background: transparent;
    font-family: var(--rc);
    font-weight: 500;
    font-size: 14px;
    color: var(--text);
    padding: 0 14px;
    height: 32px;
    border-radius: var(--bs-border-radius);
    cursor: pointer;
    transition: color .15s ease, background-color .15s ease, box-shadow .15s ease, transform .12s ease;
  }
  .org-orders-toolbar .org-filter button:hover { color: var(--text); }
  .org-orders-toolbar .org-filter button:active { transform: scale(0.96); }
  .org-orders-toolbar .org-filter button.on {
    background: #fff;
    color: var(--text);
    box-shadow: 0 1px 2px rgba(0,0,0,0.06);
  }
  .org-orders-toolbar .org-date {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    height: 40px;
    padding: 0 16px;
    background: #fff;
    border: 1px solid var(--line);
    border-radius: var(--bs-border-radius);
    font-family: var(--rc);
    font-size: 14px;
    color: var(--text);
    cursor: pointer;
  }
  .org-orders-toolbar .org-date:hover { border-color: var(--text-3); color: var(--text); }

  .org-orders {
    width: 100%;
    background: #fff;
    border: 1px solid var(--line);
    border-radius: var(--g-radius-card);
    overflow: hidden;
  }
  .org-orders .r {
    display: grid;
    /* Колонка № — узкая фикс-ширина (там короткий «№ N»). «Скачать» — тоже
       фикс (там «PDF · N КБ»). Остальные fr делят оставшееся, gap даёт
       одинаковые отступы между всеми колонками (как в списке заказов
       другими таблицами ЛК). «Сумма»/«Статус» — короткий контент, поэтому уже (0.8fr);
       «Способ оплаты»/«Способ доставки» — самый длинный текст, поэтому шире
       (1.7fr). Порядок: № / дата создания / дата обновления / сумма / способ
       оплаты / способ доставки / статус / скачать. */
    grid-template-columns: 64px 1fr 1fr 0.8fr 1.7fr 1.7fr 0.8fr 116px;
    gap: 20px;
    padding: 14px 20px;
    align-items: start;          /* текст всех колонок — по верхнему краю (важно при многострочных значениях) */
    border-top: 1px solid var(--line-2);
    transition: background .15s ease;
  }
  .org-orders .r.head {
    border-top: none;
    /* Единый канон заголовков таблиц: без фона, отделяет только border-bottom. */
    border-bottom: 1px solid var(--bs-border-color);
    padding: 12px 20px;
  }
  .org-orders .r.head > div {
    /* Спокойный канон — без uppercase/letter-spacing, тише текста (клиент 2026-07-08). */
    font: 500 13px/1.2 var(--rc);
    color: var(--bs-tertiary-color);
    display: inline-flex;
    align-items: center;
    gap: 6px;
    cursor: pointer;
    user-select: none;
    transition: color .15s ease, transform .12s ease;
    transform-origin: left center;
  }
  .org-orders .r.head > div:hover { color: var(--text); }
  .org-orders .r.head > div:active { transform: scale(0.96); }
  .org-orders .r.head > div.sorted { color: var(--text); }
  /* Иконка сортировки: приглушена у неактивных, активна у текущей колонки,
     поворот на 180° при сортировке по убыванию. */
  .org-orders .r.head > div svg { opacity: .4; transition: transform .15s ease, opacity .15s ease; }
  .org-orders .r.head > div:hover svg,
  .org-orders .r.head > div.sorted svg { opacity: 1; }
  .org-orders .r.head > div.sorted.desc svg { transform: rotate(180deg); }
  .org-orders .r.data:hover { background: var(--bg-soft); }

  /* Единый компонент сортировки таблиц-списков ЛК ([data-sortable], account.js).
     Обобщает оформление сортируемых заголовков на все таблицы (.org-table,
     .emp-table, .act-table, .upd-table), повторяя стиль .org-orders. */
  [data-sortable] .head [data-sort] {
    cursor: pointer;
    user-select: none;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    /* account.js помечает колонку сортировки-по-убыванию классом .desc. Глобальный
       контентный `.desc {font:17px var(--ro)}` (блок «Описание» товара) иначе протекал
       в такой заголовок (крупный шрифт другого начертания).
       ⚠ Здесь задаём шрифт заголовка ЯВНЫМИ токенами (единый канон 500 13px/var(--rc)),
       а НЕ через `inherit`: этот селектор (спецификность 0,3,0) перебивает `.X-row.head > div`
       (0,2,1) у таблиц .org-row/.emp-row/.act-row/.upd-row, где размер задан на дочернем
       div, а строка-родитель font-size не несёт → `inherit` тянул бы body 17px и раздувал
       заголовки (org/emp/act/upd). Явные значения = тот же спокойный 13px/500-канон
       (без uppercase/letter-spacing, клиент 2026-07-08), что у всех таблиц-списков ЛК
       (claims .cl-thead, .org-orders .r.head), и при этом бьют `.desc`. */
    font-family: var(--rc);
    font-size: 13px;
    font-weight: 500;
    line-height: 1.2;
    max-width: none;
    transition: color .15s ease, transform .12s ease;
    transform-origin: left center;
  }
  [data-sortable] .head [data-sort]:hover { color: var(--text); }
  [data-sortable] .head [data-sort]:active { transform: scale(0.96); }
  [data-sortable] .head [data-sort].sorted { color: var(--text); }
  [data-sortable] .head [data-sort] svg { opacity: .4; transition: transform .15s ease, opacity .15s ease; }
  [data-sortable] .head [data-sort]:hover svg,
  [data-sortable] .head [data-sort].sorted svg { opacity: 1; }
  [data-sortable] .head [data-sort].sorted.desc svg { transform: rotate(180deg); }
  /* Кликабельная строка таблицы-списка (account.js initRowLinks). */
  .data[data-href] { cursor: pointer; }
  /* Период (дропдаун) на вкладке «Заказы» */
  .org-period-dd { position: relative; }
  /* В тулбаре вкладки «Заказы» период — слева, фильтр статуса прижат вправо. */
  .org-orders-toolbar .org-filter { margin-left: auto; }
  .org-period-dd .org-date .chev { transition: transform .15s ease; }
  .org-period-dd.open .org-date .chev { transform: rotate(180deg); }
  .org-period-menu {
    position: absolute; left: 0; top: calc(100% + 6px); z-index: 30;
    min-width: 200px; background: #fff;
    border: 1px solid var(--line); border-radius: var(--bs-border-radius-lg);
    box-shadow: 0 12px 32px rgba(0,0,0,0.14);
    padding: 6px; display: none; flex-direction: column; gap: 2px;
  }
  .org-period-dd.open .org-period-menu { display: flex; }
  .org-period-menu button {
    appearance: none; border: 0; background: transparent; text-align: left;
    font-family: var(--rc); font-size: 14px; color: var(--text);
    padding: 9px 12px; border-radius: var(--bs-border-radius-sm); cursor: pointer;
    transition: background-color .12s ease, transform .12s ease;
    transform-origin: left center;
  }
  .org-period-menu button:hover { background: var(--bg-soft); }
  .org-period-menu button:active { transform: scale(0.96); }
  .org-period-menu button.on { background: var(--bg-soft); font-weight: 500; }
  /* Пустой результат фильтра заказов */
  .org-orders-noresults {
    padding: 26px 20px; text-align: center;
    font-family: var(--rc); font-size: 14px; color: var(--text-3);
  }
  .org-orders-noresults[hidden] { display: none; }
  .org-orders .r .num {
    font-family: var(--rc);
    font-weight: 400;
    font-size: 14px;
    color: var(--text);
    font-variant-numeric: tabular-nums;
  }
  .org-orders .r .num a { color: inherit; text-decoration: none; }
  .org-orders .r .num a:hover { color: var(--bs-primary); }
  .org-orders .r .date {
    font-family: var(--rc);
    font-size: 14px;
    color: var(--text);
    font-variant-numeric: tabular-nums;
  }
  /* Время — тем же цветом и шрифтом, что дата (наследует от .date),
     в одной строке с датой. */
  .org-orders .r .date .t { margin-left: 6px; }
  .org-orders .r .sum {
    font-family: var(--rc);
    font-weight: 400;
    font-size: 14px;
    color: var(--text);
    font-variant-numeric: tabular-nums;
  }
  /* Способ доставки, способ оплаты, контрагент — отдельные колонки, обычный текст. */
  .org-orders .r .ship,
  .org-orders .r .pay,
  .org-orders .r .contractor {
    font-family: var(--rc);
    font-size: 14px;
    color: var(--text);
  }
  /* Колонка «Скачать» — несортируемый заголовок (без указателя/иконки). */
  .org-orders .r.head > div.dl-head { cursor: default; }
  /* Ссылка на PDF «Заказ клиента»: иконка-документ + «PDF · N КБ».
     Обычный цвет текста, при наведении — фирменный красный, без подчёркивания. */
  .org-orders .r .dl .org-dl {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    font-family: var(--rc);
    font-size: 14px;
    color: var(--text);
    text-decoration: none;
    white-space: nowrap;
    font-variant-numeric: tabular-nums;
    transition: color .15s ease;
  }
  .org-orders .r .dl .org-dl svg { flex: none; }
  .org-orders .r .dl .org-dl:hover { color: var(--bs-primary); }

  /* Статус заказа во вкладке «Заказы» — обычный текст, как остальные
     колонки: без цвета, без жирности, без плашки/точки. */
  .order-status {
    font-family: var(--rc);
    font-size: 14px;
    font-weight: 400;
    color: var(--text);
    white-space: nowrap;
  }

  /* Вкладка «Договор»: мульти-KPI блок + две карточки лимита и задолженности */
  .org-contract-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px;
  }
  .org-contract-grid .panel {
    background: #fff;
    border: 1px solid var(--line);
    border-radius: var(--g-radius-card);
    padding: 24px 26px;
    display: flex;
    flex-direction: column;
    gap: 18px;
  }
  .org-contract-grid .panel h3 {
    font-family: var(--rc);
    font-weight: 500;
    font-size: 16px;
    letter-spacing: -0.01em;
    color: var(--text);
    margin: 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
  }
  .org-contract-grid .panel h3 .src {
    font-family: var(--rc);
    font-weight: 400;
    font-size: 12px;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: var(--text-3);
  }

  /* Крупный KPI (сумма лимита) */
  .kpi {
    display: flex;
    align-items: baseline;
    gap: 6px;
    font-family: var(--rc);
    color: var(--text);
  }
  .kpi .v {
    font-weight: 700;
    font-size: 33px;
    letter-spacing: -0.02em;
    line-height: 1;
    font-variant-numeric: tabular-nums;
  }
  .kpi .u {
    font-weight: 500;
    font-size: 19px;
    color: var(--text-2);
  }
  .kpi .sub {
    margin-left: 10px;
    font-family: var(--rc);
    font-size: 14px;
    color: var(--text-2);
  }

  /* Прогресс-бар использования лимита */
  .org-progress {
    display: flex;
    flex-direction: column;
    gap: 10px;
  }
  .org-progress .bar {
    width: 100%;
    height: 10px;
    background: var(--bg-soft);
    border-radius: var(--g-radius-pill);
    overflow: hidden;
    position: relative;
  }
  .org-progress .bar .fill {
    height: 100%;
    background: var(--bs-primary);
    border-radius: inherit;
    transition: width .3s ease;
  }
  .org-progress .bar.ok .fill { background: var(--green); }
  .org-progress .bar.warn .fill { background: var(--orange); }
  .org-progress .legend {
    display: flex;
    justify-content: space-between;
    font-family: var(--rc);
    font-size: 14px;
    color: var(--text-2);
    font-variant-numeric: tabular-nums;
  }
  .org-progress .legend .used { color: var(--text); font-weight: 500; }

  /* Пары ключ-значение в панели договора */
  .org-keyval {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px 24px;
  }
  .org-keyval .c .k {
    font-family: var(--rc);
    font-size: 13px;
    letter-spacing: 0.02em;
    color: var(--text-3);
    text-transform: uppercase;
    margin-bottom: 4px;
  }
  .org-keyval .c .v {
    font-family: var(--rc);
    font-weight: 500;
    font-size: 16px;
    color: var(--text);
    font-variant-numeric: tabular-nums;
  }
  .org-keyval .c .v.muted { color: var(--text); font-weight: 400; }

  /* Баннер «Данные получены из 1С» */
  .org-1c-banner {
    display: grid;
    grid-template-columns: 20px 1fr auto;
    gap: 12px;
    align-items: center;
    padding: 12px 16px;
    background: #fff;
    border: 1px solid var(--line);
    border-radius: var(--bs-border-radius-lg);
    font-family: var(--rc);
    font-size: 14px;
    color: var(--text);
    margin-bottom: 16px;
  }
  .org-1c-banner .ico { color: var(--text-3); }
  .org-1c-banner strong { color: var(--text); font-weight: 500; }
  .org-1c-banner .t { color: var(--text-3); font-variant-numeric: tabular-nums; }

  /* Подсветка задолженности (если просрочка > 0) */
  .debt-alert {
    display: grid;
    grid-template-columns: 22px 1fr;
    gap: 12px;
    padding: 14px 16px;
    background: #FFF2F0;
    border: 1px solid #F5D4CF;
    border-radius: 12px;
    align-items: flex-start;
  }
  .debt-alert .ico { color: var(--red); margin-top: 1px; }
  .debt-alert .ttl {
    font-family: var(--rc);
    font-weight: 500;
    font-size: 15px;
    color: var(--red-dark);
  }
  .debt-alert .txt {
    font-family: var(--ro);
    font-size: 14px;
    line-height: 1.45;
    color: var(--text);
    margin-top: 3px;
  }

  /* =====================================================================
     ФОРМА ДОБАВЛЕНИЯ / РЕДАКТИРОВАНИЯ
     ===================================================================== */

  .org-form-layout {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 300px;
    gap: 32px;
    align-items: start;
    margin-top: 8px;
  }
  .org-form-main {
    display: flex;
    flex-direction: column;
    gap: 20px;
    min-width: 0;
  }
  .org-form-aside {
    position: sticky;
    top: 160px;
    display: flex;
    flex-direction: column;
    gap: 16px;
  }

  .org-form-aside .summary {
    background: var(--bg-soft);
    border-radius: var(--g-radius-card);
    padding: 22px;
  }
  .org-form-aside .summary h3 {
    font-family: var(--rc);
    font-weight: 500;
    font-size: 14px;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: var(--text-3);
    margin: 0 0 12px;
  }
  .org-form-aside .summary ol {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 12px;
  }
  .org-form-aside .summary ol li {
    display: grid;
    grid-template-columns: 26px 1fr;
    gap: 10px;
    align-items: flex-start;
    font-family: var(--rc);
    font-size: 15px;
    line-height: 1.4;
    color: var(--text-2);
  }
  .org-form-aside .summary ol li .n {
    width: 24px; height: 24px;
    border-radius: 50%;
    background: #fff;
    border: 1px solid var(--line);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 13px;
    font-weight: 500;
    color: var(--text-3);
    font-variant-numeric: tabular-nums;
    flex-shrink: 0;
  }
  .org-form-aside .summary ol li.done .n {
    background: var(--green);
    border-color: var(--green);
    color: #fff;
  }
  .org-form-aside .summary ol li.active .n {
    background: var(--text);
    border-color: var(--text);
    color: #fff;
  }
  .org-form-aside .summary ol li.done,
  .org-form-aside .summary ol li.active { color: var(--text); }
  .org-form-aside .summary ol li .hint {
    font-family: var(--rc);
    font-size: 13px;
    color: var(--text-3);
    margin-top: 2px;
    display: block;
  }

  .org-form-aside .note {
    background: #fff;
    border: 1px solid var(--line);
    border-radius: var(--g-radius-card);
    padding: 18px 20px;
    display: grid;
    grid-template-columns: 20px 1fr;
    gap: 12px;
    align-items: flex-start;
    font-family: var(--ro);
    font-size: 14px;
    line-height: 1.5;
    color: var(--text-2);
  }
  .org-form-aside .note .ico { color: var(--text-3); margin-top: 1px; }
  .org-form-aside .note strong { color: var(--text); font-weight: 500; }

  /* Панель формы */
  .org-form-panel {
    background: #fff;
    border: 1px solid var(--line);
    border-radius: var(--g-radius-card);
    padding: 28px 32px;
  }
  .org-form-panel h2 {
    font-family: var(--rc);
    font-weight: 500;
    font-size: 21px;
    letter-spacing: -0.02em;
    color: var(--text);
    margin: 0 0 4px;
    display: flex;
    align-items: center;
    gap: 10px;
  }
  .org-form-panel .desc {
    font-family: var(--ro);
    font-size: 15px;
    line-height: 1.5;
    color: var(--text-2);
    margin: 0 0 20px;
  }

  /* Выбор типа плательщика — две большие карточки-опции */
  .org-type-choice {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 14px;
  }
  .org-type-choice label {
    position: relative;
    display: flex;
    gap: 14px;
    padding: 18px 20px;
    border: 1px solid var(--line);
    border-radius: var(--g-radius-card);
    cursor: pointer;
    transition: border-color .15s ease, background-color .15s ease;
    background: #fff;
  }
  .org-type-choice label:hover { border-color: var(--text-3); }
  .org-type-choice input[type="radio"] { display: none; }
  .org-type-choice label .pick {
    width: 20px; height: 20px;
    border-radius: 50%;
    border: 2px solid var(--line);
    flex-shrink: 0;
    margin-top: 2px;
    transition: border-color .15s ease, background-color .15s ease, box-shadow .15s ease;
    position: relative;
  }
  .org-type-choice label.on {
    border-color: var(--text);
    box-shadow: 0 0 0 3px rgba(45,43,43,0.05);
  }
  .org-type-choice label.on .pick {
    border-color: var(--bs-primary);
    border-width: 6px;
  }
  .org-type-choice label .t {
    font-family: var(--rc);
    font-weight: 500;
    font-size: 16px;
    color: var(--text);
    letter-spacing: -0.01em;
    margin-bottom: 4px;
  }
  .org-type-choice label .s {
    font-family: var(--ro);
    font-size: 14px;
    line-height: 1.45;
    color: var(--text-2);
  }
  .org-type-choice label.locked {
    opacity: 0.6;
    cursor: not-allowed;
    background: var(--bg-soft);
  }
  .org-type-choice label.locked:hover { border-color: var(--line); }

  .org-type-lock-note {
    margin-top: 12px;
    font-family: var(--rc);
    font-size: 13px;
    color: var(--text-3);
    display: flex;
    align-items: center;
    gap: 6px;
  }

  /* Общая сетка полей формы (1/2 колонки) */
  .form-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 16px 20px;
  }
  .form-grid .full { grid-column: 1 / -1; }

  .form-field { display: flex; flex-direction: column; gap: 6px; min-width: 0; }
  .form-field label {
    font-family: var(--rc);
    font-weight: 500;
    font-size: 14px;
    letter-spacing: 0.02em;
    color: var(--text);
    display: flex;
    align-items: center;
    gap: 6px;
  }
  .form-field label .req { color: var(--red); }
  .form-field label .opt {
    font-weight: 400;
    font-size: 13px;
    color: var(--text-3);
    letter-spacing: 0;
  }
  .form-field input,
  .form-field select,
  .form-field textarea {
    width: 100%;
    box-sizing: border-box;
    font-family: var(--ro);
    font-size: 16px;
    color: var(--text);
    background: #fff;
    border: 1px solid var(--line);
    border-radius: 12px;
    padding: 12px 14px;
    line-height: 1.35;
    outline: none;
    transition: border-color .15s ease, box-shadow .15s ease;
  }
  .form-field textarea { min-height: 92px; resize: vertical; }
  .form-field input::placeholder,
  .form-field textarea::placeholder { color: var(--text-3); }
  .form-field input:hover,
  .form-field select:hover,
  .form-field textarea:hover { border-color: #D8D8D8; }
  .form-field input:focus,
  .form-field select:focus,
  .form-field textarea:focus {
    border-color: var(--text);
    box-shadow: 0 0 0 3px rgba(45,43,43,0.08);
  }
  .form-field .hint {
    font-family: var(--rc);
    font-size: 13px;
    color: var(--text-3);
  }
  .form-field.err input,
  .form-field.err select,
  .form-field.err textarea { border-color: var(--red); box-shadow: 0 0 0 3px rgba(229,51,36,0.12); }
  .form-field .err-msg {
    font-family: var(--rc);
    font-size: 13px;
    color: var(--red);
    min-height: 14px;
  }

  /* ИНН-поле с индикатором автозаполнения DaData */
  .inn-wrap {
    position: relative;
  }
  .inn-wrap input { padding-right: 120px; }
  .inn-wrap .state {
    position: absolute;
    right: 10px; top: 50%;
    transform: translateY(-50%);
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-family: var(--rc);
    font-size: 13px;
    color: var(--text-3);
    background: var(--bg-soft);
    padding: 4px 10px;
    border-radius: 999px;
    pointer-events: none;
  }
  .inn-wrap .state.loading { color: var(--text); }
  .inn-wrap .state.ok { color: #3D7A00; background: #F0F7E4; }
  .inn-wrap .state.fail { color: var(--red); background: #FFF2F0; }
  .inn-wrap .spinner {
    width: 12px; height: 12px;
    border-radius: 50%;
    border: 1.5px solid var(--text-3);
    border-top-color: transparent;
    animation: org-spin 0.7s linear infinite;
  }
  @keyframes org-spin { to { transform: rotate(360deg); } }

  /* Список адресов доставки в форме (повторяемое поле) — визуально как в карточке */
  .addr-list {
    display: flex;
    flex-direction: column;
    gap: 10px;
  }
  .addr-list .it {
    display: grid;
    grid-template-columns: 40px 1fr 44px;
    gap: 14px;
    padding: 12px 14px 12px 14px;
    background: #fff;
    border: 1px solid var(--line);
    border-radius: var(--g-radius-card);
    align-items: center;
    transition: border-color .15s ease, box-shadow .15s ease;
  }
  .addr-list .it:hover { border-color: #D8D8D8; }
  .addr-list .it.focus {
    border-color: var(--text);
    box-shadow: 0 0 0 3px rgba(45,43,43,0.08);
  }
  .addr-list .it.err { border-color: var(--red); box-shadow: 0 0 0 3px rgba(229,51,36,0.10); }
  .addr-list .it .idx {
    width: 36px; height: 36px;
    border-radius: var(--bs-border-radius-sm);
    background: var(--bg-soft);
    color: var(--text);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-family: var(--rc);
    font-weight: 500;
    font-size: 15px;
    font-variant-numeric: tabular-nums;
    flex-shrink: 0;
  }
  .addr-list .it .body {
    display: flex;
    flex-direction: column;
    gap: 2px;
    min-width: 0;
  }
  .addr-list .it input {
    width: 100%;
    box-sizing: border-box;
    font-family: var(--rc);
    font-size: 16px;
    color: var(--text);
    line-height: 1.4;
    background: transparent;
    border: none;
    outline: none;
    padding: 0;
    height: 22px;
  }
  .addr-list .it input::placeholder { color: var(--text-3); }
  .addr-list .it .sub {
    font-family: var(--rc);
    font-size: 14px;
    color: var(--text-2);
  }
  .addr-list .it .rm {
    position: relative;
    width: 36px; height: 36px;
    border: 1px solid var(--line);
    border-radius: var(--bs-border-radius);
    background: #fff;
    color: var(--text-2);
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: color .15s ease, border-color .15s ease, transform .12s ease;
    flex-shrink: 0;
  }
  /* Расширяем зону клика до ≥40px (визуальный размер 36px). */
  .addr-list .it .rm::after { content: ""; position: absolute; inset: -2px; }
  .addr-list .it .rm:hover:not(:disabled) { color: var(--red); border-color: var(--red); }
  .addr-list .it .rm:not(:disabled):active { transform: scale(0.96); }
  .addr-list .it .rm:disabled { cursor: not-allowed; opacity: 0.35; }
  .addr-add {
    margin-top: 14px;
    align-self: flex-start;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    height: 40px;
    padding: 0 18px;
    border: 1px dashed var(--line);
    border-radius: var(--bs-border-radius);
    background: transparent;
    font-family: var(--rc);
    font-weight: 500;
    font-size: 14px;
    color: var(--text);
    cursor: pointer;
    transition: color .15s ease, border-color .15s ease, background-color .15s ease, transform .12s ease;
  }
  .addr-add:active { transform: scale(0.96); }
  .addr-add svg { color: var(--text-2); transition: transform .15s ease, color .15s ease; }
  .addr-add:hover {
    color: var(--text);
    border-color: var(--text-3);
    border-style: solid;
    background: var(--bg-soft);
  }
  .addr-add:hover svg { color: var(--text); transform: translateX(2px); }
  .addr-add:active { transform: translateY(1px); }

  /* Согласие и кнопки внизу формы */
  .form-consent {
    display: grid;
    grid-template-columns: 20px 1fr;
    gap: 10px;
    align-items: flex-start;
    font-family: var(--ro);
    font-size: 15px;
    color: var(--text);
    line-height: 1.5;
    cursor: pointer;
    user-select: none;
    margin-top: 4px;
  }
  .form-consent input { display: none; }
  .form-consent .box {
    width: 20px; height: 20px;
    border-radius: 5px;
    border: 1px solid var(--line);
    background: #fff;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: transparent;
    margin-top: 2px;
    transition: background-color .15s ease, border-color .15s ease, color .15s ease;
  }
  .form-consent input:checked + .box {
    background: var(--red);
    border-color: var(--red);
    color: #fff;
  }
  .form-consent.err .box { border-color: var(--red); }
  .form-consent a {
    color: var(--red);
    text-decoration: underline;
    text-decoration-color: var(--line);
    text-underline-offset: 3px;
  }
  .form-consent a:hover { text-decoration-color: var(--red); }

  .form-footer {
    margin-top: 16px;
    display: flex;
    align-items: center;
    gap: 12px;
    flex-wrap: wrap;
  }
  .form-footer .btn {
    height: 48px;
    padding: 0 28px;
    border-radius: 24px;
  }
  /* Неактивная кнопка отправки — пока не заполнены обязательные поля / согласие.
     У .btn-primary своего :disabled-стиля не было, кнопка выглядела активной. */
  .form-footer .btn-primary:disabled,
  .form-footer .btn-primary:disabled:hover {
    background: #E6E4E4;
    color: var(--text-3);
    cursor: not-allowed;
    box-shadow: none;
  }
  .form-footer .spacer { flex: 1; }
  .form-footer .hint {
    font-family: var(--rc);
    font-size: 14px;
    color: var(--text-2);
  }

  /* Секция в форме: заголовок-шапка */
  .form-section-head {
    margin: 4px 0 14px;
    padding-bottom: 14px;
    border-bottom: 1px solid var(--line-2);
    display: flex;
    align-items: center;
    gap: 10px;
  }
  .form-section-head h2 {
    font-family: var(--rc);
    font-weight: 500;
    font-size: 19px;
    letter-spacing: -0.01em;
    color: var(--text);
    margin: 0;
  }
  .form-section-head .c {
    font-family: var(--rc);
    font-size: 14px;
    color: var(--text-3);
    font-variant-numeric: tabular-nums;
  }

  /* Успешное состояние после сохранения формы */
  .org-form-success {
    background: #fff;
    border: 1px solid var(--line);
    border-radius: var(--g-radius-card);
    padding: 48px 40px;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 12px;
  }
  .org-form-success .check {
    width: 64px; height: 64px;
    border-radius: 50%;
    background: #E8F5D8;
    color: var(--green);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 6px;
  }
  .org-form-success h2 {
    font-family: var(--rc);
    font-weight: 500;
    font-size: 25px;
    letter-spacing: -0.02em;
    color: var(--text);
    margin: 0;
  }
  .org-form-success p {
    font-family: var(--ro);
    font-size: 16px;
    line-height: 1.5;
    color: var(--text-2);
    margin: 0;
    max-width: 520px;
  }
  .org-form-success .ticket {
    display: inline-block;
    padding: 6px 14px;
    border-radius: var(--g-radius-pill);
    background: var(--bg-soft);
    font-family: var(--rc);
    font-weight: 500;
    font-size: 15px;
    color: var(--text);
    letter-spacing: 0.02em;
  }
  .org-form-success .actions {
    margin-top: 12px;
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
    justify-content: center;
  }

  /* =====================================================================
     МОДАЛКА ПОДТВЕРЖДЕНИЯ УДАЛЕНИЯ
     ===================================================================== */
  .cm-overlay {
    position: fixed;
    inset: 0;
    z-index: 100;
    background: rgba(32,30,30,0.55);
    backdrop-filter: blur(4px);
    display: flex;
    align-items: center;
    justify-content: center;
    animation: cm-fade .18s ease;
  }
  @keyframes cm-fade { from { opacity: 0; } to { opacity: 1; } }
  .cm-dialog {
    width: 480px;
    max-width: calc(100vw - 40px);
    background: #fff;
    border-radius: var(--g-radius-card);
    padding: 28px;
    box-shadow: 0 30px 80px rgba(0,0,0,0.25);
    animation: cm-pop .22s ease;
  }
  @keyframes cm-pop {
    from { opacity: 0; transform: translateY(8px) scale(0.98); }
    to { opacity: 1; transform: translateY(0) scale(1); }
  }
  .cm-dialog h2 {
    font-family: var(--rc);
    font-weight: 500;
    font-size: 23px;
    letter-spacing: -0.02em;
    color: var(--text);
    margin: 0 0 8px;
  }
  .cm-dialog p {
    font-family: var(--ro);
    font-size: 15px;
    line-height: 1.5;
    color: var(--text);
    margin: 0 0 18px;
  }
  .cm-dialog p strong { color: var(--text); font-weight: 500; }
  .cm-dialog .actions {
    display: flex;
    gap: 10px;
  }
  .cm-dialog .actions .btn {
    flex: 1;
    height: 48px;
    border-radius: var(--bs-border-radius);
  }
  .cm-dialog .btn.btn-danger {
    background: var(--red);
    color: #fff;
    border: none;
  }
  .cm-dialog .btn.btn-danger:hover { background: var(--red-dark); }
  .cm-dialog .blocked {
    background: var(--bg-soft);
    border-radius: var(--g-radius-card);
    padding: 14px 16px;
    display: grid;
    grid-template-columns: 20px 1fr;
    gap: 12px;
    align-items: flex-start;
    margin-bottom: 18px;
  }
  .cm-dialog .blocked .ico { color: var(--orange); margin-top: 1px; }
  .cm-dialog .blocked .ttl {
    font-family: var(--rc);
    font-weight: 500;
    font-size: 15px;
    color: var(--text);
    margin-bottom: 3px;
  }
  .cm-dialog .blocked .txt {
    font-family: var(--ro);
    font-size: 14px;
    line-height: 1.45;
    color: var(--text);
  }

/* B2B-формы: [hidden] перекрывается display:flex/grid из портированных правил —
   форсируем скрытие (как .account-subnav-menu). */
.org-form-success[hidden],
.org-form-layout .form-field[hidden],
.inn-wrap .state[hidden] { display: none !important; }

/* B2B-форма: отступы между панелями (панели лежат внутри <form>, gap родителя
   до них не достаёт) + больший отступ от radio-точки в выборе типа плательщика. */
.org-form-main .org-form-panel { margin-bottom: 16px; }
.org-form-main .org-form-panel:last-child { margin-bottom: 0; }
.org-type-choice label { gap: 18px; }

/* DaData-автодополнение адреса (выпадающий список подсказок) */
.dd-wrap { position: relative; display: block; }
.dd-list {
    position: absolute; left: 0; right: 0; top: calc(100% + 4px);
    z-index: 60; background: #fff;
    border: 1px solid var(--line); border-radius: 8px;
    box-shadow: 0 12px 32px rgba(0,0,0,0.14);
    padding: 4px; max-height: 280px; overflow-y: auto;
}
.dd-opt {
    display: block; width: 100%; text-align: left;
    border: 0; background: transparent; cursor: pointer;
    padding: 9px 12px; border-radius: 4px;
    font-family: var(--rc); font-size: 14px; color: var(--text);
    line-height: 1.35;
}
.dd-opt:hover { background: var(--bg-soft); }
/* Активная подсказка при навигации стрелками ↑/↓ (класс ставит JS). */
.dd-opt.on { background: var(--bg-soft); }

/* Универсальный спиннер запроса прямо в поле (автодополнение и т.п.).
   Позиционируется JS-хелпером window.grFieldSpinner по правому краю input. */
.gr-fspin {
    position: absolute;
    width: 16px; height: 16px; margin-top: -8px;
    border: 2px solid var(--line); border-top-color: var(--text-2);
    border-radius: 50%;
    animation: gr-fspin-rot .7s linear infinite;
    pointer-events: none; z-index: 6;
}
@keyframes gr-fspin-rot { to { transform: rotate(360deg); } }

/* «Новая организация»: больше отступ от заголовка страницы до формы. */
.org-form-layout { margin-top: 28px; }
.org-tab-body .org-form-layout { margin-top: 0; }

/* ============================================================
   B2B «Организации» — мобильная адаптация (≤767).
   У блока .org-* своих мобильных
   правил не было: форма «Новая организация» (2-колоночный grid,
   .form-grid 2 кол., .org-type-choice 2 кол.) на узком экране
   сжималась в нечитаемую кашу. Здесь — одна колонка, aside под
   формой, поля стопкой, кнопки на всю ширину.
   ============================================================ */
@media (max-width: 767px) {
  .org-form-layout {
    grid-template-columns: 1fr;
    gap: 14px;
    margin-top: 16px;
    /* Standalone-форма (?view=new) — прямой ребёнок .container, у которого
       mobile.css обнуляет боковые паддинги. Свой обёртки .org-wrap (как у
       списка/карточки) здесь нет → блоки прижимались к краям экрана. Даём
       боковой отступ 16px, как у .org-wrap/.fav-wrap. */
    padding-left: 16px;
    padding-right: 16px;
  }
  /* Внутри карточки (вкладка «Редактировать») форма уже лежит в .org-wrap →
     боковой отступ ему дан — здесь обнуляем, чтобы не задвоить. */
  .org-tab-body .org-form-layout { margin-top: 0; padding-left: 0; padding-right: 0; }
  .org-form-main { order: 1; gap: 12px; }
  .org-form-aside {
    order: 2;
    position: static;
    top: auto;
    gap: 12px;
  }
  .org-form-aside .summary { padding: 18px; border-radius: var(--g-radius-card); }
  .org-form-aside .note { padding: 14px 16px; border-radius: var(--g-radius-card); }

  .org-form-panel { padding: 18px 16px; border-radius: var(--g-radius-card); }
  /* Отступ между панелями: gap у .org-form-main не достаёт (панели лежат внутри
     <form>, а не прямыми детьми main) — поэтому держим margin-bottom и на мобиле,
     иначе панели склеивались встык. */
  .org-form-main .org-form-panel { margin-bottom: 12px; }
  .org-form-panel h2 { font-size: 18px; flex-wrap: wrap; gap: 8px; }
  .org-form-panel .desc { font-size: 14px; margin-bottom: 16px; }

  /* Поля — в один столбец */
  .form-grid { grid-template-columns: 1fr; gap: 14px; }
  .org-type-choice { grid-template-columns: 1fr; gap: 10px; }
  .org-type-choice label { padding: 14px 16px; gap: 14px; }

  /* ИНН: бейдж статуса не наезжает на ввод — переносим под поле */
  .inn-wrap input { padding-right: 14px; }
  .inn-wrap .state {
    position: static;
    transform: none;
    right: auto; top: auto;
    margin-top: 6px;
  }

  /* Адреса доставки */
  .addr-list .it { padding: 10px 12px; gap: 10px; }
  .addr-add { width: 100%; justify-content: center; }

  /* Кнопки внизу — на всю ширину, столбиком; убираем распорку */
  .form-footer { gap: 10px; }
  .form-footer .btn { width: 100%; }
  .form-footer .spacer { display: none; }
  .form-footer .hint { width: 100%; }

  .org-form-success { padding: 32px 18px; }
  .org-form-success h2 { font-size: 21px; }
  .org-form-success p { font-size: 15px; }
}

/* ============================================================
   B2B «Организации» — мобильная адаптация СПИСКА и КАРТОЧКИ (≤900).
   Ported-блок `.org-*` имел десктопные grid'ы со специфичностью
   `.org-table .org-row` / `.org-orders .r`, перебивавшие generic-
   мобильные правила. Здесь — карточный layout с нужной
   специфичностью (breakpoint 900 — как у остального B2B-кабинета).
   ============================================================ */
@media (max-width: 900px) {
  /* ── Список организаций → отдельные карточки с раскладкой «подпись | значение» ──
     (единый приём со списком заказов .org-orders на ≤900): контейнер —
     flex-столбик с зазором, каждая строка — карточка с рамкой; внутри название =
     заголовок карточки (на всю ширину, без подписи), остальные свойства — две
     колонки: подпись (серая) слева | значение (тёмное) справа. */
  /* `.emp-table` тоже здесь: генерик `.org-table,.emp-table,…{border;radius}`
     (выше в файле) иначе перебивает мобильный сброс из employees.css (он грузится
     раньше) → у сотрудников была ЛИШНЯЯ внешняя рамка поверх карточек. */
  .org-table, .emp-table {
    background: transparent; border: 0; border-radius: 0; overflow: visible;
    display: flex; flex-direction: column; gap: 10px;
  }
  .org-table .org-row {
    grid-template-columns: 1fr;
    grid-auto-rows: auto;
    align-items: start;
    padding: 14px 16px;
    gap: 6px;
    border: 1px solid var(--line);
    border-radius: var(--g-radius-card);
    background: #fff;
  }
  /* Карточка кликабельна — подсветка при наведении/тапе (как у строки на десктопе). */
  .org-table .org-row.data:hover,
  .org-table .org-row.data:active { background: var(--bg-soft); }
  .org-table .org-row.head { display: none; }
  .org-table .org-row > div:last-child { display: none; } /* шеврон — вся карточка кликабельна */

  /* Название — заголовок карточки (без подписи, на всю ширину; остаётся
     flex-столбиком: ссылка + ИНН/КПП). ⚠ Сбрасываем generic-правило
     `.org-row > .cell-name { grid-column: span 2 }` (оно рассчитано на
     2-колоночную сетку): при нашей одноколоночной `1fr` span 2 порождает
     неявную вторую колонку (auto) → значения выезжают вправо. */
  .org-table .org-row > .cell-name { min-width: 0; grid-column: 1 / 2; margin-bottom: 8px; }

  /* Свойства с подписью — две колонки: подпись (серая) | значение (тёмное).
     Фикс-ширина колонки подписи выравнивает значения по вертикали между
     строками. Значение каждой ячейки — единым элементом (текст или один
     дочерний .ov/.org-status/label), чтобы не разъезжалось по сетке. */
  .org-table .org-row.data > div[data-label] {
    display: grid;
    grid-template-columns: 132px 1fr;
    gap: 0 10px;
    align-items: baseline;
  }
  .org-table .org-row.data > div[data-label]::before {
    content: attr(data-label);
    /* Шрифт подписи задаём явно (как в .org-orders): ячейки тумблера/статуса
       не имеют своего font-size — иначе ::before наследовал бы крупнее. */
    font-family: var(--rc);
    font-size: 14px;
    font-weight: 400;
    color: var(--text-3);
    white-space: nowrap;
  }
  /* Значения — обычным тёмным шрифтом (на десктопе тип/дата были 15px; тип не
     серый). Дата+время — в строку, тем же шрифтом (.cell-date .t выше). */
  .org-table .cell-type,
  .org-table .cell-date { font-size: 14px; color: var(--text); }
  /* Статус — обычный текст без точки и цвета (как везде); дата внутри статуса
     не нужна — есть отдельная строка «Обновлена». */
  .org-table .org-status { font-size: 14px; }
  .org-table .org-status .dot,
  .org-table .org-status-when { display: none; }
  /* Тумблер активности — иконка + действие «Включить/Отключить» (как на
     десктопе): label выравнивается по baseline значения. */
  .org-table .org-row.data > div[data-label] .org-switch { align-self: center; }
  .org-table .org-switch .lbl { display: inline; }

  /* Фильтр статусов — горизонтальный скролл (как навигация выше): иначе «На
     проверке» ломается/обрезается на узких экранах (iPhone Pro). */
  .org-toolbar .org-filter {
    max-width: 100%;
    overflow-x: auto;
    scrollbar-width: none;
  }
  .org-toolbar .org-filter::-webkit-scrollbar { display: none; }
  .org-toolbar .org-filter button { flex: 0 0 auto; white-space: nowrap; }

  /* ── Карточка: шапка ── */
  .org-card-head {
    grid-template-columns: 1fr;
    gap: 16px;
    padding: 20px 18px;
    border-radius: var(--g-radius-card);
  }
  .org-card-head h1 { font-size: 24px; }
  /* Мета — каждое свойство в две колонки: заголовок | значение
     (как в списке заказов). Фикс-ширина колонки заголовка выравнивает
     значения по вертикали. */
  .org-card-head .meta {
    flex-direction: column;
    align-items: stretch;
    gap: 6px;
    font-size: 14px;
  }
  .org-card-head .meta > span {
    display: grid;
    grid-template-columns: 104px 1fr;
    gap: 0 10px;
    align-items: baseline;
  }
  .org-card-head .meta .k { margin-right: 0; }
  /* Кнопки — в одну строку внизу: «Включить/Отключить» слева, «Удалить» справа. */
  .org-card-head .side {
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    gap: 12px;
  }

  /* ── Вкладки: горизонтальный скролл вместо переноса ── */
  .org-tabs {
    flex-wrap: nowrap;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
  }
  .org-tabs::-webkit-scrollbar { display: none; }
  .org-tabs a { padding: 12px 14px; font-size: 15px; white-space: nowrap; flex: 0 0 auto; }

  /* ── Секции «Общие» — карточки компактнее; реквизиты в одну колонку ── */
  .org-section { padding: 18px 18px; }
  .org-section .sh h2 { font-size: 17px; }
  .org-defs { grid-template-columns: 1fr; gap: 0; padding: 0; }
  .org-defs .d {
    grid-template-columns: 1fr;
    gap: 3px;
    padding: 8px 0;
  }

  .org-delivery-list .it { grid-template-columns: 32px 1fr; gap: 12px; padding: 12px 14px; }

  /* ── Заказы во вкладке «Заказы»: единая таблица → отдельные карточки ──
     (как список организаций .org-table/.org-row): контейнер — flex-столбик
     с зазором, каждая строка-заказ — карточка с рамкой и radius на белом.
     Внутри карточки все свойства идут в столбик (одна колонка) в том же
     порядке и виде, что и колонки на десктопе: № → дата(+время) → сумма →
     статус → способ доставки(+оплата). Десктопные стили ячеек НЕ
     переопределяем — время остаётся отдельной строкой под датой и т. д. */
  .org-orders {
    background: transparent; border: 0; border-radius: 0; overflow: visible;
    display: flex; flex-direction: column; gap: 10px;
  }
  .org-orders .r {
    grid-template-columns: 1fr;
    grid-auto-rows: auto;
    gap: 6px;
    padding: 14px 16px;
    align-items: start;
    border: 1px solid var(--line);
    border-radius: var(--g-radius-card);
    background: #fff;
  }
  /* Карточка кликабельна (data-href) — подсветка при наведении/тапе. */
  .org-orders .r.data:hover,
  .org-orders .r.data:active { background: var(--bg-soft); }
  .org-orders .r.head { display: none; }
  /* № — заголовок карточки (без подписи, одна колонка); доп. отступ снизу
     отделяет его от свойств (как ФИО/название организации в др. списках). */
  .org-orders .r.data > .num { margin-bottom: 8px; }
  /* Свойства в мобильной карточке — две колонки: подпись (серая) слева |
     значение (чёрное) справа. Фикс-ширина колонки подписи выравнивает
     значения по вертикали между строками. № без подписи — служит
     заголовком карточки (остаётся одной колонкой). */
  .org-orders .r.data > div[data-label] {
    display: grid;
    grid-template-columns: 132px 1fr;
    gap: 0 10px;
    align-items: baseline;
  }
  .org-orders .r.data > div[data-label]::before {
    content: attr(data-label);
    /* Шрифт подписи задаём явно: ячейки статуса и «Скачать» не имеют своего
       font-size/family, иначе их ::before наследовал бы дефолтный (крупнее). */
    font-family: var(--rc);
    font-size: 14px;
    font-weight: 400;
    color: var(--text-3);
    white-space: nowrap;
  }

  /* ── Договор: панели в колонку ── */
  .org-contract-grid { grid-template-columns: 1fr; }
  .org-contract-grid .panel { padding: 20px 18px; }
  .kpi .v { font-size: 28px; }

  /* ── 1С-баннер: дата под текстом ── */
  .org-1c-banner { grid-template-columns: 20px 1fr; }
  .org-1c-banner .t { grid-column: 2; }
}

/* ============================================================
   УПД / ТОРГ-12 — мобильные карточки списка (≤900), приём как .org-table:
   номер документа = заголовок карточки, остальные свойства «подпись | значение».
   ============================================================ */
@media (max-width: 900px) {
  .upd-table {
    background: transparent; border: 0; border-radius: 0; overflow: visible;
    display: flex; flex-direction: column; gap: 10px;
  }
  .upd-table .upd-row {
    grid-template-columns: 1fr;
    grid-auto-rows: auto;
    align-items: start;
    padding: 14px 16px; gap: 6px;
    border: 1px solid var(--line); border-radius: 14px; background: #fff;
  }
  .upd-table .upd-row.head { display: none; }
  /* Номер документа — заголовок карточки (на всю ширину, без подписи). */
  .upd-table .upd-row > .upd-num { grid-column: 1 / 2; font-size: 16px; margin-bottom: 2px; }
  /* Свойства — две колонки: подпись (серая) | значение (тёмное). */
  .upd-table .upd-row.data > div[data-label] {
    display: grid; grid-template-columns: 132px 1fr; gap: 0 10px; align-items: baseline;
  }
  .upd-table .upd-row.data > div[data-label]::before {
    content: attr(data-label);
    font-family: var(--rc); font-size: 13px; color: var(--text-3); white-space: nowrap;
  }
  .upd-table .upd-row .upd-dl-link { justify-content: flex-start; }
}

/* ============================================================
   B2B «Организации» — десктопные доводки списка (≥901).
   Изолируем от мобильного @media (≤900), чтобы не протекало.
   ============================================================ */
@media (min-width: 901px) {
  /* Больше воздуха перед колонкой «Статус» (6-я после добавления «Сотрудники»). */
  .org-table .org-row > div:nth-child(6) { padding-left: 20px; }
  /* Строки выровнены по верху (align-items:start) — нудж тумблера больше не нужен. */
  /* Дата внутри статуса нужна только на мобиле; на десктопе дата — своя колонка */
  .org-status-when { display: none; }

  /* Список заказов /personal/orders/ переиспользует .org-orders, но колонок
     девять (добавлен «Контрагент»): № / дата создания / дата обновления /
     контрагент / сумма / оплата / доставка / статус / скачать. Узкие № и
     «Скачать» — фикс; «Сумма»/«Статус» уже; оплата/доставка/контрагент шире. */
  /* /personal/orders/ — два варианта раскладки.
     Без «Организации» (B2C, 8 колонок) — места достаточно, способам комфортно. */
  .org-orders--ord .r {
    grid-template-columns: 56px 124px 124px 96px 1.3fr 1.3fr 96px 116px;
    column-gap: 14px;
  }
  /* С «Организацией» (B2B, 9 колонок) — тесно: узкие колонки зафиксированы
     точно по контенту (замер nowrap-ширины), остаток отдан длинным колонкам
     через fr пропорционально потребности (организация ~215 / доставка ~184 /
     оплата ~174). Самые длинные значения могут занять 2 строки. */
  .org-orders--ord.has-orgcol .r {
    grid-template-columns: 56px 120px 120px 1.3fr 86px 1.1fr 1.15fr 86px 112px;
  }
  /* Даты — в одну строку (фикс-ширина колонок это позволяет). */
  .org-orders--ord .r .date { white-space: nowrap; }
}

/* =================================================================
   Соцсети в подвале (.footer-social) — данные из site_settings.
   ================================================================= */
.footer-bottom {
    /* подвал светлый (base.css, 2026-07-08) — белая rgba-граница на нём невидима */
    border-top: 1px solid var(--bs-border-color);
    margin-top: 16px;
    padding-top: 16px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    flex-wrap: wrap;
}
/* Копирайт внутри .footer-bottom — без собственной рамки/отступа (их даёт сам .footer-bottom). */
.footer-bottom .sub {
    border-top: 0;
    margin-top: 0;
    padding-top: 0;
}
.footer-social {
    display: inline-flex;
    align-items: center;
    gap: 10px;
}
/* Перебиваем глобальный .site-footer a (display:block, margin, цвет, размер). */
.site-footer .footer-social__link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 38px;
    height: 38px;
    margin: 0;
    border-radius: 50%;
    /* подвал светлый (base.css, 2026-07-08) — white-on-dark цвета заменены */
    background: var(--bs-primary-bg-subtle);
    color: var(--bs-primary);
    transition: background .15s ease, color .15s ease, transform .15s ease;
}
.site-footer .footer-social__link:hover {
    background: var(--bs-primary);
    color: #fff;
    transform: translateY(-2px);
}
/* ⚠ Safari: inline-svg как flex-элемент с размером только в атрибутах width/height
   схлопывается в 0×0 (Chrome атрибуты уважает, WebKit — нет → иконки не видны).
   Задаём размер CSS-ом + flex:none. */
.site-footer .footer-social__link svg {
    width: 20px;
    height: 20px;
    flex: none;
}
/* Мобильный подвал: соцсети по центру отдельным рядом над копирайтом. */
.footer-bottom--mobile {
    border-top: 0;
    margin-top: 0;
    padding-top: 0;
    justify-content: center;
}

/* ===== Бейджи-счётчики шапки: компактнее + правее (не закрывать иконку/аватар) ===== */
/* Десктоп. Специфичность .user-nav... (0,3,0) перебивает base.css .nav-item .badge (0,2,0). */
.user-nav .nav-item .badge {
    min-width: 18px; height: 18px; font-size: 11px; padding: 0 5px;
    top: -5px; right: -3px;
    font-variant-numeric: tabular-nums;
}
.header-main.compact .user-nav .nav-item .badge {
    min-width: 16px; height: 16px; font-size: 10px; top: -4px; right: -1px;
}

/* ============================================================
   Раздел «Отчёты» (/personal/reports/). Вкладки + фильтры + таблицы
   прибыли (поверх .org-orders) + раскрытие контрагентов.
   Спек — docs/superpowers/specs/2026-06-05-reports-design.md.
   ============================================================ */

/* Вкладки отчётов */
.rep-tabs { display: flex; flex-wrap: wrap; gap: 8px; margin: 4px 0 18px; }
.rep-tab {
    font-family: var(--rc); font-size: 14px; color: var(--text-2);
    text-decoration: none; padding: 9px 16px; border-radius: var(--bs-border-radius);
    border: 1px solid var(--line); background: #fff;
    transition: color .15s ease, border-color .15s ease, background-color .15s ease, transform .12s ease;
}
.rep-tab:hover { color: var(--text); border-color: var(--text-3); }
.rep-tab:active { transform: scale(0.96); }
.rep-tab.active { background: var(--bs-primary); border-color: var(--bs-primary); color: #fff; }

/* Панель фильтров */
.rep-filters {
    display: flex; flex-wrap: wrap; align-items: flex-end; gap: 12px;
    margin-bottom: 18px;
}
.rep-filter { display: flex; flex-direction: column; gap: 5px; }
.rep-filter label {
    font-family: var(--rc); font-size: 12px; color: var(--text-3);
    text-transform: uppercase; letter-spacing: .03em;
}
.rep-filters input[type="date"],
.rep-filters select {
    font-family: var(--rc); font-size: 14px; color: var(--text);
    padding: 8px 10px; border: 1px solid var(--line); border-radius: var(--bs-border-radius);
    background: #fff; height: 38px; box-sizing: border-box;
}
/* ⚠ Селект с appearance:auto на части браузеров (Safari/Firefox) игнорирует
   height/padding → рендерится ниже date-инпутов и «не стилизованно». Снимаем
   нативный вид и рисуем свою стрелку — высота и оформление совпадают с инпутами. */
.rep-filters select {
    appearance: none; -webkit-appearance: none; -moz-appearance: none;
    cursor: pointer; padding-right: 32px;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%23595959' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");
    background-repeat: no-repeat; background-position: right 11px center;
}
.rep-filters input[type="date"]:focus,
.rep-filters select:focus { border-color: var(--bs-primary); outline: none; }
.rep-filters .rep-apply { margin-left: 4px; }
.rep-filters .rep-export {
    display: inline-flex; align-items: center; gap: 7px; margin-left: auto;
}

/* Цвета прибыли/маржи */
.rep-profit, .rep-accent { font-variant-numeric: tabular-nums; }
.rep-profit.is-pos, .rep-accent.is-pos { color: var(--green, #2EAA4B); }
.rep-profit.is-neg, .rep-accent.is-neg { color: var(--red); }
.rep-summary .ord-sum-value.rep-accent { font-variant-numeric: tabular-nums; }

/* Ячейки данных таблицы отчёта — 14px, как в остальных списках ЛК.
   ⚠ .rep-table переиспользует .org-orders, но её ячейки — обычные <div data-label>
   без классов .num/.sum/.date, поэтому правило .org-orders .r .num{14px} их не
   касалось → они наследовали базовые 17px (крупно). Заголовок .r.head (правило
   .org-orders .r.head > div, спец. 0,3,1) этим не затрагивается — остаётся канон 12px. */
.rep-table .r > div { font-family: var(--rc); font-size: 14px; font-variant-numeric: tabular-nums; }

/* № заказа в таблице period */
.rep-num { color: inherit; text-decoration: none; font-variant-numeric: tabular-nums; }
.rep-num:hover { color: var(--bs-primary); }

/* Клиент (ФИО + роль) */
.rep-client { display: flex; flex-direction: column; gap: 2px; }
.rep-client-name { color: var(--text); }
.rep-client-role { font-family: var(--rc); font-size: 12px; color: var(--text-3); }

/* Итоговая строка таблиц */
.rep-table .r.total {
    font-weight: 600; background: var(--bg-soft);
    border-top: 2px solid var(--line-2);
}
.rep-table .r.total:hover { background: var(--bg-soft); }

/* Пустое состояние */
.rep-empty {
    background: #fff; border: 1px solid var(--line); border-radius: var(--g-radius-card);
    padding: 40px 24px; text-align: center;
}
.rep-empty p { margin: 0; font-family: var(--rc); color: var(--text-2); text-wrap: pretty; }
.rep-empty .rep-empty-sub { margin-top: 8px; font-size: 13px; color: var(--text-3); }

/* Контрагенты: раскрываемая строка */
.rep-table--ct .r.head > div { cursor: default; }      /* несортируемые заголовки */
.rep-ct { cursor: pointer; }
.rep-ct-name { display: flex; align-items: center; gap: 8px; font-weight: 500; }
.rep-ct-chev {
    width: 0; height: 0; flex: none;
    border-left: 5px solid transparent; border-right: 5px solid transparent;
    border-top: 6px solid var(--text-3); transition: transform .15s ease;
}
.rep-ct.is-open .rep-ct-chev { transform: rotate(180deg); }
/* без своего border-top: разделитель дублировал бы границу строк таблицы */
.rep-ct-sub { grid-column: 1 / -1; margin-top: 12px; }
.rep-ct-sub[hidden] { display: none; }
.rep-ct-sub-row {
    color: var(--text-2); text-decoration: none;
    font-variant-numeric: tabular-nums;
}
a.rep-ct-sub-row:hover { color: var(--bs-primary); }
.rep-ct-sub-head { color: var(--text-3); font-size: 12px; text-transform: uppercase; letter-spacing: .03em; }

/* ── Десктоп (≥901): grid таблиц отчётов. Перебивает базовый 8-колоночный
      .org-orders .r (спец. 0,3,0 > 0,2,0). На мобиле не действует —
      работает генерик-карточки .org-orders ≤900. ── */
@media (min-width: 901px) {
    .org-orders.rep-table--period .r {
        grid-template-columns: 110px 110px 1fr 1fr 1fr 96px;
    }
    .org-orders.rep-table--clients .r {
        grid-template-columns: 1.6fr 96px 1fr 1fr 1fr 96px;
    }
    /* Контрагенты — БЕЗ колонки «Заказов» (убрана по просьбе клиента,
       количество видно в раскрытии): 5 колонок */
    .org-orders.rep-table--ct .r {
        grid-template-columns: 1.6fr 1fr 1fr 1fr 96px;
    }
    /* под-строки заказов контрагента — ТОТ ЖЕ шаблон колонок и gap, что у
       родительской .rep-table--ct .r (иначе «Закупка/Реализация/…» под-таблицы
       не совпадают по вертикали с одноимёнными колонками контрагентов). */
    .rep-ct-sub-row {
        display: grid;
        grid-template-columns: 1.6fr 1fr 1fr 1fr 96px;
        gap: 20px; padding: 7px 0;
    }
    /* № и Дата — ВМЕСТЕ в первой широкой колонке (дата с отступом от номера);
       денежные ячейки явно раскиданы по трекам 2–5, иначе автоplacement
       сдвинул бы их на колонку. */
    .rep-ct-sub-row > span:first-child { grid-row: 1; grid-column: 1; padding-left: 18px; }
    /* дата — примерно посередине между № и «Закупка» (% от ширины трека —
       масштабируется с viewport, фиксированные px на узком десктопе липли к №) */
    .rep-ct-sub-row > span:nth-child(2) { grid-row: 1; grid-column: 1; margin-left: 50%; }
    .rep-ct-sub-row > span:nth-child(3) { grid-column: 2; }
    .rep-ct-sub-row > span:nth-child(4) { grid-column: 3; }
    .rep-ct-sub-row > span:nth-child(5) { grid-column: 4; }
    .rep-ct-sub-row > span:nth-child(6) { grid-column: 5; }
    .rep-ct-sub-row span::before { display: none; }   /* подписи только на мобиле */
}

/* ── Мобайл (≤900): под-строки контрагента — «подпись | значение» ── */
@media (max-width: 900px) {
    .rep-filters { gap: 10px; }
    .rep-filter { flex: 1 1 140px; }
    .rep-filters input[type="date"],
    .rep-filters select { width: 100%; }
    .rep-filters .rep-apply,
    .rep-filters .rep-export { flex: 1 1 100%; margin-left: 0; justify-content: center; }

    /* итоговая строка как карточка-карточка с двухколоночными свойствами —
       наследует .org-orders ≤900; «Итого» без подписи — заголовок */
    .rep-table .r.total > div[data-label=""] { font-weight: 600; margin-bottom: 4px; }

    .rep-ct-sub-head { display: none; }
    .rep-ct-sub-row { display: flex; flex-direction: column; gap: 4px; padding: 8px 0; border-top: 1px dashed var(--line); }
    .rep-ct-sub-row span[data-label] { display: grid; grid-template-columns: 132px 1fr; }
    .rep-ct-sub-row span[data-label]::before {
        content: attr(data-label); font-family: var(--rc); font-size: 13px; color: var(--text-3);
    }
}

/* End */


/* Start:/local/templates/grosio/mobile.css?178359331423200*/
/* ============================================================
   mobile.css — мобильная "обвязка" сайта Битрикса (≤767 px):
   • helpers .mobile-only / .desktop-only
   • переопределения base-токенов (отступы, размеры заголовков)
   • стили мобильной шапки .m-header (sticky, иконки, поиск)
   • drawer .m-menu (bottom-sheet) + scrim
   • аккордеон-футер
   • переопределения .container и .site-main для мобилы
   ============================================================ */

/* ---------- Helpers ---------- */
.mobile-only { display: none; }

@media (max-width: 767px) {
  .desktop-only { display: none !important; }
  .mobile-only { display: block; }

  /* "Обёртку 1440 px" на мобильном отключаем */
  html[data-site-width="fixed"] body { background: #FFFFFF; }
  html[data-site-width="fixed"] body > #root {
    max-width: none;
    margin: 0;
    box-shadow: none;
    background: #FFFFFF;
  }

  body { font-size: 15px; }

  /* ===== Базовая типографика / отступы ===== */
  .page-title {
    font-size: 32px !important;
    line-height: 1.05 !important;
    margin: 12px 16px 0 !important;
    padding: 0 !important;
    overflow-wrap: anywhere;
    hyphens: auto;
  }
  .page-subtitle {
    margin: 6px 16px 0;
    font-size: 15px;
  }
  .breadcrumbs {
    padding: 12px 16px 0 !important;
    margin: 0 !important;
    font-size: 14px;
    gap: 0;
  }
  /* iOS-pattern: на мобильном крошки превращаются в одну ссылку «← {родитель}» */
  .breadcrumbs .bc-item { display: none !important; }
  .breadcrumbs .bc-item:nth-last-child(2) {
    display: inline-flex !important;
    align-items: center;
    gap: 0;
  }
  .breadcrumbs .bc-item:nth-last-child(2) .sep { display: none; }
  .breadcrumbs .bc-item:nth-last-child(2)::before {
    content: '';
    width: 8px;
    height: 14px;
    margin-right: 8px;
    background-color: var(--text-2);
    -webkit-mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'><polyline points='15 18 9 12 15 6'/></svg>") center/contain no-repeat;
            mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'><polyline points='15 18 9 12 15 6'/></svg>") center/contain no-repeat;
    flex-shrink: 0;
  }
  .breadcrumbs .bc-item:nth-last-child(2) a {
    color: var(--text-2);
    text-decoration: none;
    transition: color .15s ease;
  }
  .breadcrumbs .bc-item:nth-last-child(2) a:active,
  .breadcrumbs .bc-item:nth-last-child(2) a:hover { color: var(--text); }

  /* ===== Container и main — без боковых паддингов на мобиле ===== */
  .site-main { padding: 0 !important; }
  .site-main > .container {
    padding-left: 0 !important;
    padding-right: 0 !important;
    max-width: none !important;
  }

  /* ===== Скрываем десктопный хедер ===== */
  .site-header { display: none !important; }

  /* ===== Mobile header ===== */
  .m-header {
    position: sticky;
    top: 0;
    z-index: 30;
    background: #FFFFFF;
    border-bottom: 1px solid var(--line);
    transition: box-shadow .2s ease, background-color .2s ease;
  }
  /* Liquid glass: при прокрутке (класс .scrolled ставит mobile.js) фон делаем
     полупрозрачным + blur — контент под шапкой угадывается, текст читается.
     Тень/граница сохранены. Эффект только в прокрученном состоянии. */
  .m-header.scrolled {
    box-shadow: 0 2px 8px rgba(0,0,0,0.06);
    /* Прозрачность стекла ослаблена ~вдвое (.85 → .93), blur 12→10px — как в
       десктопной шапке (клиент: «не такую сильную прозрачность»). */
    background: rgba(255, 255, 255, .93);
    -webkit-backdrop-filter: blur(10px) saturate(1.5);
    backdrop-filter: blur(10px) saturate(1.5);
  }
  /* Фолбэк без backdrop-filter — непрозрачный белый фон как раньше. */
  @supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) {
    .m-header.scrolled { background: #FFFFFF; }
  }
  .m-header-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 4px;
    padding: 8px 10px 8px 16px;
    min-height: 56px;
  }
  .m-header-logo img {
    display: block;
    height: 34px;
    width: auto;
  }
  .m-header-actions {
    display: inline-flex;
    align-items: center;
    gap: 0;
  }
  .m-icon-btn {
    width: 40px; height: 40px;
    border-radius: 10px;
    background: transparent;
    border: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: var(--text);
    cursor: pointer;
    position: relative;
    transition: background .15s, transform .12s ease;
    text-decoration: none;
    flex-shrink: 0;
  }
  .m-icon-btn:hover { background: var(--line); }
  .m-icon-btn:active { transform: scale(0.96); }
  .m-icon-btn .m-icon-wrap {
    position: relative;
    display: inline-flex;
    width: 22px; height: 22px;
    align-items: center;
    justify-content: center;
  }
  .m-icon-btn svg { width: 22px; height: 22px; display: block; }
  /* Бейдж-счётчик. .m-badge — корзина/избранное/сравнение в нижнем таб-баре
     (рисует updateBadge); .m-notif-badge — уведомления на бургере шапки
     (рисует setNotifBadges). Разные JS-источники, но единый вид — один блок. */
  .m-icon-btn .m-badge,
  .m-tab .m-badge,
  .m-icon-btn .m-notif-badge {
    position: absolute;
    top: 0; right: 0;
    transform: translate(45%, -45%);
    transform-origin: 100% 0;
    min-width: 14px; height: 14px;
    padding: 0 3px;
    border-radius: 999px;
    /* Счётчик (корзина/избранное/сравнение/уведомления) — семантический
       красный --bs-danger (стандарт e-commerce, совпадает с десктоп-бейджами
       .nav-item .badge / .notif-badge в base.css). */
    background: var(--bs-danger);
    color: #FFFFFF;
    font-family: var(--ro);
    font-size: 9px;
    font-weight: 700;
    font-variant-numeric: tabular-nums;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1.5px solid #FFFFFF;
    box-sizing: content-box;
    line-height: 1;
    pointer-events: none;
    white-space: nowrap;
  }

  @media (max-width: 359px) {
    .m-header-row { padding: 8px 8px 8px 14px; }
    .m-header-logo img { height: 30px; }
    .m-icon-btn { width: 36px; height: 36px; }
    .m-icon-btn .m-icon-wrap,
    .m-icon-btn svg { width: 20px; height: 20px; }
  }

  /* Строка поиска — инлайн в .m-header-row (между логотипом и бургером);
     прежний раскрывающийся .m-search-expand с toggle-кнопкой удалён вместе
     с переездом иконок корзины/избранного/сравнения в нижний таб-бар. */
  .m-header-row .m-search-bar {
    flex: 1 1 auto;
    min-width: 0;
    margin-left: 12px;
  }
  .m-search-bar {
    display: flex;
    align-items: center;
    height: 40px;
    background: var(--bg-soft);
    border-radius: 10px;
    padding: 0 4px 0 12px;
    gap: 8px;
  }
  .m-search-bar input {
    flex: 1;
    border: none;
    outline: none;
    background: transparent;
    font-family: var(--rc);
    font-size: 15px;
    color: var(--text);
    min-width: 0;
  }
  .m-search-bar input::placeholder { color: var(--text-3); }
  .m-search-bar svg { width: 18px; height: 18px; color: var(--text-2); flex-shrink: 0; }
  /* Кнопка очистки в мобильной строке: вернуть крест 10px и белый цвет
     (общее правило .m-search-bar svg выше сделало бы его 18px/серым). */
  .m-search-bar .search-clear { margin-right: 0; }
  .m-search-bar .search-clear svg { width: 10px; height: 10px; color: #FFFFFF; }
  /* Дропдаун саджестов (search.js вешает на .m-search-bar ту же обвязку, что
     на десктопе). Форма узкая (между логотипом и бургером) → якорим дропдаун
     не к ней, а к .m-header (sticky = positioned; форма остаётся static) и
     растягиваем на всю ширину шапки. Крест очистки внутри формы — своя
     absolute-позиция ему не нужна (он в потоке flex-ряда). */
  .m-header .search-suggest {
    top: calc(100% + 6px);
    left: 8px;
    right: 8px;
    max-height: 62vh;
  }
  .m-search-submit {
    position: relative;
    width: 32px; height: 32px;
    border-radius: 8px;
    /* Кнопка поиска — CTA/интерактив → индиго --bs-primary. */
    background: var(--bs-primary);
    color: #FFFFFF;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: none;
    cursor: pointer;
    flex-shrink: 0;
    transition: transform .12s ease;
  }
  /* Тач-таргет 40×40: кнопка 32px в 40px-строке поиска. inset -4px точно до
     краёв бара (right-паддинг 4px) и в gap 8px до инпута (остаётся 4px — без
     перекрытия его зоны). */
  .m-search-submit::after { content: ''; position: absolute; inset: -4px; }
  .m-search-submit:active { transform: scale(0.96); }
  .m-search-submit svg { color: #FFFFFF; width: 16px; height: 16px; }

  /* ===== Burger drawer → bottom-sheet ===== */
  .m-menu-scrim {
    position: fixed; inset: 0;
    background: rgba(0,0,0,0.4);
    z-index: 70;
    opacity: 0;
    pointer-events: none;
    transition: opacity .25s ease;
  }
  .m-menu-scrim.on { opacity: 1; pointer-events: auto; }

  /* ===== Bottom-sheet каталога (открывается из нижнего таб-бара) ===== */
  .m-header-row { justify-content: flex-start; }
  .m-header-actions { margin-left: auto; }

  .m-catalog-scrim {
    position: fixed; inset: 0;
    background: rgba(0,0,0,0.4);
    z-index: 80;
    opacity: 0; pointer-events: none;
    transition: opacity .25s ease;
  }
  .m-catalog-scrim.on { opacity: 1; pointer-events: auto; }

  .m-catalog-sheet {
    position: fixed; left: 0; right: 0; bottom: 0;
    z-index: 81;
    background: #fff;
    border-radius: 20px 20px 0 0;
    max-height: 85vh;
    display: flex;
    flex-direction: column;
    transform: translateY(100%);
    transition: transform .28s ease;
    box-shadow: 0 -8px 30px rgba(0,0,0,0.15);
  }
  .m-catalog-sheet.on { transform: translateY(0); }
  .m-cat-handle {
    width: 36px; height: 4px;
    border-radius: 2px;
    background: var(--line);
    margin: 10px auto 4px;
    flex-shrink: 0;
  }
  .m-cat-head {
    display: flex; align-items: center; justify-content: space-between;
    padding: 6px 16px 12px;
    border-bottom: 1px solid var(--line);
    flex-shrink: 0;
  }
  .m-cat-head h3 { margin: 0; font-family: var(--rc); font-weight: 500; font-size: 18px; color: var(--text); text-wrap: balance; }
  .m-cat-body { overflow-y: auto; -webkit-overflow-scrolling: touch; padding: 4px 0 16px; }
  .m-cat-group { border-bottom: 1px solid rgba(0,0,0,0.06); }
  .m-cat-group summary {
    list-style: none;
    cursor: pointer;
    display: flex; align-items: center; justify-content: space-between;
    padding: 14px 16px;
    font-family: var(--rc); font-weight: 500; font-size: 16px; color: var(--text);
  }
  .m-cat-group summary::-webkit-details-marker { display: none; }
  .m-cat-chev { transition: transform .2s ease; flex-shrink: 0; color: var(--text-3); }
  .m-cat-group[open] .m-cat-chev { transform: rotate(180deg); }
  .m-cat-subs { display: flex; flex-direction: column; padding: 0 16px 12px; }
  .m-cat-subs a {
    padding: 9px 0 9px 12px;
    font-family: var(--rc); font-size: 15px; color: var(--text-2);
    text-decoration: none;
  }
  .m-cat-all { color: var(--bs-primary); font-weight: 500; }
  .m-cat-link {
    display: block; padding: 14px 16px;
    font-family: var(--rc); font-weight: 500; font-size: 16px; color: var(--text);
    text-decoration: none; border-bottom: 1px solid rgba(0,0,0,0.06);
  }
  .m-cat-allcatalog {
    display: block; padding: 16px; text-align: center;
    color: var(--bs-primary); font-weight: 500; font-family: var(--rc); text-decoration: none;
  }
  body.m-catalog-open { overflow: hidden; }

  .m-menu {
    position: fixed;
    left: 0; right: 0; bottom: 0;
    top: auto;
    width: 100%;
    max-width: none;
    max-height: 92vh;
    background: #FFFFFF;
    z-index: 71;
    transform: translateY(100%);
    transition: transform .28s cubic-bezier(.2,.7,.3,1);
    display: flex;
    flex-direction: column;
    overflow: hidden;
    border-radius: 24px 24px 0 0;
    box-shadow: 0 -20px 60px rgba(0,0,0,0.25);
  }
  .m-menu.on { transform: translateY(0); }
  .m-menu::before {
    content: '';
    width: 36px; height: 4px;
    border-radius: 2px;
    background: var(--line);
    margin: 8px auto 0;
    flex-shrink: 0;
  }
  .m-menu-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 8px 12px 12px;
    border-bottom: 1px solid var(--line);
    flex-shrink: 0;
  }
  .m-menu-head .m-icon-btn { width: 40px; height: 40px; }
  .m-menu-head .city {
    font-family: var(--rc);
    font-size: 15px;
    color: var(--text-2);
    letter-spacing: -0.01em;
    display: inline-flex;
    align-items: center;
    gap: 6px;
  }
  .m-menu-head .city::after {
    content: '';
    width: 0; height: 0;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 5px solid var(--text-2);
  }
  .m-menu-body {
    flex: 1;
    overflow-y: auto;
    padding: 8px 0 16px;
    -webkit-overflow-scrolling: touch;
  }
  .m-menu-section { padding: 16px 16px 0; }
  .m-menu-section h5 {
    font-family: var(--rc);
    font-weight: 500;
    font-size: 12px;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: var(--text-3);
    margin: 0 0 8px;
  }
  .m-menu a, .m-menu .m-menu-item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    /* Левый отступ 12px сдвигает подпункты относительно заголовка h5 —
       как подпункты в bottom-sheet каталога (.m-cat-subs a). Базовые 16px
       по бокам даёт .m-menu-section. */
    padding: 12px 0 12px 12px;
    font-family: var(--rc);
    font-size: 17px;
    color: var(--text);
    letter-spacing: -0.01em;
    text-decoration: none;
    cursor: pointer;
    border: none;
    background: transparent;
    width: 100%;
    text-align: left;
  }
  .m-menu a:active, .m-menu .m-menu-item:active { background: var(--line); }
  .m-menu a .chev { color: var(--text-3); width: 16px; height: 16px; flex-shrink: 0; }
  .m-menu-cta {
    padding: 16px;
    border-top: 1px solid var(--line);
    flex-shrink: 0;
    display: flex;
    flex-direction: column;
    gap: 8px;
  }
  .m-menu-cta .phone {
    font-family: var(--rc);
    font-weight: 500;
    font-size: 19px;
    color: var(--text);
    letter-spacing: -0.01em;
    padding: 0;
    display: block;
    width: auto;
    text-decoration: none;
  }
  .m-menu-cta .phone-sub {
    font-family: var(--rc);
    font-size: 13px;
    color: var(--text-2);
  }

  /* Lock body scroll when menu open */
  body.m-menu-open { overflow: hidden; }

  /* ===== Account SubNav ===== */
  .account-subnav {
    margin: 12px 16px 16px;
    display: flex;
    padding: 4px;
    gap: 2px;
    border-radius: 18px;
    flex-wrap: nowrap;
    max-width: none;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
    cursor: grab;
  }
  .account-subnav.m-dragging { cursor: grabbing; user-select: none; }
  .account-subnav::-webkit-scrollbar { display: none; }
  .account-subnav-group { flex: 0 0 auto; }
  .account-subnav-trigger {
    padding: 8px 12px;
    font-size: 13px;
    white-space: nowrap;
  }
  .account-subnav-chevron { width: 8px; height: 5px; }
  .account-subnav-wrap { position: relative; }
  .account-subnav-mobile-menu {
    position: absolute;
    top: 100%;
    left: 16px;
    right: 16px;
    margin-top: -8px;
    background: #FFFFFF;
    border: 1px solid var(--line);
    border-radius: 14px;
    box-shadow: 0 12px 32px rgba(0,0,0,0.12);
    padding: 6px;
    display: flex;
    flex-direction: column;
    gap: 2px;
    z-index: 30;
    animation: subnav-mobile-in .15s ease-out;
  }
  @keyframes subnav-mobile-in {
    from { opacity: 0; transform: translateY(-4px); }
    to   { opacity: 1; transform: translateY(0); }
  }
  .account-subnav-mobile-menu a {
    display: block;
    font-family: var(--rc);
    font-size: 15px;
    color: var(--text-2);
    padding: 12px 14px;
    border-radius: 10px;
    text-decoration: none;
    transition: color .15s ease, background .15s ease;
  }
  .account-subnav-mobile-menu a:hover,
  .account-subnav-mobile-menu a:active {
    color: var(--text);
    background: var(--bg-soft);
  }
  .account-subnav-mobile-menu a.on {
    color: var(--text);
    background: var(--bg-soft);
    font-weight: 500;
  }

  /* ===== FOOTER — аккордеон ===== */
  .site-footer { padding: 24px 16px 16px !important; margin-top: 40px !important; }
  .site-footer .cols {
    grid-template-columns: 1fr !important;
    gap: 0 !important;
    padding-bottom: 16px !important;
  }
  .site-footer:not(.mobile-only) { display: none !important; }
  .site-footer.mobile-only { display: block !important; }

  /* Подвал светлый (base.css, 2026-07-08) — все white-on-dark цвета аккордеона
     заменены на slate-токены, иначе текст/разделители невидимы. */
  .site-footer details {
    border-bottom: 1px solid var(--bs-border-color);
  }
  .site-footer details:last-of-type { border-bottom: none; }
  .site-footer details summary {
    list-style: none;
    cursor: pointer;
    padding: 14px 0;
    font-family: var(--rc);
    font-weight: 500;
    font-size: 16px;
    letter-spacing: -0.01em;
    color: var(--bs-emphasis-color);
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  .site-footer details summary::-webkit-details-marker { display: none; }
  .site-footer details summary::after {
    content: '';
    width: 8px; height: 8px;
    border-right: 1.6px solid var(--bs-secondary-color);
    border-bottom: 1.6px solid var(--bs-secondary-color);
    transform: rotate(45deg);
    transition: transform .2s ease;
  }
  .site-footer details[open] summary::after { transform: rotate(-135deg); }
  .site-footer details a {
    display: block;
    padding: 8px 0;
    margin: 0;
    font-size: 15px;
    color: var(--bs-secondary-color);
    text-decoration: none;
  }
  .site-footer details a:last-of-type { padding-bottom: 14px; }
  .site-footer .sub {
    margin-top: 12px;
    padding-top: 16px;
    border-top: 1px solid var(--bs-border-color);
    text-align: center;
    color: var(--bs-tertiary-color);
    font-size: 13px;
    font-family: var(--rc);
  }

  /* ===== QtyControl на мобиле ===== */
  .qty-control {
    height: 44px !important;
    border-radius: 22px !important;
    padding: 2px !important;
  }
  .qty-control > button {
    width: 38px !important;
    height: 38px !important;
    border-radius: 50% !important;
  }
  .qty-control > div {
    height: 38px !important;
    font-size: 15px !important;
  }
  .qty-control svg {
    width: 14px !important;
    height: 14px !important;
  }

  /* ===== Нижний таб-бар (.m-tabbar, footer.php) =====
     Главная · Каталог (bottom-sheet) · Избранное · Сравнение · Корзина.
     z-index 60 — НИЖЕ шторок/scrim'ов (70/71, 80/81, 95/96): открытый
     каталог/меню/фильтр накрывают бар. Стекло — как у .m-header.scrolled. */
  .m-tabbar {
    position: fixed;
    left: 0; right: 0; bottom: 0;
    z-index: 60;
    display: flex;
    align-items: stretch;
    background: rgba(255, 255, 255, .93);
    -webkit-backdrop-filter: blur(10px) saturate(1.5);
    backdrop-filter: blur(10px) saturate(1.5);
    border-top: 1px solid var(--line);
    box-shadow: 0 -2px 12px rgba(0, 0, 0, 0.04);
    /* iPhone home-indicator: viewport-fit=cover уже стоит в header.php. */
    padding-bottom: env(safe-area-inset-bottom);
  }
  @supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) {
    .m-tabbar { background: #FFFFFF; }
  }
  .m-tab {
    flex: 1 1 0;
    min-width: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 3px;
    height: 56px;
    padding: 0;
    border: none;
    background: transparent;
    color: var(--text-2);
    font-family: var(--rc);
    font-size: 10px;
    font-weight: 500;
    line-height: 1;
    text-decoration: none;
    cursor: pointer;
    -webkit-tap-highlight-color: transparent;
    transition: color .15s ease;
  }
  .m-tab .m-icon-wrap {
    position: relative;
    display: inline-flex;
    width: 24px; height: 24px;
    align-items: center;
    justify-content: center;
  }
  .m-tab svg { width: 22px; height: 22px; display: block; }
  .m-tab-label {
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .m-tab:active { color: var(--text); }
  /* Активный пункт — индиго --bs-primary (акцент навигации, как десктоп). */
  .m-tab.is-active { color: var(--bs-primary); }

  /* Контент не прячется под фиксированным баром. */
  body { padding-bottom: calc(56px + env(safe-area-inset-bottom)); }

  /* Плавающие элементы у нижнего края поднимаем над таб-баром:
     тосты (.gr-toast — template_styles, .cart-undo-toast — cart-page)
     и промпт push-уведомлений (.push-prompt — notify.css).
     ⚠ `body .x` (0-1-1): notify.css грузится ПОСЛЕ mobile.css — при равной
     специфичности его bottom:20px победил бы порядком. */
  body .gr-toast,
  body .cart-undo-toast,
  body .push-prompt { bottom: calc(72px + env(safe-area-inset-bottom)); }
}

/* End */


/* Start:/local/templates/grosio/notify.css?178351746114524*/
/* ===== Уведомления ===== */
.profile-wrap { position: relative; }
/* Обёртка аватара = размер кольца; бейдж садится на его угол (как .badge на иконке). */
.avatar-wrap { position: relative; display: inline-flex; }
/* Десктоп-бейдж уведомлений — единообразно с .nav-item .badge (корзина/избранное):
   20×20, font 12, белая обводка, на верхнем-правом углу аватара. */
.notif-badge {
    position: absolute; top: -6px; right: -24px;
    min-width: 18px; height: 18px; padding: 0 5px;
    border-radius: 999px;
    background: var(--bs-danger, #DC2626); color: #fff;
    font-family: var(--ro, inherit); font-size: 11px; font-weight: 600;
    font-variant-numeric: tabular-nums;
    display: inline-flex; align-items: center; justify-content: center;
    border: 2px solid #fff; box-sizing: content-box;
}
/* ⚠ Грабля каскада: у бейджей display:inline-flex (здесь и в base.css)
   перебивает UA-стиль [hidden]{display:none} (авторский стиль всегда сильнее UA),
   поэтому пустой бейдж в разметке (composite-safe, hidden по умолчанию) висел
   красным кружком у гостя и при count=0. Override [hidden] возвращает скрытие. */
.notif-badge[hidden], .m-notif-badge[hidden], .notify-push-btn[hidden] { display: none !important; }
/* Вид мобильного бейджа .m-notif-badge задаётся ОДНИМ блоком вместе с
   .m-badge в mobile.css (.m-icon-btn .m-badge, .m-icon-btn .m-notif-badge) —
   единый источник, чтобы счётчики шапки не разъезжались. Здесь только
   composite-safe [hidden]-override выше (UA-стиль display:none перебивается
   авторским inline-flex). */
.notif-drop {
    position: absolute; top: 100%; right: 0; z-index: 1200;
    width: 360px; max-width: 92vw; margin-top: 8px;
    background: #fff; border: 1px solid var(--bs-border-color, #E2E5EC); border-radius: var(--g-radius-card, 1rem);
    box-shadow: var(--g-shadow-popover, 0 12px 32px rgba(16,24,40,.12)); overflow: hidden;
}
.notif-drop__head {
    display: flex; align-items: center; justify-content: space-between;
    padding: 12px 16px; border-bottom: 1px solid var(--bs-border-color, #E2E5EC);
    font-weight: 600; font-size: 14px;
}
.notif-drop__readall {
    border: 0; background: none; color: var(--bs-primary, #4F46E5);
    font-size: 13px; cursor: pointer; padding: 0;
    display: inline-flex; align-items: center; gap: 5px;
    transition: transform .12s ease;
}
.notif-drop__readall:active { transform: scale(0.96); }
.notif-drop__readall svg { flex: none; }
.notif-drop__list { max-height: 380px; overflow-y: auto; }
.notif-empty { padding: 28px 16px; text-align: center; color: var(--bs-tertiary-color, #8992A6); font-size: 14px; text-wrap: pretty; }
.notif-item {
    display: flex; gap: 12px; padding: 12px 16px;
    border-bottom: 1px solid var(--bs-border-color, #E2E5EC); text-decoration: none; color: inherit;
}
.notif-item:last-child { border-bottom: 0; }
.notif-item:hover { background: var(--bs-tertiary-bg, #F7F8FB); }
.notif-item.is-unread { background: var(--bs-primary-bg-subtle, #ECEBFC); }
.notif-item.is-unread:hover { background: #E2E0FA; }
.notif-item__ico {
    flex: none; width: 34px; height: 34px; border-radius: var(--bs-border-radius-sm);
    display: flex; align-items: center; justify-content: center;
    background: var(--bs-secondary-bg, #F1F2F6); color: var(--bs-secondary-color, #4B5568);
}
.notif-item__ico svg { width: 18px; height: 18px; }
.notif-item__body { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
.notif-item__title { font-weight: 600; font-size: 13.5px; color: var(--bs-body-color, #111827); }
.notif-item__text { font-size: 12.5px; color: var(--bs-secondary-color, #4B5568); text-wrap: pretty;
    overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.notif-item__ago { font-size: 11.5px; color: var(--bs-tertiary-color, #8992A6); font-variant-numeric: tabular-nums; }
.notif-drop__foot {
    display: block; padding: 12px 16px; text-align: center;
    font-size: 13px; color: var(--bs-primary, #4F46E5); text-decoration: none;
    border-top: 1px solid var(--bs-border-color, #E2E5EC);
}
.notif-drop__foot:hover { background: var(--bs-tertiary-bg, #F7F8FB); }

/* Тулбар-actions /personal/notify/: «Прочитать все» + кнопка уведомлений справа. */
.notify-toolbar-actions { margin-left: auto; display: inline-flex; align-items: center; gap: 12px; flex-wrap: wrap; }
.notify-push-hintrow:empty, .notify-push-hintrow .notify-push-hint:empty { display: none; }
.notify-push-hintrow { margin: 6px 0 16px; }
.notify-push-hint { color: var(--bs-tertiary-color, #8992A6); font-size: 13px; }

/* Кнопка управления браузерными уведомлениями — иконка-колокольчик + подпись (компактно). */
.notify-push-btn { display: inline-flex; align-items: center; gap: 8px; padding: 7px 13px; font-size: 13px; }
.notify-push-ico { display: inline-flex; align-items: center; }
.notify-push-ico svg { display: block; }

/* ===== Тост «Включить уведомления?» (первый вход) ===== */
.push-prompt {
    position: fixed; right: 20px; bottom: 20px; z-index: 4000;
    width: 340px; max-width: calc(100vw - 32px);
    background: #fff; border: 1px solid var(--bs-border-color, #E2E5EC); border-radius: var(--g-radius-card, 1rem);
    box-shadow: var(--g-shadow-popover, 0 16px 40px rgba(16,24,40,.16)); padding: 16px;
    display: flex; gap: 12px; align-items: flex-start;
    /* базовое правило = переход ВЫХОДА: короче входа (.is-shown ниже) */
    transform: translateY(12px); opacity: 0; transition: transform .15s ease, opacity .15s ease;
}
.push-prompt.is-shown { transform: translateY(0); opacity: 1; transition: transform .2s ease, opacity .2s ease; }
.push-prompt__ico {
    flex: none; width: 38px; height: 38px; border-radius: var(--bs-border-radius-sm);
    display: flex; align-items: center; justify-content: center;
    background: #fff1ee; color: var(--bs-primary, #4F46E5);
}
.push-prompt__body { min-width: 0; }
.push-prompt__title { font-weight: 600; font-size: 14.5px; margin-bottom: 3px; text-wrap: balance; }
.push-prompt__text { font-size: 13px; color: var(--bs-secondary-color, #4B5568); margin-bottom: 10px; text-wrap: pretty; }
.push-prompt__actions { display: flex; gap: 8px; }
.push-prompt__btn {
    border: 0; border-radius: var(--bs-border-radius); padding: 8px 14px; font-size: 13px; cursor: pointer; font-family: inherit;
    transition: transform .12s ease, filter .12s ease;
}
.push-prompt__btn:active { transform: scale(0.96); }
.push-prompt__btn--primary { background: var(--bs-primary, #4F46E5); color: #fff; }
.push-prompt__btn--ghost { background: var(--bs-secondary-bg, #F1F2F6); color: var(--bs-secondary-color, #4B5568); }
.push-prompt__close {
    position: absolute; top: 8px; right: 10px; border: 0; background: none;
    font-size: 18px; line-height: 1; color: var(--bs-tertiary-color, #8992A6); cursor: pointer;
    transition: transform .12s ease, color .12s ease;
}
.push-prompt__close::after { content: ""; position: absolute; inset: -12px; }
.push-prompt__close:active { transform: scale(0.96); }
@media (max-width: 767px) {
    .push-prompt { right: 12px; left: 12px; bottom: 12px; width: auto; }
}

/* ===== Уведомления в мобильном drawer-меню ===== */
/* Секция hidden по умолчанию (composite-safe). .m-menu-section может иметь
   display не-none — гарантируем скрытие при [hidden]. */
.js-m-notif-section[hidden] { display: none !important; }
.m-notif-head { display: flex; align-items: center; justify-content: space-between; }
.m-notif-readall {
    border: 0; background: none; color: var(--bs-primary, #4F46E5);
    font-size: 13px; cursor: pointer; padding: 0;
    display: inline-flex; align-items: center; gap: 5px;
    transition: transform .12s ease;
}
.m-notif-readall:active { transform: scale(0.96); }
.m-notif-readall svg { flex: none; }
.m-notif-list {
    display: flex; flex-direction: column; margin-top: 6px;
    max-height: 320px; overflow-y: auto;
    border: 1px solid var(--bs-border-color, #E2E5EC); border-radius: var(--bs-border-radius-lg);
}
/* В drawer .notif-item — это <a> внутри #m-menu, поэтому ловит общий
   .m-menu a { justify-content: space-between } (пункт меню «текст › шеврон»)
   → текст уведомления уезжал к правому краю. Спецификность 0,3,0 возвращает
   нормальную раскладку «иконка + текст слева». align-items: flex-start —
   иконка по верху текста (у уведомления 3 строки: заголовок/текст/время). */
.m-menu .m-notif-list .notif-item {
    justify-content: flex-start;
    align-items: flex-start;
    padding: 10px 12px;
    font-size: 13.5px;
}
.m-notif-all {
    display: inline-block; margin-top: 8px;
    font-size: 13px; color: var(--bs-primary, #4F46E5); text-decoration: none;
}

/* ===== Страница /personal/notify/ ===== */
.notify-page { } /* блоки на всю ширину контента (ранее был max-width: 760px) */
.notify-toolbar { display: flex; align-items: center; gap: 12px; margin-bottom: 16px; flex-wrap: wrap; }
.notify-filter { display: inline-flex; gap: 4px; }
.notify-filter button {
    border: 1px solid var(--bs-border-color, #E2E5EC); background: #fff; border-radius: var(--bs-border-radius);
    padding: 6px 14px; font-size: 13px; cursor: pointer; color: var(--bs-secondary-color, #4B5568);
    transition: transform .12s ease, background .12s ease, color .12s ease, border-color .12s ease;
}
.notify-filter button:active { transform: scale(0.96); }
.notify-filter button.active { background: var(--bs-body-color, #111827); color: #fff; border-color: var(--bs-body-color, #111827); }
.notify-readall {
    border: 0; background: none; color: var(--bs-primary, #4F46E5);
    font-size: 13px; cursor: pointer;
    display: inline-flex; align-items: center; gap: 6px;
    transition: transform .12s ease;
}
.notify-readall:active { transform: scale(0.96); }
.notify-readall svg { flex: none; }
.notify-list { display: flex; flex-direction: column; gap: 8px; }
.notify-row {
    display: flex; gap: 14px; padding: 14px 16px;
    border: 1px solid var(--bs-border-color, #E2E5EC); border-radius: var(--g-radius-card); background: #fff;
    text-decoration: none; color: inherit;
}
.notify-row:hover { border-color: var(--bs-tertiary-color, #8992A6); }
/* Непрочитанное — мягкая подложка (как в дропдауне), без толстой красной рамки слева. */
.notify-row.is-unread { background: var(--bs-primary-bg-subtle, #ECEBFC); border-color: var(--bs-primary-border-subtle, #C7C3F5); }
.notify-row.is-unread:hover { background: #E2E0FA; }
.notify-row__ico {
    flex: none; width: 40px; height: 40px; border-radius: var(--bs-border-radius-sm);
    display: flex; align-items: center; justify-content: center;
    background: var(--bs-secondary-bg, #F1F2F6); color: var(--bs-secondary-color, #4B5568);
}
.notify-row__ico svg { width: 20px; height: 20px; }
.notify-row__body { display: flex; flex-direction: column; gap: 3px; min-width: 0; }
.notify-row__title { font-weight: 600; font-size: 15px; }
.notify-row__text { font-size: 13.5px; color: var(--bs-secondary-color, #4B5568); text-wrap: pretty; }
.notify-row__ago { font-size: 12px; color: var(--bs-tertiary-color, #8992A6); font-variant-numeric: tabular-nums; }
.notify-empty { padding: 48px 16px; text-align: center; color: var(--bs-tertiary-color, #8992A6); text-wrap: pretty; }

@media (max-width: 767px) {
    .notif-drop { display: none; }
    /* .container на мобиле без боковых паддингов (mobile.css) → даём их самой
       странице, как у .page-title / .account-subnav (16px) */
    .notify-page { padding-left: 16px; padding-right: 16px; }
}

/* ===== Контекстное напоминание включить push (.push-remind) ===== */
.push-remind {
    position: relative;
    display: flex; align-items: flex-start; gap: 12px;
    margin: 0 0 16px; padding: 14px 40px 14px 16px;
    background: var(--bs-primary-bg-subtle, #ECEBFC); border: 1px solid var(--bs-primary-border-subtle, #C7C3F5); border-radius: var(--g-radius-card, 1rem);
}
.push-remind[hidden] { display: none !important; }
.push-remind__ico { flex: none; color: var(--bs-primary, #4F46E5); margin-top: 1px; }
.push-remind__body { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 8px; }
.push-remind__text { font-size: 14px; color: var(--bs-body-color, #111827); line-height: 1.4; text-wrap: pretty; }
.push-remind__actions { display: flex; align-items: center; gap: 14px; flex-wrap: wrap; }
.push-remind__btn {
    border: 0; background: var(--bs-primary, #4F46E5); color: #fff;
    font-size: 13px; font-weight: 600; padding: 7px 16px; border-radius: var(--bs-border-radius); cursor: pointer;
    transition: transform .12s ease, filter .12s ease;
}
.push-remind__btn:hover { filter: brightness(.95); }
.push-remind__btn:active { transform: scale(0.96); }
.push-remind__how, .push-remind__never {
    border: 0; background: none; padding: 0; cursor: pointer;
    font-size: 13px; color: var(--bs-secondary-color, #4B5568);
    text-decoration: underline; text-underline-offset: 2px;
}
.push-remind__how-box { font-size: 13px; color: var(--bs-secondary-color, #4B5568); line-height: 1.4; text-wrap: pretty; }
.push-remind__close {
    position: absolute; top: 8px; right: 10px;
    border: 0; background: none; cursor: pointer;
    font-size: 18px; line-height: 1; color: var(--bs-tertiary-color, #8992A6);
    transition: transform .12s ease, color .12s ease;
}
.push-remind__close::after { content: ""; position: absolute; inset: -12px; }
.push-remind__close:active { transform: scale(0.96); }

/* End */


/* Start:/local/templates/grosio/styles.css?1783632682363*/
/*
 * styles.css — добавляется через $APPLICATION->SetAdditionalCSS().
 * Битрикс ожидает наличие этого файла; пока используем как зарезервированную точку
 * расширения. Реальные стили — в template_styles.css и local/templates/grosio/base.css.
 */

/* End */
/* /local/templates/grosio/vendor/bootstrap-5.3/css/bootstrap.min.css?1783632682232111 */
/* /local/templates/grosio/vendor/tabler-icons/tabler-icons.min.css?1783632682250759 */
/* /local/templates/grosio/base.css?178363268234948 */
/* /local/templates/grosio/template_styles.css?1783632682410356 */
/* /local/templates/grosio/mobile.css?178359331423200 */
/* /local/templates/grosio/notify.css?178351746114524 */
/* /local/templates/grosio/styles.css?1783632682363 */