@charset "UTF-8";
/* TurkMod TurkMod - Bundled CSS */

/* --- fonts.css --- */
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url("../webfonts/inter/Inter-300.ttf") format("truetype");
}

html[data-public-theme="turkmod"] .ui-theme-theme-error {
    display: flex;
    gap: 16px;
    align-items: flex-start;
    padding: 22px;
    border: 1px solid #d8e0ea;
    border-radius: 8px;
    background: #fff;
    color: #172033;
    box-shadow: 0 14px 42px rgba(15, 23, 42, .08);
}

html[data-public-theme="turkmod"] .ui-theme-theme-error__icon {
    display: grid;
    place-items: center;
    width: 42px;
    height: 42px;
    border-radius: 8px;
    background: #fff4d6;
    color: #9a6700;
    flex: 0 0 auto;
}

html[data-public-theme="turkmod"] .ui-theme-theme-error h1 {
    margin: 0 0 8px;
    font-size: 20px;
}

html[data-public-theme="turkmod"] .ui-theme-theme-error p {
    margin: 0;
    color: #5b6778;
}

@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../webfonts/inter/Inter-400.ttf") format("truetype");
}

@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("../webfonts/inter/Inter-500.ttf") format("truetype");
}

@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("../webfonts/inter/Inter-600.ttf") format("truetype");
}

@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("../webfonts/inter/Inter-700.ttf") format("truetype");
}

/* --- all.min.css --- */
/*!
 * Font Awesome Free 6.1.1 by @fontawesome - https://fontawesome.com
 * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
 * Copyright 2022 Fonticons, Inc.
 */
html[data-public-theme="turkmod"] .fa{font-family:var(--fa-style-family,"Font Awesome 6 Free");font-weight:var(--fa-style,900)}html[data-public-theme="turkmod"] .fa,html[data-public-theme="turkmod"] .fa-brands,html[data-public-theme="turkmod"] .fa-duotone,html[data-public-theme="turkmod"] .fa-light,html[data-public-theme="turkmod"] .fa-regular,html[data-public-theme="turkmod"] .fa-solid,html[data-public-theme="turkmod"] .fa-thin,html[data-public-theme="turkmod"] .fab,html[data-public-theme="turkmod"] .fad,html[data-public-theme="turkmod"] .fal,html[data-public-theme="turkmod"] .far,html[data-public-theme="turkmod"] .fas,html[data-public-theme="turkmod"] .fat{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:var(--fa-display,inline-block);font-style:normal;font-variant:normal;line-height:1;text-rendering:auto}html[data-public-theme="turkmod"] .fa-1x{font-size:1em}html[data-public-theme="turkmod"] .fa-2x{font-size:2em}html[data-public-theme="turkmod"] .fa-3x{font-size:3em}html[data-public-theme="turkmod"] .fa-4x{font-size:4em}html[data-public-theme="turkmod"] .fa-5x{font-size:5em}html[data-public-theme="turkmod"] .fa-6x{font-size:6em}html[data-public-theme="turkmod"] .fa-7x{font-size:7em}html[data-public-theme="turkmod"] .fa-8x{font-size:8em}html[data-public-theme="turkmod"] .fa-9x{font-size:9em}html[data-public-theme="turkmod"] .fa-10x{font-size:10em}html[data-public-theme="turkmod"] .fa-2xs{font-size:.625em;line-height:.1em;vertical-align:.225em}html[data-public-theme="turkmod"] .fa-xs{font-size:.75em;line-height:.08333em;vertical-align:.125em}html[data-public-theme="turkmod"] .fa-sm{font-size:.875em;line-height:.07143em;vertical-align:.05357em}html[data-public-theme="turkmod"] .fa-lg{font-size:1.25em;line-height:.05em;vertical-align:-.075em}html[data-public-theme="turkmod"] .fa-xl{font-size:1.5em;line-height:.04167em;vertical-align:-.125em}html[data-public-theme="turkmod"] .fa-2xl{font-size:2em;line-height:.03125em;vertical-align:-.1875em}html[data-public-theme="turkmod"] .fa-fw{text-align:center;width:1.25em}html[data-public-theme="turkmod"] .fa-ul{list-style-type:none;margin-left:var(--fa-li-margin,2.5em);padding-left:0}html[data-public-theme="turkmod"] .fa-ul>li{position:relative}html[data-public-theme="turkmod"] .fa-li{left:calc(var(--fa-li-width, 2em)*-1);position:absolute;text-align:center;width:var(--fa-li-width,2em);line-height:inherit}html[data-public-theme="turkmod"] .fa-border{border-radius:var(--fa-border-radius,.1em);border:var(--fa-border-width,.08em) var(--fa-border-style,solid) var(--fa-border-color,#eee);padding:var(--fa-border-padding,.2em .25em .15em)}html[data-public-theme="turkmod"] .fa-pull-left{float:left;margin-right:var(--fa-pull-margin,.3em)}html[data-public-theme="turkmod"] .fa-pull-right{float:right;margin-left:var(--fa-pull-margin,.3em)}html[data-public-theme="turkmod"] .fa-beat{-webkit-animation-name:fa-beat;animation-name:fa-beat;-webkit-animation-delay:var(--fa-animation-delay,0);animation-delay:var(--fa-animation-delay,0);-webkit-animation-direction:var(--fa-animation-direction,normal);animation-direction:var(--fa-animation-direction,normal);-webkit-animation-duration:var(--fa-animation-duration,1s);animation-duration:var(--fa-animation-duration,1s);-webkit-animation-iteration-count:var(--fa-animation-iteration-count,infinite);animation-iteration-count:var(--fa-animation-iteration-count,infinite);-webkit-animation-timing-function:var(--fa-animation-timing,ease-in-out);animation-timing-function:var(--fa-animation-timing,ease-in-out)}html[data-public-theme="turkmod"] .fa-bounce{-webkit-animation-name:fa-bounce;animation-name:fa-bounce;-webkit-animation-delay:var(--fa-animation-delay,0);animation-delay:var(--fa-animation-delay,0);-webkit-animation-direction:var(--fa-animation-direction,normal);animation-direction:var(--fa-animation-direction,normal);-webkit-animation-duration:var(--fa-animation-duration,1s);animation-duration:var(--fa-animation-duration,1s);-webkit-animation-iteration-count:var(--fa-animation-iteration-count,infinite);animation-iteration-count:var(--fa-animation-iteration-count,infinite);-webkit-animation-timing-function:var(--fa-animation-timing,cubic-bezier(.28,.84,.42,1));animation-timing-function:var(--fa-animation-timing,cubic-bezier(.28,.84,.42,1))}html[data-public-theme="turkmod"] .fa-fade{-webkit-animation-name:fa-fade;animation-name:fa-fade;-webkit-animation-iteration-count:var(--fa-animation-iteration-count,infinite);animation-iteration-count:var(--fa-animation-iteration-count,infinite);-webkit-animation-timing-function:var(--fa-animation-timing,cubic-bezier(.4,0,.6,1));animation-timing-function:var(--fa-animation-timing,cubic-bezier(.4,0,.6,1))}html[data-public-theme="turkmod"] .fa-beat-fade,html[data-public-theme="turkmod"] .fa-fade{-webkit-animation-delay:var(--fa-animation-delay,0);animation-delay:var(--fa-animation-delay,0);-webkit-animation-direction:var(--fa-animation-direction,normal);animation-direction:var(--fa-animation-direction,normal);-webkit-animation-duration:var(--fa-animation-duration,1s);animation-duration:var(--fa-animation-duration,1s)}html[data-public-theme="turkmod"] .fa-beat-fade{-webkit-animation-name:fa-beat-fade;animation-name:fa-beat-fade;-webkit-animation-iteration-count:var(--fa-animation-iteration-count,infinite);animation-iteration-count:var(--fa-animation-iteration-count,infinite);-webkit-animation-timing-function:var(--fa-animation-timing,cubic-bezier(.4,0,.6,1));animation-timing-function:var(--fa-animation-timing,cubic-bezier(.4,0,.6,1))}html[data-public-theme="turkmod"] .fa-flip{-webkit-animation-name:fa-flip;animation-name:fa-flip;-webkit-animation-delay:var(--fa-animation-delay,0);animation-delay:var(--fa-animation-delay,0);-webkit-animation-direction:var(--fa-animation-direction,normal);animation-direction:var(--fa-animation-direction,normal);-webkit-animation-duration:var(--fa-animation-duration,1s);animation-duration:var(--fa-animation-duration,1s);-webkit-animation-iteration-count:var(--fa-animation-iteration-count,infinite);animation-iteration-count:var(--fa-animation-iteration-count,infinite);-webkit-animation-timing-function:var(--fa-animation-timing,ease-in-out);animation-timing-function:var(--fa-animation-timing,ease-in-out)}html[data-public-theme="turkmod"] .fa-shake{-webkit-animation-name:fa-shake;animation-name:fa-shake;-webkit-animation-duration:var(--fa-animation-duration,1s);animation-duration:var(--fa-animation-duration,1s);-webkit-animation-iteration-count:var(--fa-animation-iteration-count,infinite);animation-iteration-count:var(--fa-animation-iteration-count,infinite);-webkit-animation-timing-function:var(--fa-animation-timing,linear);animation-timing-function:var(--fa-animation-timing,linear)}html[data-public-theme="turkmod"] .fa-shake,html[data-public-theme="turkmod"] .fa-spin{-webkit-animation-delay:var(--fa-animation-delay,0);animation-delay:var(--fa-animation-delay,0);-webkit-animation-direction:var(--fa-animation-direction,normal);animation-direction:var(--fa-animation-direction,normal)}html[data-public-theme="turkmod"] .fa-spin{-webkit-animation-name:fa-spin;animation-name:fa-spin;-webkit-animation-duration:var(--fa-animation-duration,2s);animation-duration:var(--fa-animation-duration,2s);-webkit-animation-iteration-count:var(--fa-animation-iteration-count,infinite);animation-iteration-count:var(--fa-animation-iteration-count,infinite);-webkit-animation-timing-function:var(--fa-animation-timing,linear);animation-timing-function:var(--fa-animation-timing,linear)}html[data-public-theme="turkmod"] .fa-spin-reverse{--fa-animation-direction:reverse}html[data-public-theme="turkmod"] .fa-pulse,html[data-public-theme="turkmod"] .fa-spin-pulse{-webkit-animation-name:fa-spin;animation-name:fa-spin;-webkit-animation-direction:var(--fa-animation-direction,normal);animation-direction:var(--fa-animation-direction,normal);-webkit-animation-duration:var(--fa-animation-duration,1s);animation-duration:var(--fa-animation-duration,1s);-webkit-animation-iteration-count:var(--fa-animation-iteration-count,infinite);animation-iteration-count:var(--fa-animation-iteration-count,infinite);-webkit-animation-timing-function:var(--fa-animation-timing,steps(8));animation-timing-function:var(--fa-animation-timing,steps(8))}@media (prefers-reduced-motion:reduce){html[data-public-theme="turkmod"] .fa-beat,html[data-public-theme="turkmod"] .fa-beat-fade,html[data-public-theme="turkmod"] .fa-bounce,html[data-public-theme="turkmod"] .fa-fade,html[data-public-theme="turkmod"] .fa-flip,html[data-public-theme="turkmod"] .fa-pulse,html[data-public-theme="turkmod"] .fa-shake,html[data-public-theme="turkmod"] .fa-spin,html[data-public-theme="turkmod"] .fa-spin-pulse{-webkit-animation-delay:-1ms;animation-delay:-1ms;-webkit-animation-duration:1ms;animation-duration:1ms;-webkit-animation-iteration-count:1;animation-iteration-count:1;transition-delay:0s;transition-duration:0s}}@-webkit-keyframes fa-beat{0%,90%{-webkit-transform:scale(1);transform:scale(1)}45%{-webkit-transform:scale(var(--fa-beat-scale,1.25));transform:scale(var(--fa-beat-scale,1.25))}}@keyframes fa-beat{0%,90%{-webkit-transform:scale(1);transform:scale(1)}45%{-webkit-transform:scale(var(--fa-beat-scale,1.25));transform:scale(var(--fa-beat-scale,1.25))}}@-webkit-keyframes fa-bounce{0%{-webkit-transform:scale(1) translateY(0);transform:scale(1) translateY(0)}10%{-webkit-transform:scale(var(--fa-bounce-start-scale-x,1.1),var(--fa-bounce-start-scale-y,.9)) translateY(0);transform:scale(var(--fa-bounce-start-scale-x,1.1),var(--fa-bounce-start-scale-y,.9)) translateY(0)}30%{-webkit-transform:scale(var(--fa-bounce-jump-scale-x,.9),var(--fa-bounce-jump-scale-y,1.1)) translateY(var(--fa-bounce-height,-.5em));transform:scale(var(--fa-bounce-jump-scale-x,.9),var(--fa-bounce-jump-scale-y,1.1)) translateY(var(--fa-bounce-height,-.5em))}50%{-webkit-transform:scale(var(--fa-bounce-land-scale-x,1.05),var(--fa-bounce-land-scale-y,.95)) translateY(0);transform:scale(var(--fa-bounce-land-scale-x,1.05),var(--fa-bounce-land-scale-y,.95)) translateY(0)}57%{-webkit-transform:scale(1) translateY(var(--fa-bounce-rebound,-.125em));transform:scale(1) translateY(var(--fa-bounce-rebound,-.125em))}64%{-webkit-transform:scale(1) translateY(0);transform:scale(1) translateY(0)}to{-webkit-transform:scale(1) translateY(0);transform:scale(1) translateY(0)}}@keyframes fa-bounce{0%{-webkit-transform:scale(1) translateY(0);transform:scale(1) translateY(0)}10%{-webkit-transform:scale(var(--fa-bounce-start-scale-x,1.1),var(--fa-bounce-start-scale-y,.9)) translateY(0);transform:scale(var(--fa-bounce-start-scale-x,1.1),var(--fa-bounce-start-scale-y,.9)) translateY(0)}30%{-webkit-transform:scale(var(--fa-bounce-jump-scale-x,.9),var(--fa-bounce-jump-scale-y,1.1)) translateY(var(--fa-bounce-height,-.5em));transform:scale(var(--fa-bounce-jump-scale-x,.9),var(--fa-bounce-jump-scale-y,1.1)) translateY(var(--fa-bounce-height,-.5em))}50%{-webkit-transform:scale(var(--fa-bounce-land-scale-x,1.05),var(--fa-bounce-land-scale-y,.95)) translateY(0);transform:scale(var(--fa-bounce-land-scale-x,1.05),var(--fa-bounce-land-scale-y,.95)) translateY(0)}57%{-webkit-transform:scale(1) translateY(var(--fa-bounce-rebound,-.125em));transform:scale(1) translateY(var(--fa-bounce-rebound,-.125em))}64%{-webkit-transform:scale(1) translateY(0);transform:scale(1) translateY(0)}to{-webkit-transform:scale(1) translateY(0);transform:scale(1) translateY(0)}}@-webkit-keyframes fa-fade{50%{opacity:var(--fa-fade-opacity,.4)}}@keyframes fa-fade{50%{opacity:var(--fa-fade-opacity,.4)}}@-webkit-keyframes fa-beat-fade{0%,to{opacity:var(--fa-beat-fade-opacity,.4);-webkit-transform:scale(1);transform:scale(1)}50%{opacity:1;-webkit-transform:scale(var(--fa-beat-fade-scale,1.125));transform:scale(var(--fa-beat-fade-scale,1.125))}}@keyframes fa-beat-fade{0%,to{opacity:var(--fa-beat-fade-opacity,.4);-webkit-transform:scale(1);transform:scale(1)}50%{opacity:1;-webkit-transform:scale(var(--fa-beat-fade-scale,1.125));transform:scale(var(--fa-beat-fade-scale,1.125))}}@-webkit-keyframes fa-flip{50%{-webkit-transform:rotate3d(var(--fa-flip-x,0),var(--fa-flip-y,1),var(--fa-flip-z,0),var(--fa-flip-angle,-180deg));transform:rotate3d(var(--fa-flip-x,0),var(--fa-flip-y,1),var(--fa-flip-z,0),var(--fa-flip-angle,-180deg))}}@keyframes fa-flip{50%{-webkit-transform:rotate3d(var(--fa-flip-x,0),var(--fa-flip-y,1),var(--fa-flip-z,0),var(--fa-flip-angle,-180deg));transform:rotate3d(var(--fa-flip-x,0),var(--fa-flip-y,1),var(--fa-flip-z,0),var(--fa-flip-angle,-180deg))}}@-webkit-keyframes fa-shake{0%{-webkit-transform:rotate(-15deg);transform:rotate(-15deg)}4%{-webkit-transform:rotate(15deg);transform:rotate(15deg)}8%,24%{-webkit-transform:rotate(-18deg);transform:rotate(-18deg)}12%,28%{-webkit-transform:rotate(18deg);transform:rotate(18deg)}16%{-webkit-transform:rotate(-22deg);transform:rotate(-22deg)}20%{-webkit-transform:rotate(22deg);transform:rotate(22deg)}32%{-webkit-transform:rotate(-12deg);transform:rotate(-12deg)}36%{-webkit-transform:rotate(12deg);transform:rotate(12deg)}40%,to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}@keyframes fa-shake{0%{-webkit-transform:rotate(-15deg);transform:rotate(-15deg)}4%{-webkit-transform:rotate(15deg);transform:rotate(15deg)}8%,24%{-webkit-transform:rotate(-18deg);transform:rotate(-18deg)}12%,28%{-webkit-transform:rotate(18deg);transform:rotate(18deg)}16%{-webkit-transform:rotate(-22deg);transform:rotate(-22deg)}20%{-webkit-transform:rotate(22deg);transform:rotate(22deg)}32%{-webkit-transform:rotate(-12deg);transform:rotate(-12deg)}36%{-webkit-transform:rotate(12deg);transform:rotate(12deg)}40%,to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}@-webkit-keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}html[data-public-theme="turkmod"] .fa-rotate-90{-webkit-transform:rotate(90deg);transform:rotate(90deg)}html[data-public-theme="turkmod"] .fa-rotate-180{-webkit-transform:rotate(180deg);transform:rotate(180deg)}html[data-public-theme="turkmod"] .fa-rotate-270{-webkit-transform:rotate(270deg);transform:rotate(270deg)}html[data-public-theme="turkmod"] .fa-flip-horizontal{-webkit-transform:scaleX(-1);transform:scaleX(-1)}html[data-public-theme="turkmod"] .fa-flip-vertical{-webkit-transform:scaleY(-1);transform:scaleY(-1)}html[data-public-theme="turkmod"] .fa-flip-both,html[data-public-theme="turkmod"] .fa-flip-horizontal.fa-flip-vertical{-webkit-transform:scale(-1);transform:scale(-1)}html[data-public-theme="turkmod"] .fa-rotate-by{-webkit-transform:rotate(var(--fa-rotate-angle,none));transform:rotate(var(--fa-rotate-angle,none))}html[data-public-theme="turkmod"] .fa-stack{display:inline-block;height:2em;line-height:2em;position:relative;vertical-align:middle;width:2.5em}html[data-public-theme="turkmod"] .fa-stack-1x,html[data-public-theme="turkmod"] .fa-stack-2x{left:0;position:absolute;text-align:center;width:100%;z-index:var(--fa-stack-z-index,auto)}html[data-public-theme="turkmod"] .fa-stack-1x{line-height:inherit}html[data-public-theme="turkmod"] .fa-stack-2x{font-size:2em}html[data-public-theme="turkmod"] .fa-inverse{color:var(--fa-inverse,#fff)}html[data-public-theme="turkmod"] .fa-0:before{content:"\30"}html[data-public-theme="turkmod"] .fa-1:before{content:"\31"}html[data-public-theme="turkmod"] .fa-2:before{content:"\32"}html[data-public-theme="turkmod"] .fa-3:before{content:"\33"}html[data-public-theme="turkmod"] .fa-4:before{content:"\34"}html[data-public-theme="turkmod"] .fa-5:before{content:"\35"}html[data-public-theme="turkmod"] .fa-6:before{content:"\36"}html[data-public-theme="turkmod"] .fa-7:before{content:"\37"}html[data-public-theme="turkmod"] .fa-8:before{content:"\38"}html[data-public-theme="turkmod"] .fa-9:before{content:"\39"}html[data-public-theme="turkmod"] .fa-a:before{content:"\41"}html[data-public-theme="turkmod"] .fa-address-book:before,html[data-public-theme="turkmod"] .fa-contact-book:before{content:"\f2b9"}html[data-public-theme="turkmod"] .fa-address-card:before,html[data-public-theme="turkmod"] .fa-contact-card:before,html[data-public-theme="turkmod"] .fa-vcard:before{content:"\f2bb"}html[data-public-theme="turkmod"] .fa-align-center:before{content:"\f037"}html[data-public-theme="turkmod"] .fa-align-justify:before{content:"\f039"}html[data-public-theme="turkmod"] .fa-align-left:before{content:"\f036"}html[data-public-theme="turkmod"] .fa-align-right:before{content:"\f038"}html[data-public-theme="turkmod"] .fa-anchor:before{content:"\f13d"}html[data-public-theme="turkmod"] .fa-anchor-circle-check:before{content:"\e4aa"}html[data-public-theme="turkmod"] .fa-anchor-circle-exclamation:before{content:"\e4ab"}html[data-public-theme="turkmod"] .fa-anchor-circle-xmark:before{content:"\e4ac"}html[data-public-theme="turkmod"] .fa-anchor-lock:before{content:"\e4ad"}html[data-public-theme="turkmod"] .fa-angle-down:before{content:"\f107"}html[data-public-theme="turkmod"] .fa-angle-left:before{content:"\f104"}html[data-public-theme="turkmod"] .fa-angle-right:before{content:"\f105"}html[data-public-theme="turkmod"] .fa-angle-up:before{content:"\f106"}html[data-public-theme="turkmod"] .fa-angle-double-down:before,html[data-public-theme="turkmod"] .fa-angles-down:before{content:"\f103"}html[data-public-theme="turkmod"] .fa-angle-double-left:before,html[data-public-theme="turkmod"] .fa-angles-left:before{content:"\f100"}html[data-public-theme="turkmod"] .fa-angle-double-right:before,html[data-public-theme="turkmod"] .fa-angles-right:before{content:"\f101"}html[data-public-theme="turkmod"] .fa-angle-double-up:before,html[data-public-theme="turkmod"] .fa-angles-up:before{content:"\f102"}html[data-public-theme="turkmod"] .fa-ankh:before{content:"\f644"}html[data-public-theme="turkmod"] .fa-apple-alt:before,html[data-public-theme="turkmod"] .fa-apple-whole:before{content:"\f5d1"}html[data-public-theme="turkmod"] .fa-archway:before{content:"\f557"}html[data-public-theme="turkmod"] .fa-arrow-down:before{content:"\f063"}html[data-public-theme="turkmod"] .fa-arrow-down-1-9:before,html[data-public-theme="turkmod"] .fa-sort-numeric-asc:before,html[data-public-theme="turkmod"] .fa-sort-numeric-down:before{content:"\f162"}html[data-public-theme="turkmod"] .fa-arrow-down-9-1:before,html[data-public-theme="turkmod"] .fa-sort-numeric-desc:before,html[data-public-theme="turkmod"] .fa-sort-numeric-down-alt:before{content:"\f886"}html[data-public-theme="turkmod"] .fa-arrow-down-a-z:before,html[data-public-theme="turkmod"] .fa-sort-alpha-asc:before,html[data-public-theme="turkmod"] .fa-sort-alpha-down:before{content:"\f15d"}html[data-public-theme="turkmod"] .fa-arrow-down-long:before,html[data-public-theme="turkmod"] .fa-long-arrow-down:before{content:"\f175"}html[data-public-theme="turkmod"] .fa-arrow-down-short-wide:before,html[data-public-theme="turkmod"] .fa-sort-amount-desc:before,html[data-public-theme="turkmod"] .fa-sort-amount-down-alt:before{content:"\f884"}html[data-public-theme="turkmod"] .fa-arrow-down-up-across-line:before{content:"\e4af"}html[data-public-theme="turkmod"] .fa-arrow-down-up-lock:before{content:"\e4b0"}html[data-public-theme="turkmod"] .fa-arrow-down-wide-short:before,html[data-public-theme="turkmod"] .fa-sort-amount-asc:before,html[data-public-theme="turkmod"] .fa-sort-amount-down:before{content:"\f160"}html[data-public-theme="turkmod"] .fa-arrow-down-z-a:before,html[data-public-theme="turkmod"] .fa-sort-alpha-desc:before,html[data-public-theme="turkmod"] .fa-sort-alpha-down-alt:before{content:"\f881"}html[data-public-theme="turkmod"] .fa-arrow-left:before{content:"\f060"}html[data-public-theme="turkmod"] .fa-arrow-left-long:before,html[data-public-theme="turkmod"] .fa-long-arrow-left:before{content:"\f177"}html[data-public-theme="turkmod"] .fa-arrow-pointer:before,html[data-public-theme="turkmod"] .fa-mouse-pointer:before{content:"\f245"}html[data-public-theme="turkmod"] .fa-arrow-right:before{content:"\f061"}html[data-public-theme="turkmod"] .fa-arrow-right-arrow-left:before,html[data-public-theme="turkmod"] .fa-exchange:before{content:"\f0ec"}html[data-public-theme="turkmod"] .fa-arrow-right-from-bracket:before,html[data-public-theme="turkmod"] .fa-sign-out:before{content:"\f08b"}html[data-public-theme="turkmod"] .fa-arrow-right-long:before,html[data-public-theme="turkmod"] .fa-long-arrow-right:before{content:"\f178"}html[data-public-theme="turkmod"] .fa-arrow-right-to-bracket:before,html[data-public-theme="turkmod"] .fa-sign-in:before{content:"\f090"}html[data-public-theme="turkmod"] .fa-arrow-right-to-city:before{content:"\e4b3"}html[data-public-theme="turkmod"] .fa-arrow-left-rotate:before,html[data-public-theme="turkmod"] .fa-arrow-rotate-back:before,html[data-public-theme="turkmod"] .fa-arrow-rotate-backward:before,html[data-public-theme="turkmod"] .fa-arrow-rotate-left:before,html[data-public-theme="turkmod"] .fa-undo:before{content:"\f0e2"}html[data-public-theme="turkmod"] .fa-arrow-right-rotate:before,html[data-public-theme="turkmod"] .fa-arrow-rotate-forward:before,html[data-public-theme="turkmod"] .fa-arrow-rotate-right:before,html[data-public-theme="turkmod"] .fa-redo:before{content:"\f01e"}html[data-public-theme="turkmod"] .fa-arrow-trend-down:before{content:"\e097"}html[data-public-theme="turkmod"] .fa-arrow-trend-up:before{content:"\e098"}html[data-public-theme="turkmod"] .fa-arrow-turn-down:before,html[data-public-theme="turkmod"] .fa-level-down:before{content:"\f149"}html[data-public-theme="turkmod"] .fa-arrow-turn-up:before,html[data-public-theme="turkmod"] .fa-level-up:before{content:"\f148"}html[data-public-theme="turkmod"] .fa-arrow-up:before{content:"\f062"}html[data-public-theme="turkmod"] .fa-arrow-up-1-9:before,html[data-public-theme="turkmod"] .fa-sort-numeric-up:before{content:"\f163"}html[data-public-theme="turkmod"] .fa-arrow-up-9-1:before,html[data-public-theme="turkmod"] .fa-sort-numeric-up-alt:before{content:"\f887"}html[data-public-theme="turkmod"] .fa-arrow-up-a-z:before,html[data-public-theme="turkmod"] .fa-sort-alpha-up:before{content:"\f15e"}html[data-public-theme="turkmod"] .fa-arrow-up-from-bracket:before{content:"\e09a"}html[data-public-theme="turkmod"] .fa-arrow-up-from-ground-water:before{content:"\e4b5"}html[data-public-theme="turkmod"] .fa-arrow-up-from-water-pump:before{content:"\e4b6"}html[data-public-theme="turkmod"] .fa-arrow-up-long:before,html[data-public-theme="turkmod"] .fa-long-arrow-up:before{content:"\f176"}html[data-public-theme="turkmod"] .fa-arrow-up-right-dots:before{content:"\e4b7"}html[data-public-theme="turkmod"] .fa-arrow-up-right-from-square:before,html[data-public-theme="turkmod"] .fa-external-link:before{content:"\f08e"}html[data-public-theme="turkmod"] .fa-arrow-up-short-wide:before,html[data-public-theme="turkmod"] .fa-sort-amount-up-alt:before{content:"\f885"}html[data-public-theme="turkmod"] .fa-arrow-up-wide-short:before,html[data-public-theme="turkmod"] .fa-sort-amount-up:before{content:"\f161"}html[data-public-theme="turkmod"] .fa-arrow-up-z-a:before,html[data-public-theme="turkmod"] .fa-sort-alpha-up-alt:before{content:"\f882"}html[data-public-theme="turkmod"] .fa-arrows-down-to-line:before{content:"\e4b8"}html[data-public-theme="turkmod"] .fa-arrows-down-to-people:before{content:"\e4b9"}html[data-public-theme="turkmod"] .fa-arrows-h:before,html[data-public-theme="turkmod"] .fa-arrows-left-right:before{content:"\f07e"}html[data-public-theme="turkmod"] .fa-arrows-left-right-to-line:before{content:"\e4ba"}html[data-public-theme="turkmod"] .fa-arrows-rotate:before,html[data-public-theme="turkmod"] .fa-refresh:before,html[data-public-theme="turkmod"] .fa-sync:before{content:"\f021"}html[data-public-theme="turkmod"] .fa-arrows-spin:before{content:"\e4bb"}html[data-public-theme="turkmod"] .fa-arrows-split-up-and-left:before{content:"\e4bc"}html[data-public-theme="turkmod"] .fa-arrows-to-circle:before{content:"\e4bd"}html[data-public-theme="turkmod"] .fa-arrows-to-dot:before{content:"\e4be"}html[data-public-theme="turkmod"] .fa-arrows-to-eye:before{content:"\e4bf"}html[data-public-theme="turkmod"] .fa-arrows-turn-right:before{content:"\e4c0"}html[data-public-theme="turkmod"] .fa-arrows-turn-to-dots:before{content:"\e4c1"}html[data-public-theme="turkmod"] .fa-arrows-up-down:before,html[data-public-theme="turkmod"] .fa-arrows-v:before{content:"\f07d"}html[data-public-theme="turkmod"] .fa-arrows-up-down-left-right:before,html[data-public-theme="turkmod"] .fa-arrows:before{content:"\f047"}html[data-public-theme="turkmod"] .fa-arrows-up-to-line:before{content:"\e4c2"}html[data-public-theme="turkmod"] .fa-asterisk:before{content:"\2a"}html[data-public-theme="turkmod"] .fa-at:before{content:"\40"}html[data-public-theme="turkmod"] .fa-atom:before{content:"\f5d2"}html[data-public-theme="turkmod"] .fa-audio-description:before{content:"\f29e"}html[data-public-theme="turkmod"] .fa-austral-sign:before{content:"\e0a9"}html[data-public-theme="turkmod"] .fa-award:before{content:"\f559"}html[data-public-theme="turkmod"] .fa-b:before{content:"\42"}html[data-public-theme="turkmod"] .fa-baby:before{content:"\f77c"}html[data-public-theme="turkmod"] .fa-baby-carriage:before,html[data-public-theme="turkmod"] .fa-carriage-baby:before{content:"\f77d"}html[data-public-theme="turkmod"] .fa-backward:before{content:"\f04a"}html[data-public-theme="turkmod"] .fa-backward-fast:before,html[data-public-theme="turkmod"] .fa-fast-backward:before{content:"\f049"}html[data-public-theme="turkmod"] .fa-backward-step:before,html[data-public-theme="turkmod"] .fa-step-backward:before{content:"\f048"}html[data-public-theme="turkmod"] .fa-bacon:before{content:"\f7e5"}html[data-public-theme="turkmod"] .fa-bacteria:before{content:"\e059"}html[data-public-theme="turkmod"] .fa-bacterium:before{content:"\e05a"}html[data-public-theme="turkmod"] .fa-bag-shopping:before,html[data-public-theme="turkmod"] .fa-shopping-bag:before{content:"\f290"}html[data-public-theme="turkmod"] .fa-bahai:before{content:"\f666"}html[data-public-theme="turkmod"] .fa-baht-sign:before{content:"\e0ac"}html[data-public-theme="turkmod"] .fa-ban:before,html[data-public-theme="turkmod"] .fa-cancel:before{content:"\f05e"}html[data-public-theme="turkmod"] .fa-ban-smoking:before,html[data-public-theme="turkmod"] .fa-smoking-ban:before{content:"\f54d"}html[data-public-theme="turkmod"] .fa-band-aid:before,html[data-public-theme="turkmod"] .fa-bandage:before{content:"\f462"}html[data-public-theme="turkmod"] .fa-barcode:before{content:"\f02a"}html[data-public-theme="turkmod"] .fa-bars:before,html[data-public-theme="turkmod"] .fa-navicon:before{content:"\f0c9"}html[data-public-theme="turkmod"] .fa-bars-progress:before,html[data-public-theme="turkmod"] .fa-tasks-alt:before{content:"\f828"}html[data-public-theme="turkmod"] .fa-bars-staggered:before,html[data-public-theme="turkmod"] .fa-reorder:before,html[data-public-theme="turkmod"] .fa-stream:before{content:"\f550"}html[data-public-theme="turkmod"] .fa-baseball-ball:before,html[data-public-theme="turkmod"] .fa-baseball:before{content:"\f433"}html[data-public-theme="turkmod"] .fa-baseball-bat-ball:before{content:"\f432"}html[data-public-theme="turkmod"] .fa-basket-shopping:before,html[data-public-theme="turkmod"] .fa-shopping-basket:before{content:"\f291"}html[data-public-theme="turkmod"] .fa-basketball-ball:before,html[data-public-theme="turkmod"] .fa-basketball:before{content:"\f434"}html[data-public-theme="turkmod"] .fa-bath:before,html[data-public-theme="turkmod"] .fa-bathtub:before{content:"\f2cd"}html[data-public-theme="turkmod"] .fa-battery-0:before,html[data-public-theme="turkmod"] .fa-battery-empty:before{content:"\f244"}html[data-public-theme="turkmod"] .fa-battery-5:before,html[data-public-theme="turkmod"] .fa-battery-full:before,html[data-public-theme="turkmod"] .fa-battery:before{content:"\f240"}html[data-public-theme="turkmod"] .fa-battery-3:before,html[data-public-theme="turkmod"] .fa-battery-half:before{content:"\f242"}html[data-public-theme="turkmod"] .fa-battery-2:before,html[data-public-theme="turkmod"] .fa-battery-quarter:before{content:"\f243"}html[data-public-theme="turkmod"] .fa-battery-4:before,html[data-public-theme="turkmod"] .fa-battery-three-quarters:before{content:"\f241"}html[data-public-theme="turkmod"] .fa-bed:before{content:"\f236"}html[data-public-theme="turkmod"] .fa-bed-pulse:before,html[data-public-theme="turkmod"] .fa-procedures:before{content:"\f487"}html[data-public-theme="turkmod"] .fa-beer-mug-empty:before,html[data-public-theme="turkmod"] .fa-beer:before{content:"\f0fc"}html[data-public-theme="turkmod"] .fa-bell:before{content:"\f0f3"}html[data-public-theme="turkmod"] .fa-bell-concierge:before,html[data-public-theme="turkmod"] .fa-concierge-bell:before{content:"\f562"}html[data-public-theme="turkmod"] .fa-bell-slash:before{content:"\f1f6"}html[data-public-theme="turkmod"] .fa-bezier-curve:before{content:"\f55b"}html[data-public-theme="turkmod"] .fa-bicycle:before{content:"\f206"}html[data-public-theme="turkmod"] .fa-binoculars:before{content:"\f1e5"}html[data-public-theme="turkmod"] .fa-biohazard:before{content:"\f780"}html[data-public-theme="turkmod"] .fa-bitcoin-sign:before{content:"\e0b4"}html[data-public-theme="turkmod"] .fa-blender:before{content:"\f517"}html[data-public-theme="turkmod"] .fa-blender-phone:before{content:"\f6b6"}html[data-public-theme="turkmod"] .fa-blog:before{content:"\f781"}html[data-public-theme="turkmod"] .fa-bold:before{content:"\f032"}html[data-public-theme="turkmod"] .fa-bolt:before,html[data-public-theme="turkmod"] .fa-zap:before{content:"\f0e7"}html[data-public-theme="turkmod"] .fa-bolt-lightning:before{content:"\e0b7"}html[data-public-theme="turkmod"] .fa-bomb:before{content:"\f1e2"}html[data-public-theme="turkmod"] .fa-bone:before{content:"\f5d7"}html[data-public-theme="turkmod"] .fa-bong:before{content:"\f55c"}html[data-public-theme="turkmod"] .fa-book:before{content:"\f02d"}html[data-public-theme="turkmod"] .fa-atlas:before,html[data-public-theme="turkmod"] .fa-book-atlas:before{content:"\f558"}html[data-public-theme="turkmod"] .fa-bible:before,html[data-public-theme="turkmod"] .fa-book-bible:before{content:"\f647"}html[data-public-theme="turkmod"] .fa-book-bookmark:before{content:"\e0bb"}html[data-public-theme="turkmod"] .fa-book-journal-whills:before,html[data-public-theme="turkmod"] .fa-journal-whills:before{content:"\f66a"}html[data-public-theme="turkmod"] .fa-book-medical:before{content:"\f7e6"}html[data-public-theme="turkmod"] .fa-book-open:before{content:"\f518"}html[data-public-theme="turkmod"] .fa-book-open-reader:before,html[data-public-theme="turkmod"] .fa-book-reader:before{content:"\f5da"}html[data-public-theme="turkmod"] .fa-book-quran:before,html[data-public-theme="turkmod"] .fa-quran:before{content:"\f687"}html[data-public-theme="turkmod"] .fa-book-dead:before,html[data-public-theme="turkmod"] .fa-book-skull:before{content:"\f6b7"}html[data-public-theme="turkmod"] .fa-bookmark:before{content:"\f02e"}html[data-public-theme="turkmod"] .fa-border-all:before{content:"\f84c"}html[data-public-theme="turkmod"] .fa-border-none:before{content:"\f850"}html[data-public-theme="turkmod"] .fa-border-style:before,html[data-public-theme="turkmod"] .fa-border-top-left:before{content:"\f853"}html[data-public-theme="turkmod"] .fa-bore-hole:before{content:"\e4c3"}html[data-public-theme="turkmod"] .fa-bottle-droplet:before{content:"\e4c4"}html[data-public-theme="turkmod"] .fa-bottle-water:before{content:"\e4c5"}html[data-public-theme="turkmod"] .fa-bowl-food:before{content:"\e4c6"}html[data-public-theme="turkmod"] .fa-bowl-rice:before{content:"\e2eb"}html[data-public-theme="turkmod"] .fa-bowling-ball:before{content:"\f436"}html[data-public-theme="turkmod"] .fa-box:before{content:"\f466"}html[data-public-theme="turkmod"] .fa-archive:before,html[data-public-theme="turkmod"] .fa-box-archive:before{content:"\f187"}html[data-public-theme="turkmod"] .fa-box-open:before{content:"\f49e"}html[data-public-theme="turkmod"] .fa-box-tissue:before{content:"\e05b"}html[data-public-theme="turkmod"] .fa-boxes-packing:before{content:"\e4c7"}html[data-public-theme="turkmod"] .fa-boxes-alt:before,html[data-public-theme="turkmod"] .fa-boxes-stacked:before,html[data-public-theme="turkmod"] .fa-boxes:before{content:"\f468"}html[data-public-theme="turkmod"] .fa-braille:before{content:"\f2a1"}html[data-public-theme="turkmod"] .fa-brain:before{content:"\f5dc"}html[data-public-theme="turkmod"] .fa-brazilian-real-sign:before{content:"\e46c"}html[data-public-theme="turkmod"] .fa-bread-slice:before{content:"\f7ec"}html[data-public-theme="turkmod"] .fa-bridge:before{content:"\e4c8"}html[data-public-theme="turkmod"] .fa-bridge-circle-check:before{content:"\e4c9"}html[data-public-theme="turkmod"] .fa-bridge-circle-exclamation:before{content:"\e4ca"}html[data-public-theme="turkmod"] .fa-bridge-circle-xmark:before{content:"\e4cb"}html[data-public-theme="turkmod"] .fa-bridge-lock:before{content:"\e4cc"}html[data-public-theme="turkmod"] .fa-bridge-water:before{content:"\e4ce"}html[data-public-theme="turkmod"] .fa-briefcase:before{content:"\f0b1"}html[data-public-theme="turkmod"] .fa-briefcase-medical:before{content:"\f469"}html[data-public-theme="turkmod"] .fa-broom:before{content:"\f51a"}html[data-public-theme="turkmod"] .fa-broom-ball:before,html[data-public-theme="turkmod"] .fa-quidditch-broom-ball:before,html[data-public-theme="turkmod"] .fa-quidditch:before{content:"\f458"}html[data-public-theme="turkmod"] .fa-brush:before{content:"\f55d"}html[data-public-theme="turkmod"] .fa-bucket:before{content:"\e4cf"}html[data-public-theme="turkmod"] .fa-bug:before{content:"\f188"}html[data-public-theme="turkmod"] .fa-bug-slash:before{content:"\e490"}html[data-public-theme="turkmod"] .fa-bugs:before{content:"\e4d0"}html[data-public-theme="turkmod"] .fa-building:before{content:"\f1ad"}html[data-public-theme="turkmod"] .fa-building-circle-arrow-right:before{content:"\e4d1"}html[data-public-theme="turkmod"] .fa-building-circle-check:before{content:"\e4d2"}html[data-public-theme="turkmod"] .fa-building-circle-exclamation:before{content:"\e4d3"}html[data-public-theme="turkmod"] .fa-building-circle-xmark:before{content:"\e4d4"}html[data-public-theme="turkmod"] .fa-bank:before,html[data-public-theme="turkmod"] .fa-building-columns:before,html[data-public-theme="turkmod"] .fa-institution:before,html[data-public-theme="turkmod"] .fa-museum:before,html[data-public-theme="turkmod"] .fa-university:before{content:"\f19c"}html[data-public-theme="turkmod"] .fa-building-flag:before{content:"\e4d5"}html[data-public-theme="turkmod"] .fa-building-lock:before{content:"\e4d6"}html[data-public-theme="turkmod"] .fa-building-ngo:before{content:"\e4d7"}html[data-public-theme="turkmod"] .fa-building-shield:before{content:"\e4d8"}html[data-public-theme="turkmod"] .fa-building-un:before{content:"\e4d9"}html[data-public-theme="turkmod"] .fa-building-user:before{content:"\e4da"}html[data-public-theme="turkmod"] .fa-building-wheat:before{content:"\e4db"}html[data-public-theme="turkmod"] .fa-bullhorn:before{content:"\f0a1"}html[data-public-theme="turkmod"] .fa-bullseye:before{content:"\f140"}html[data-public-theme="turkmod"] .fa-burger:before,html[data-public-theme="turkmod"] .fa-hamburger:before{content:"\f805"}html[data-public-theme="turkmod"] .fa-burst:before{content:"\e4dc"}html[data-public-theme="turkmod"] .fa-bus:before{content:"\f207"}html[data-public-theme="turkmod"] .fa-bus-alt:before,html[data-public-theme="turkmod"] .fa-bus-simple:before{content:"\f55e"}html[data-public-theme="turkmod"] .fa-briefcase-clock:before,html[data-public-theme="turkmod"] .fa-business-time:before{content:"\f64a"}html[data-public-theme="turkmod"] .fa-c:before{content:"\43"}html[data-public-theme="turkmod"] .fa-birthday-cake:before,html[data-public-theme="turkmod"] .fa-cake-candles:before,html[data-public-theme="turkmod"] .fa-cake:before{content:"\f1fd"}html[data-public-theme="turkmod"] .fa-calculator:before{content:"\f1ec"}html[data-public-theme="turkmod"] .fa-calendar:before{content:"\f133"}html[data-public-theme="turkmod"] .fa-calendar-check:before{content:"\f274"}html[data-public-theme="turkmod"] .fa-calendar-day:before{content:"\f783"}html[data-public-theme="turkmod"] .fa-calendar-alt:before,html[data-public-theme="turkmod"] .fa-calendar-days:before{content:"\f073"}html[data-public-theme="turkmod"] .fa-calendar-minus:before{content:"\f272"}html[data-public-theme="turkmod"] .fa-calendar-plus:before{content:"\f271"}html[data-public-theme="turkmod"] .fa-calendar-week:before{content:"\f784"}html[data-public-theme="turkmod"] .fa-calendar-times:before,html[data-public-theme="turkmod"] .fa-calendar-xmark:before{content:"\f273"}html[data-public-theme="turkmod"] .fa-camera-alt:before,html[data-public-theme="turkmod"] .fa-camera:before{content:"\f030"}html[data-public-theme="turkmod"] .fa-camera-retro:before{content:"\f083"}html[data-public-theme="turkmod"] .fa-camera-rotate:before{content:"\e0d8"}html[data-public-theme="turkmod"] .fa-campground:before{content:"\f6bb"}html[data-public-theme="turkmod"] .fa-candy-cane:before{content:"\f786"}html[data-public-theme="turkmod"] .fa-cannabis:before{content:"\f55f"}html[data-public-theme="turkmod"] .fa-capsules:before{content:"\f46b"}html[data-public-theme="turkmod"] .fa-automobile:before,html[data-public-theme="turkmod"] .fa-car:before{content:"\f1b9"}html[data-public-theme="turkmod"] .fa-battery-car:before,html[data-public-theme="turkmod"] .fa-car-battery:before{content:"\f5df"}html[data-public-theme="turkmod"] .fa-car-burst:before,html[data-public-theme="turkmod"] .fa-car-crash:before{content:"\f5e1"}html[data-public-theme="turkmod"] .fa-car-on:before{content:"\e4dd"}html[data-public-theme="turkmod"] .fa-car-alt:before,html[data-public-theme="turkmod"] .fa-car-rear:before{content:"\f5de"}html[data-public-theme="turkmod"] .fa-car-side:before{content:"\f5e4"}html[data-public-theme="turkmod"] .fa-car-tunnel:before{content:"\e4de"}html[data-public-theme="turkmod"] .fa-caravan:before{content:"\f8ff"}html[data-public-theme="turkmod"] .fa-caret-down:before{content:"\f0d7"}html[data-public-theme="turkmod"] .fa-caret-left:before{content:"\f0d9"}html[data-public-theme="turkmod"] .fa-caret-right:before{content:"\f0da"}html[data-public-theme="turkmod"] .fa-caret-up:before{content:"\f0d8"}html[data-public-theme="turkmod"] .fa-carrot:before{content:"\f787"}html[data-public-theme="turkmod"] .fa-cart-arrow-down:before{content:"\f218"}html[data-public-theme="turkmod"] .fa-cart-flatbed:before,html[data-public-theme="turkmod"] .fa-dolly-flatbed:before{content:"\f474"}html[data-public-theme="turkmod"] .fa-cart-flatbed-suitcase:before,html[data-public-theme="turkmod"] .fa-luggage-cart:before{content:"\f59d"}html[data-public-theme="turkmod"] .fa-cart-plus:before{content:"\f217"}html[data-public-theme="turkmod"] .fa-cart-shopping:before,html[data-public-theme="turkmod"] .fa-shopping-cart:before{content:"\f07a"}html[data-public-theme="turkmod"] .fa-cash-register:before{content:"\f788"}html[data-public-theme="turkmod"] .fa-cat:before{content:"\f6be"}html[data-public-theme="turkmod"] .fa-cedi-sign:before{content:"\e0df"}html[data-public-theme="turkmod"] .fa-cent-sign:before{content:"\e3f5"}html[data-public-theme="turkmod"] .fa-certificate:before{content:"\f0a3"}html[data-public-theme="turkmod"] .fa-chair:before{content:"\f6c0"}html[data-public-theme="turkmod"] .fa-blackboard:before,html[data-public-theme="turkmod"] .fa-chalkboard:before{content:"\f51b"}html[data-public-theme="turkmod"] .fa-chalkboard-teacher:before,html[data-public-theme="turkmod"] .fa-chalkboard-user:before{content:"\f51c"}html[data-public-theme="turkmod"] .fa-champagne-glasses:before,html[data-public-theme="turkmod"] .fa-glass-cheers:before{content:"\f79f"}html[data-public-theme="turkmod"] .fa-charging-station:before{content:"\f5e7"}html[data-public-theme="turkmod"] .fa-area-chart:before,html[data-public-theme="turkmod"] .fa-chart-area:before{content:"\f1fe"}html[data-public-theme="turkmod"] .fa-bar-chart:before,html[data-public-theme="turkmod"] .fa-chart-bar:before{content:"\f080"}html[data-public-theme="turkmod"] .fa-chart-column:before{content:"\e0e3"}html[data-public-theme="turkmod"] .fa-chart-gantt:before{content:"\e0e4"}html[data-public-theme="turkmod"] .fa-chart-line:before,html[data-public-theme="turkmod"] .fa-line-chart:before{content:"\f201"}html[data-public-theme="turkmod"] .fa-chart-pie:before,html[data-public-theme="turkmod"] .fa-pie-chart:before{content:"\f200"}html[data-public-theme="turkmod"] .fa-chart-simple:before{content:"\e473"}html[data-public-theme="turkmod"] .fa-check:before{content:"\f00c"}html[data-public-theme="turkmod"] .fa-check-double:before{content:"\f560"}html[data-public-theme="turkmod"] .fa-check-to-slot:before,html[data-public-theme="turkmod"] .fa-vote-yea:before{content:"\f772"}html[data-public-theme="turkmod"] .fa-cheese:before{content:"\f7ef"}html[data-public-theme="turkmod"] .fa-chess:before{content:"\f439"}html[data-public-theme="turkmod"] .fa-chess-bishop:before{content:"\f43a"}html[data-public-theme="turkmod"] .fa-chess-board:before{content:"\f43c"}html[data-public-theme="turkmod"] .fa-chess-king:before{content:"\f43f"}html[data-public-theme="turkmod"] .fa-chess-knight:before{content:"\f441"}html[data-public-theme="turkmod"] .fa-chess-pawn:before{content:"\f443"}html[data-public-theme="turkmod"] .fa-chess-queen:before{content:"\f445"}html[data-public-theme="turkmod"] .fa-chess-rook:before{content:"\f447"}html[data-public-theme="turkmod"] .fa-chevron-down:before{content:"\f078"}html[data-public-theme="turkmod"] .fa-chevron-left:before{content:"\f053"}html[data-public-theme="turkmod"] .fa-chevron-right:before{content:"\f054"}html[data-public-theme="turkmod"] .fa-chevron-up:before{content:"\f077"}html[data-public-theme="turkmod"] .fa-child:before{content:"\f1ae"}html[data-public-theme="turkmod"] .fa-child-dress:before{content:"\e59c"}html[data-public-theme="turkmod"] .fa-child-reaching:before{content:"\e59d"}html[data-public-theme="turkmod"] .fa-child-rifle:before{content:"\e4e0"}html[data-public-theme="turkmod"] .fa-children:before{content:"\e4e1"}html[data-public-theme="turkmod"] .fa-church:before{content:"\f51d"}html[data-public-theme="turkmod"] .fa-circle:before{content:"\f111"}html[data-public-theme="turkmod"] .fa-arrow-circle-down:before,html[data-public-theme="turkmod"] .fa-circle-arrow-down:before{content:"\f0ab"}html[data-public-theme="turkmod"] .fa-arrow-circle-left:before,html[data-public-theme="turkmod"] .fa-circle-arrow-left:before{content:"\f0a8"}html[data-public-theme="turkmod"] .fa-arrow-circle-right:before,html[data-public-theme="turkmod"] .fa-circle-arrow-right:before{content:"\f0a9"}html[data-public-theme="turkmod"] .fa-arrow-circle-up:before,html[data-public-theme="turkmod"] .fa-circle-arrow-up:before{content:"\f0aa"}html[data-public-theme="turkmod"] .fa-check-circle:before,html[data-public-theme="turkmod"] .fa-circle-check:before{content:"\f058"}html[data-public-theme="turkmod"] .fa-chevron-circle-down:before,html[data-public-theme="turkmod"] .fa-circle-chevron-down:before{content:"\f13a"}html[data-public-theme="turkmod"] .fa-chevron-circle-left:before,html[data-public-theme="turkmod"] .fa-circle-chevron-left:before{content:"\f137"}html[data-public-theme="turkmod"] .fa-chevron-circle-right:before,html[data-public-theme="turkmod"] .fa-circle-chevron-right:before{content:"\f138"}html[data-public-theme="turkmod"] .fa-chevron-circle-up:before,html[data-public-theme="turkmod"] .fa-circle-chevron-up:before{content:"\f139"}html[data-public-theme="turkmod"] .fa-circle-dollar-to-slot:before,html[data-public-theme="turkmod"] .fa-donate:before{content:"\f4b9"}html[data-public-theme="turkmod"] .fa-circle-dot:before,html[data-public-theme="turkmod"] .fa-dot-circle:before{content:"\f192"}html[data-public-theme="turkmod"] .fa-arrow-alt-circle-down:before,html[data-public-theme="turkmod"] .fa-circle-down:before{content:"\f358"}html[data-public-theme="turkmod"] .fa-circle-exclamation:before,html[data-public-theme="turkmod"] .fa-exclamation-circle:before{content:"\f06a"}html[data-public-theme="turkmod"] .fa-circle-h:before,html[data-public-theme="turkmod"] .fa-hospital-symbol:before{content:"\f47e"}html[data-public-theme="turkmod"] .fa-adjust:before,html[data-public-theme="turkmod"] .fa-circle-half-stroke:before{content:"\f042"}html[data-public-theme="turkmod"] .fa-circle-info:before,html[data-public-theme="turkmod"] .fa-info-circle:before{content:"\f05a"}html[data-public-theme="turkmod"] .fa-arrow-alt-circle-left:before,html[data-public-theme="turkmod"] .fa-circle-left:before{content:"\f359"}html[data-public-theme="turkmod"] .fa-circle-minus:before,html[data-public-theme="turkmod"] .fa-minus-circle:before{content:"\f056"}html[data-public-theme="turkmod"] .fa-circle-nodes:before{content:"\e4e2"}html[data-public-theme="turkmod"] .fa-circle-notch:before{content:"\f1ce"}html[data-public-theme="turkmod"] .fa-circle-pause:before,html[data-public-theme="turkmod"] .fa-pause-circle:before{content:"\f28b"}html[data-public-theme="turkmod"] .fa-circle-play:before,html[data-public-theme="turkmod"] .fa-play-circle:before{content:"\f144"}html[data-public-theme="turkmod"] .fa-circle-plus:before,html[data-public-theme="turkmod"] .fa-plus-circle:before{content:"\f055"}html[data-public-theme="turkmod"] .fa-circle-question:before,html[data-public-theme="turkmod"] .fa-question-circle:before{content:"\f059"}html[data-public-theme="turkmod"] .fa-circle-radiation:before,html[data-public-theme="turkmod"] .fa-radiation-alt:before{content:"\f7ba"}html[data-public-theme="turkmod"] .fa-arrow-alt-circle-right:before,html[data-public-theme="turkmod"] .fa-circle-right:before{content:"\f35a"}html[data-public-theme="turkmod"] .fa-circle-stop:before,html[data-public-theme="turkmod"] .fa-stop-circle:before{content:"\f28d"}html[data-public-theme="turkmod"] .fa-arrow-alt-circle-up:before,html[data-public-theme="turkmod"] .fa-circle-up:before{content:"\f35b"}html[data-public-theme="turkmod"] .fa-circle-user:before,html[data-public-theme="turkmod"] .fa-user-circle:before{content:"\f2bd"}html[data-public-theme="turkmod"] .fa-circle-xmark:before,html[data-public-theme="turkmod"] .fa-times-circle:before,html[data-public-theme="turkmod"] .fa-xmark-circle:before{content:"\f057"}html[data-public-theme="turkmod"] .fa-city:before{content:"\f64f"}html[data-public-theme="turkmod"] .fa-clapperboard:before{content:"\e131"}html[data-public-theme="turkmod"] .fa-clipboard:before{content:"\f328"}html[data-public-theme="turkmod"] .fa-clipboard-check:before{content:"\f46c"}html[data-public-theme="turkmod"] .fa-clipboard-list:before{content:"\f46d"}html[data-public-theme="turkmod"] .fa-clipboard-question:before{content:"\e4e3"}html[data-public-theme="turkmod"] .fa-clipboard-user:before{content:"\f7f3"}html[data-public-theme="turkmod"] .fa-clock-four:before,html[data-public-theme="turkmod"] .fa-clock:before{content:"\f017"}html[data-public-theme="turkmod"] .fa-clock-rotate-left:before,html[data-public-theme="turkmod"] .fa-history:before{content:"\f1da"}html[data-public-theme="turkmod"] .fa-clone:before{content:"\f24d"}html[data-public-theme="turkmod"] .fa-closed-captioning:before{content:"\f20a"}html[data-public-theme="turkmod"] .fa-cloud:before{content:"\f0c2"}html[data-public-theme="turkmod"] .fa-cloud-arrow-down:before,html[data-public-theme="turkmod"] .fa-cloud-download-alt:before,html[data-public-theme="turkmod"] .fa-cloud-download:before{content:"\f0ed"}html[data-public-theme="turkmod"] .fa-cloud-arrow-up:before,html[data-public-theme="turkmod"] .fa-cloud-upload-alt:before,html[data-public-theme="turkmod"] .fa-cloud-upload:before{content:"\f0ee"}html[data-public-theme="turkmod"] .fa-cloud-bolt:before,html[data-public-theme="turkmod"] .fa-thunderstorm:before{content:"\f76c"}html[data-public-theme="turkmod"] .fa-cloud-meatball:before{content:"\f73b"}html[data-public-theme="turkmod"] .fa-cloud-moon:before{content:"\f6c3"}html[data-public-theme="turkmod"] .fa-cloud-moon-rain:before{content:"\f73c"}html[data-public-theme="turkmod"] .fa-cloud-rain:before{content:"\f73d"}html[data-public-theme="turkmod"] .fa-cloud-showers-heavy:before{content:"\f740"}html[data-public-theme="turkmod"] .fa-cloud-showers-water:before{content:"\e4e4"}html[data-public-theme="turkmod"] .fa-cloud-sun:before{content:"\f6c4"}html[data-public-theme="turkmod"] .fa-cloud-sun-rain:before{content:"\f743"}html[data-public-theme="turkmod"] .fa-clover:before{content:"\e139"}html[data-public-theme="turkmod"] .fa-code:before{content:"\f121"}html[data-public-theme="turkmod"] .fa-code-branch:before{content:"\f126"}html[data-public-theme="turkmod"] .fa-code-commit:before{content:"\f386"}html[data-public-theme="turkmod"] .fa-code-compare:before{content:"\e13a"}html[data-public-theme="turkmod"] .fa-code-fork:before{content:"\e13b"}html[data-public-theme="turkmod"] .fa-code-merge:before{content:"\f387"}html[data-public-theme="turkmod"] .fa-code-pull-request:before{content:"\e13c"}html[data-public-theme="turkmod"] .fa-coins:before{content:"\f51e"}html[data-public-theme="turkmod"] .fa-colon-sign:before{content:"\e140"}html[data-public-theme="turkmod"] .fa-comment:before{content:"\f075"}html[data-public-theme="turkmod"] .fa-comment-dollar:before{content:"\f651"}html[data-public-theme="turkmod"] .fa-comment-dots:before,html[data-public-theme="turkmod"] .fa-commenting:before{content:"\f4ad"}html[data-public-theme="turkmod"] .fa-comment-medical:before{content:"\f7f5"}html[data-public-theme="turkmod"] .fa-comment-slash:before{content:"\f4b3"}html[data-public-theme="turkmod"] .fa-comment-sms:before,html[data-public-theme="turkmod"] .fa-sms:before{content:"\f7cd"}html[data-public-theme="turkmod"] .fa-comments:before{content:"\f086"}html[data-public-theme="turkmod"] .fa-comments-dollar:before{content:"\f653"}html[data-public-theme="turkmod"] .fa-compact-disc:before{content:"\f51f"}html[data-public-theme="turkmod"] .fa-compass:before{content:"\f14e"}html[data-public-theme="turkmod"] .fa-compass-drafting:before,html[data-public-theme="turkmod"] .fa-drafting-compass:before{content:"\f568"}html[data-public-theme="turkmod"] .fa-compress:before{content:"\f066"}html[data-public-theme="turkmod"] .fa-computer:before{content:"\e4e5"}html[data-public-theme="turkmod"] .fa-computer-mouse:before,html[data-public-theme="turkmod"] .fa-mouse:before{content:"\f8cc"}html[data-public-theme="turkmod"] .fa-cookie:before{content:"\f563"}html[data-public-theme="turkmod"] .fa-cookie-bite:before{content:"\f564"}html[data-public-theme="turkmod"] .fa-copy:before{content:"\f0c5"}html[data-public-theme="turkmod"] .fa-copyright:before{content:"\f1f9"}html[data-public-theme="turkmod"] .fa-couch:before{content:"\f4b8"}html[data-public-theme="turkmod"] .fa-cow:before{content:"\f6c8"}html[data-public-theme="turkmod"] .fa-credit-card-alt:before,html[data-public-theme="turkmod"] .fa-credit-card:before{content:"\f09d"}html[data-public-theme="turkmod"] .fa-crop:before{content:"\f125"}html[data-public-theme="turkmod"] .fa-crop-alt:before,html[data-public-theme="turkmod"] .fa-crop-simple:before{content:"\f565"}html[data-public-theme="turkmod"] .fa-cross:before{content:"\f654"}html[data-public-theme="turkmod"] .fa-crosshairs:before{content:"\f05b"}html[data-public-theme="turkmod"] .fa-crow:before{content:"\f520"}html[data-public-theme="turkmod"] .fa-crown:before{content:"\f521"}html[data-public-theme="turkmod"] .fa-crutch:before{content:"\f7f7"}html[data-public-theme="turkmod"] .fa-cruzeiro-sign:before{content:"\e152"}html[data-public-theme="turkmod"] .fa-cube:before{content:"\f1b2"}html[data-public-theme="turkmod"] .fa-cubes:before{content:"\f1b3"}html[data-public-theme="turkmod"] .fa-cubes-stacked:before{content:"\e4e6"}html[data-public-theme="turkmod"] .fa-d:before{content:"\44"}html[data-public-theme="turkmod"] .fa-database:before{content:"\f1c0"}html[data-public-theme="turkmod"] .fa-backspace:before,html[data-public-theme="turkmod"] .fa-delete-left:before{content:"\f55a"}html[data-public-theme="turkmod"] .fa-democrat:before{content:"\f747"}html[data-public-theme="turkmod"] .fa-desktop-alt:before,html[data-public-theme="turkmod"] .fa-desktop:before{content:"\f390"}html[data-public-theme="turkmod"] .fa-dharmachakra:before{content:"\f655"}html[data-public-theme="turkmod"] .fa-diagram-next:before{content:"\e476"}html[data-public-theme="turkmod"] .fa-diagram-predecessor:before{content:"\e477"}html[data-public-theme="turkmod"] .fa-diagram-project:before,html[data-public-theme="turkmod"] .fa-project-diagram:before{content:"\f542"}html[data-public-theme="turkmod"] .fa-diagram-successor:before{content:"\e47a"}html[data-public-theme="turkmod"] .fa-diamond:before{content:"\f219"}html[data-public-theme="turkmod"] .fa-diamond-turn-right:before,html[data-public-theme="turkmod"] .fa-directions:before{content:"\f5eb"}html[data-public-theme="turkmod"] .fa-dice:before{content:"\f522"}html[data-public-theme="turkmod"] .fa-dice-d20:before{content:"\f6cf"}html[data-public-theme="turkmod"] .fa-dice-d6:before{content:"\f6d1"}html[data-public-theme="turkmod"] .fa-dice-five:before{content:"\f523"}html[data-public-theme="turkmod"] .fa-dice-four:before{content:"\f524"}html[data-public-theme="turkmod"] .fa-dice-one:before{content:"\f525"}html[data-public-theme="turkmod"] .fa-dice-six:before{content:"\f526"}html[data-public-theme="turkmod"] .fa-dice-three:before{content:"\f527"}html[data-public-theme="turkmod"] .fa-dice-two:before{content:"\f528"}html[data-public-theme="turkmod"] .fa-disease:before{content:"\f7fa"}html[data-public-theme="turkmod"] .fa-display:before{content:"\e163"}html[data-public-theme="turkmod"] .fa-divide:before{content:"\f529"}html[data-public-theme="turkmod"] .fa-dna:before{content:"\f471"}html[data-public-theme="turkmod"] .fa-dog:before{content:"\f6d3"}html[data-public-theme="turkmod"] .fa-dollar-sign:before,html[data-public-theme="turkmod"] .fa-dollar:before,html[data-public-theme="turkmod"] .fa-usd:before{content:"\24"}html[data-public-theme="turkmod"] .fa-dolly-box:before,html[data-public-theme="turkmod"] .fa-dolly:before{content:"\f472"}html[data-public-theme="turkmod"] .fa-dong-sign:before{content:"\e169"}html[data-public-theme="turkmod"] .fa-door-closed:before{content:"\f52a"}html[data-public-theme="turkmod"] .fa-door-open:before{content:"\f52b"}html[data-public-theme="turkmod"] .fa-dove:before{content:"\f4ba"}html[data-public-theme="turkmod"] .fa-compress-alt:before,html[data-public-theme="turkmod"] .fa-down-left-and-up-right-to-center:before{content:"\f422"}html[data-public-theme="turkmod"] .fa-down-long:before,html[data-public-theme="turkmod"] .fa-long-arrow-alt-down:before{content:"\f309"}html[data-public-theme="turkmod"] .fa-download:before{content:"\f019"}html[data-public-theme="turkmod"] .fa-dragon:before{content:"\f6d5"}html[data-public-theme="turkmod"] .fa-draw-polygon:before{content:"\f5ee"}html[data-public-theme="turkmod"] .fa-droplet:before,html[data-public-theme="turkmod"] .fa-tint:before{content:"\f043"}html[data-public-theme="turkmod"] .fa-droplet-slash:before,html[data-public-theme="turkmod"] .fa-tint-slash:before{content:"\f5c7"}html[data-public-theme="turkmod"] .fa-drum:before{content:"\f569"}html[data-public-theme="turkmod"] .fa-drum-steelpan:before{content:"\f56a"}html[data-public-theme="turkmod"] .fa-drumstick-bite:before{content:"\f6d7"}html[data-public-theme="turkmod"] .fa-dumbbell:before{content:"\f44b"}html[data-public-theme="turkmod"] .fa-dumpster:before{content:"\f793"}html[data-public-theme="turkmod"] .fa-dumpster-fire:before{content:"\f794"}html[data-public-theme="turkmod"] .fa-dungeon:before{content:"\f6d9"}html[data-public-theme="turkmod"] .fa-e:before{content:"\45"}html[data-public-theme="turkmod"] .fa-deaf:before,html[data-public-theme="turkmod"] .fa-deafness:before,html[data-public-theme="turkmod"] .fa-ear-deaf:before,html[data-public-theme="turkmod"] .fa-hard-of-hearing:before{content:"\f2a4"}html[data-public-theme="turkmod"] .fa-assistive-listening-systems:before,html[data-public-theme="turkmod"] .fa-ear-listen:before{content:"\f2a2"}html[data-public-theme="turkmod"] .fa-earth-africa:before,html[data-public-theme="turkmod"] .fa-globe-africa:before{content:"\f57c"}html[data-public-theme="turkmod"] .fa-earth-america:before,html[data-public-theme="turkmod"] .fa-earth-americas:before,html[data-public-theme="turkmod"] .fa-earth:before,html[data-public-theme="turkmod"] .fa-globe-americas:before{content:"\f57d"}html[data-public-theme="turkmod"] .fa-earth-asia:before,html[data-public-theme="turkmod"] .fa-globe-asia:before{content:"\f57e"}html[data-public-theme="turkmod"] .fa-earth-europe:before,html[data-public-theme="turkmod"] .fa-globe-europe:before{content:"\f7a2"}html[data-public-theme="turkmod"] .fa-earth-oceania:before,html[data-public-theme="turkmod"] .fa-globe-oceania:before{content:"\e47b"}html[data-public-theme="turkmod"] .fa-egg:before{content:"\f7fb"}html[data-public-theme="turkmod"] .fa-eject:before{content:"\f052"}html[data-public-theme="turkmod"] .fa-elevator:before{content:"\e16d"}html[data-public-theme="turkmod"] .fa-ellipsis-h:before,html[data-public-theme="turkmod"] .fa-ellipsis:before{content:"\f141"}html[data-public-theme="turkmod"] .fa-ellipsis-v:before,html[data-public-theme="turkmod"] .fa-ellipsis-vertical:before{content:"\f142"}html[data-public-theme="turkmod"] .fa-envelope:before{content:"\f0e0"}html[data-public-theme="turkmod"] .fa-envelope-circle-check:before{content:"\e4e8"}html[data-public-theme="turkmod"] .fa-envelope-open:before{content:"\f2b6"}html[data-public-theme="turkmod"] .fa-envelope-open-text:before{content:"\f658"}html[data-public-theme="turkmod"] .fa-envelopes-bulk:before,html[data-public-theme="turkmod"] .fa-mail-bulk:before{content:"\f674"}html[data-public-theme="turkmod"] .fa-equals:before{content:"\3d"}html[data-public-theme="turkmod"] .fa-eraser:before{content:"\f12d"}html[data-public-theme="turkmod"] .fa-ethernet:before{content:"\f796"}html[data-public-theme="turkmod"] .fa-eur:before,html[data-public-theme="turkmod"] .fa-euro-sign:before,html[data-public-theme="turkmod"] .fa-euro:before{content:"\f153"}html[data-public-theme="turkmod"] .fa-exclamation:before{content:"\21"}html[data-public-theme="turkmod"] .fa-expand:before{content:"\f065"}html[data-public-theme="turkmod"] .fa-explosion:before{content:"\e4e9"}html[data-public-theme="turkmod"] .fa-eye:before{content:"\f06e"}html[data-public-theme="turkmod"] .fa-eye-dropper-empty:before,html[data-public-theme="turkmod"] .fa-eye-dropper:before,html[data-public-theme="turkmod"] .fa-eyedropper:before{content:"\f1fb"}html[data-public-theme="turkmod"] .fa-eye-low-vision:before,html[data-public-theme="turkmod"] .fa-low-vision:before{content:"\f2a8"}html[data-public-theme="turkmod"] .fa-eye-slash:before{content:"\f070"}html[data-public-theme="turkmod"] .fa-f:before{content:"\46"}html[data-public-theme="turkmod"] .fa-angry:before,html[data-public-theme="turkmod"] .fa-face-angry:before{content:"\f556"}html[data-public-theme="turkmod"] .fa-dizzy:before,html[data-public-theme="turkmod"] .fa-face-dizzy:before{content:"\f567"}html[data-public-theme="turkmod"] .fa-face-flushed:before,html[data-public-theme="turkmod"] .fa-flushed:before{content:"\f579"}html[data-public-theme="turkmod"] .fa-face-frown:before,html[data-public-theme="turkmod"] .fa-frown:before{content:"\f119"}html[data-public-theme="turkmod"] .fa-face-frown-open:before,html[data-public-theme="turkmod"] .fa-frown-open:before{content:"\f57a"}html[data-public-theme="turkmod"] .fa-face-grimace:before,html[data-public-theme="turkmod"] .fa-grimace:before{content:"\f57f"}html[data-public-theme="turkmod"] .fa-face-grin:before,html[data-public-theme="turkmod"] .fa-grin:before{content:"\f580"}html[data-public-theme="turkmod"] .fa-face-grin-beam:before,html[data-public-theme="turkmod"] .fa-grin-beam:before{content:"\f582"}html[data-public-theme="turkmod"] .fa-face-grin-beam-sweat:before,html[data-public-theme="turkmod"] .fa-grin-beam-sweat:before{content:"\f583"}html[data-public-theme="turkmod"] .fa-face-grin-hearts:before,html[data-public-theme="turkmod"] .fa-grin-hearts:before{content:"\f584"}html[data-public-theme="turkmod"] .fa-face-grin-squint:before,html[data-public-theme="turkmod"] .fa-grin-squint:before{content:"\f585"}html[data-public-theme="turkmod"] .fa-face-grin-squint-tears:before,html[data-public-theme="turkmod"] .fa-grin-squint-tears:before{content:"\f586"}html[data-public-theme="turkmod"] .fa-face-grin-stars:before,html[data-public-theme="turkmod"] .fa-grin-stars:before{content:"\f587"}html[data-public-theme="turkmod"] .fa-face-grin-tears:before,html[data-public-theme="turkmod"] .fa-grin-tears:before{content:"\f588"}html[data-public-theme="turkmod"] .fa-face-grin-tongue:before,html[data-public-theme="turkmod"] .fa-grin-tongue:before{content:"\f589"}html[data-public-theme="turkmod"] .fa-face-grin-tongue-squint:before,html[data-public-theme="turkmod"] .fa-grin-tongue-squint:before{content:"\f58a"}html[data-public-theme="turkmod"] .fa-face-grin-tongue-wink:before,html[data-public-theme="turkmod"] .fa-grin-tongue-wink:before{content:"\f58b"}html[data-public-theme="turkmod"] .fa-face-grin-wide:before,html[data-public-theme="turkmod"] .fa-grin-alt:before{content:"\f581"}html[data-public-theme="turkmod"] .fa-face-grin-wink:before,html[data-public-theme="turkmod"] .fa-grin-wink:before{content:"\f58c"}html[data-public-theme="turkmod"] .fa-face-kiss:before,html[data-public-theme="turkmod"] .fa-kiss:before{content:"\f596"}html[data-public-theme="turkmod"] .fa-face-kiss-beam:before,html[data-public-theme="turkmod"] .fa-kiss-beam:before{content:"\f597"}html[data-public-theme="turkmod"] .fa-face-kiss-wink-heart:before,html[data-public-theme="turkmod"] .fa-kiss-wink-heart:before{content:"\f598"}html[data-public-theme="turkmod"] .fa-face-laugh:before,html[data-public-theme="turkmod"] .fa-laugh:before{content:"\f599"}html[data-public-theme="turkmod"] .fa-face-laugh-beam:before,html[data-public-theme="turkmod"] .fa-laugh-beam:before{content:"\f59a"}html[data-public-theme="turkmod"] .fa-face-laugh-squint:before,html[data-public-theme="turkmod"] .fa-laugh-squint:before{content:"\f59b"}html[data-public-theme="turkmod"] .fa-face-laugh-wink:before,html[data-public-theme="turkmod"] .fa-laugh-wink:before{content:"\f59c"}html[data-public-theme="turkmod"] .fa-face-meh:before,html[data-public-theme="turkmod"] .fa-meh:before{content:"\f11a"}html[data-public-theme="turkmod"] .fa-face-meh-blank:before,html[data-public-theme="turkmod"] .fa-meh-blank:before{content:"\f5a4"}html[data-public-theme="turkmod"] .fa-face-rolling-eyes:before,html[data-public-theme="turkmod"] .fa-meh-rolling-eyes:before{content:"\f5a5"}html[data-public-theme="turkmod"] .fa-face-sad-cry:before,html[data-public-theme="turkmod"] .fa-sad-cry:before{content:"\f5b3"}html[data-public-theme="turkmod"] .fa-face-sad-tear:before,html[data-public-theme="turkmod"] .fa-sad-tear:before{content:"\f5b4"}html[data-public-theme="turkmod"] .fa-face-smile:before,html[data-public-theme="turkmod"] .fa-smile:before{content:"\f118"}html[data-public-theme="turkmod"] .fa-face-smile-beam:before,html[data-public-theme="turkmod"] .fa-smile-beam:before{content:"\f5b8"}html[data-public-theme="turkmod"] .fa-face-smile-wink:before,html[data-public-theme="turkmod"] .fa-smile-wink:before{content:"\f4da"}html[data-public-theme="turkmod"] .fa-face-surprise:before,html[data-public-theme="turkmod"] .fa-surprise:before{content:"\f5c2"}html[data-public-theme="turkmod"] .fa-face-tired:before,html[data-public-theme="turkmod"] .fa-tired:before{content:"\f5c8"}html[data-public-theme="turkmod"] .fa-fan:before{content:"\f863"}html[data-public-theme="turkmod"] .fa-faucet:before{content:"\e005"}html[data-public-theme="turkmod"] .fa-faucet-drip:before{content:"\e006"}html[data-public-theme="turkmod"] .fa-fax:before{content:"\f1ac"}html[data-public-theme="turkmod"] .fa-feather:before{content:"\f52d"}html[data-public-theme="turkmod"] .fa-feather-alt:before,html[data-public-theme="turkmod"] .fa-feather-pointed:before{content:"\f56b"}html[data-public-theme="turkmod"] .fa-ferry:before{content:"\e4ea"}html[data-public-theme="turkmod"] .fa-file:before{content:"\f15b"}html[data-public-theme="turkmod"] .fa-file-arrow-down:before,html[data-public-theme="turkmod"] .fa-file-download:before{content:"\f56d"}html[data-public-theme="turkmod"] .fa-file-arrow-up:before,html[data-public-theme="turkmod"] .fa-file-upload:before{content:"\f574"}html[data-public-theme="turkmod"] .fa-file-audio:before{content:"\f1c7"}html[data-public-theme="turkmod"] .fa-file-circle-check:before{content:"\e493"}html[data-public-theme="turkmod"] .fa-file-circle-exclamation:before{content:"\e4eb"}html[data-public-theme="turkmod"] .fa-file-circle-minus:before{content:"\e4ed"}html[data-public-theme="turkmod"] .fa-file-circle-plus:before{content:"\e4ee"}html[data-public-theme="turkmod"] .fa-file-circle-question:before{content:"\e4ef"}html[data-public-theme="turkmod"] .fa-file-circle-xmark:before{content:"\e494"}html[data-public-theme="turkmod"] .fa-file-code:before{content:"\f1c9"}html[data-public-theme="turkmod"] .fa-file-contract:before{content:"\f56c"}html[data-public-theme="turkmod"] .fa-file-csv:before{content:"\f6dd"}html[data-public-theme="turkmod"] .fa-file-excel:before{content:"\f1c3"}html[data-public-theme="turkmod"] .fa-arrow-right-from-file:before,html[data-public-theme="turkmod"] .fa-file-export:before{content:"\f56e"}html[data-public-theme="turkmod"] .fa-file-image:before{content:"\f1c5"}html[data-public-theme="turkmod"] .fa-arrow-right-to-file:before,html[data-public-theme="turkmod"] .fa-file-import:before{content:"\f56f"}html[data-public-theme="turkmod"] .fa-file-invoice:before{content:"\f570"}html[data-public-theme="turkmod"] .fa-file-invoice-dollar:before{content:"\f571"}html[data-public-theme="turkmod"] .fa-file-alt:before,html[data-public-theme="turkmod"] .fa-file-lines:before,html[data-public-theme="turkmod"] .fa-file-text:before{content:"\f15c"}html[data-public-theme="turkmod"] .fa-file-medical:before{content:"\f477"}html[data-public-theme="turkmod"] .fa-file-pdf:before{content:"\f1c1"}html[data-public-theme="turkmod"] .fa-file-edit:before,html[data-public-theme="turkmod"] .fa-file-pen:before{content:"\f31c"}html[data-public-theme="turkmod"] .fa-file-powerpoint:before{content:"\f1c4"}html[data-public-theme="turkmod"] .fa-file-prescription:before{content:"\f572"}html[data-public-theme="turkmod"] .fa-file-shield:before{content:"\e4f0"}html[data-public-theme="turkmod"] .fa-file-signature:before{content:"\f573"}html[data-public-theme="turkmod"] .fa-file-video:before{content:"\f1c8"}html[data-public-theme="turkmod"] .fa-file-medical-alt:before,html[data-public-theme="turkmod"] .fa-file-waveform:before{content:"\f478"}html[data-public-theme="turkmod"] .fa-file-word:before{content:"\f1c2"}html[data-public-theme="turkmod"] .fa-file-archive:before,html[data-public-theme="turkmod"] .fa-file-zipper:before{content:"\f1c6"}html[data-public-theme="turkmod"] .fa-fill:before{content:"\f575"}html[data-public-theme="turkmod"] .fa-fill-drip:before{content:"\f576"}html[data-public-theme="turkmod"] .fa-film:before{content:"\f008"}html[data-public-theme="turkmod"] .fa-filter:before{content:"\f0b0"}html[data-public-theme="turkmod"] .fa-filter-circle-dollar:before,html[data-public-theme="turkmod"] .fa-funnel-dollar:before{content:"\f662"}html[data-public-theme="turkmod"] .fa-filter-circle-xmark:before{content:"\e17b"}html[data-public-theme="turkmod"] .fa-fingerprint:before{content:"\f577"}html[data-public-theme="turkmod"] .fa-fire:before{content:"\f06d"}html[data-public-theme="turkmod"] .fa-fire-burner:before{content:"\e4f1"}html[data-public-theme="turkmod"] .fa-fire-extinguisher:before{content:"\f134"}html[data-public-theme="turkmod"] .fa-fire-alt:before,html[data-public-theme="turkmod"] .fa-fire-flame-curved:before{content:"\f7e4"}html[data-public-theme="turkmod"] .fa-burn:before,html[data-public-theme="turkmod"] .fa-fire-flame-simple:before{content:"\f46a"}html[data-public-theme="turkmod"] .fa-fish:before{content:"\f578"}html[data-public-theme="turkmod"] .fa-fish-fins:before{content:"\e4f2"}html[data-public-theme="turkmod"] .fa-flag:before{content:"\f024"}html[data-public-theme="turkmod"] .fa-flag-checkered:before{content:"\f11e"}html[data-public-theme="turkmod"] .fa-flag-usa:before{content:"\f74d"}html[data-public-theme="turkmod"] .fa-flask:before{content:"\f0c3"}html[data-public-theme="turkmod"] .fa-flask-vial:before{content:"\e4f3"}html[data-public-theme="turkmod"] .fa-floppy-disk:before,html[data-public-theme="turkmod"] .fa-save:before{content:"\f0c7"}html[data-public-theme="turkmod"] .fa-florin-sign:before{content:"\e184"}html[data-public-theme="turkmod"] .fa-folder-blank:before,html[data-public-theme="turkmod"] .fa-folder:before{content:"\f07b"}html[data-public-theme="turkmod"] .fa-folder-closed:before{content:"\e185"}html[data-public-theme="turkmod"] .fa-folder-minus:before{content:"\f65d"}html[data-public-theme="turkmod"] .fa-folder-open:before{content:"\f07c"}html[data-public-theme="turkmod"] .fa-folder-plus:before{content:"\f65e"}html[data-public-theme="turkmod"] .fa-folder-tree:before{content:"\f802"}html[data-public-theme="turkmod"] .fa-font:before{content:"\f031"}html[data-public-theme="turkmod"] .fa-football-ball:before,html[data-public-theme="turkmod"] .fa-football:before{content:"\f44e"}html[data-public-theme="turkmod"] .fa-forward:before{content:"\f04e"}html[data-public-theme="turkmod"] .fa-fast-forward:before,html[data-public-theme="turkmod"] .fa-forward-fast:before{content:"\f050"}html[data-public-theme="turkmod"] .fa-forward-step:before,html[data-public-theme="turkmod"] .fa-step-forward:before{content:"\f051"}html[data-public-theme="turkmod"] .fa-franc-sign:before{content:"\e18f"}html[data-public-theme="turkmod"] .fa-frog:before{content:"\f52e"}html[data-public-theme="turkmod"] .fa-futbol-ball:before,html[data-public-theme="turkmod"] .fa-futbol:before,html[data-public-theme="turkmod"] .fa-soccer-ball:before{content:"\f1e3"}html[data-public-theme="turkmod"] .fa-g:before{content:"\47"}html[data-public-theme="turkmod"] .fa-gamepad:before{content:"\f11b"}html[data-public-theme="turkmod"] .fa-gas-pump:before{content:"\f52f"}html[data-public-theme="turkmod"] .fa-dashboard:before,html[data-public-theme="turkmod"] .fa-gauge-med:before,html[data-public-theme="turkmod"] .fa-gauge:before,html[data-public-theme="turkmod"] .fa-tachometer-alt-average:before{content:"\f624"}html[data-public-theme="turkmod"] .fa-gauge-high:before,html[data-public-theme="turkmod"] .fa-tachometer-alt-fast:before,html[data-public-theme="turkmod"] .fa-tachometer-alt:before{content:"\f625"}html[data-public-theme="turkmod"] .fa-gauge-simple-med:before,html[data-public-theme="turkmod"] .fa-gauge-simple:before,html[data-public-theme="turkmod"] .fa-tachometer-average:before{content:"\f629"}html[data-public-theme="turkmod"] .fa-gauge-simple-high:before,html[data-public-theme="turkmod"] .fa-tachometer-fast:before,html[data-public-theme="turkmod"] .fa-tachometer:before{content:"\f62a"}html[data-public-theme="turkmod"] .fa-gavel:before,html[data-public-theme="turkmod"] .fa-legal:before{content:"\f0e3"}html[data-public-theme="turkmod"] .fa-cog:before,html[data-public-theme="turkmod"] .fa-gear:before{content:"\f013"}html[data-public-theme="turkmod"] .fa-cogs:before,html[data-public-theme="turkmod"] .fa-gears:before{content:"\f085"}html[data-public-theme="turkmod"] .fa-gem:before{content:"\f3a5"}html[data-public-theme="turkmod"] .fa-genderless:before{content:"\f22d"}html[data-public-theme="turkmod"] .fa-ghost:before{content:"\f6e2"}html[data-public-theme="turkmod"] .fa-gift:before{content:"\f06b"}html[data-public-theme="turkmod"] .fa-gifts:before{content:"\f79c"}html[data-public-theme="turkmod"] .fa-glass-water:before{content:"\e4f4"}html[data-public-theme="turkmod"] .fa-glass-water-droplet:before{content:"\e4f5"}html[data-public-theme="turkmod"] .fa-glasses:before{content:"\f530"}html[data-public-theme="turkmod"] .fa-globe:before{content:"\f0ac"}html[data-public-theme="turkmod"] .fa-golf-ball-tee:before,html[data-public-theme="turkmod"] .fa-golf-ball:before{content:"\f450"}html[data-public-theme="turkmod"] .fa-gopuram:before{content:"\f664"}html[data-public-theme="turkmod"] .fa-graduation-cap:before,html[data-public-theme="turkmod"] .fa-mortar-board:before{content:"\f19d"}html[data-public-theme="turkmod"] .fa-greater-than:before{content:"\3e"}html[data-public-theme="turkmod"] .fa-greater-than-equal:before{content:"\f532"}html[data-public-theme="turkmod"] .fa-grip-horizontal:before,html[data-public-theme="turkmod"] .fa-grip:before{content:"\f58d"}html[data-public-theme="turkmod"] .fa-grip-lines:before{content:"\f7a4"}html[data-public-theme="turkmod"] .fa-grip-lines-vertical:before{content:"\f7a5"}html[data-public-theme="turkmod"] .fa-grip-vertical:before{content:"\f58e"}html[data-public-theme="turkmod"] .fa-group-arrows-rotate:before{content:"\e4f6"}html[data-public-theme="turkmod"] .fa-guarani-sign:before{content:"\e19a"}html[data-public-theme="turkmod"] .fa-guitar:before{content:"\f7a6"}html[data-public-theme="turkmod"] .fa-gun:before{content:"\e19b"}html[data-public-theme="turkmod"] .fa-h:before{content:"\48"}html[data-public-theme="turkmod"] .fa-hammer:before{content:"\f6e3"}html[data-public-theme="turkmod"] .fa-hamsa:before{content:"\f665"}html[data-public-theme="turkmod"] .fa-hand-paper:before,html[data-public-theme="turkmod"] .fa-hand:before{content:"\f256"}html[data-public-theme="turkmod"] .fa-hand-back-fist:before,html[data-public-theme="turkmod"] .fa-hand-rock:before{content:"\f255"}html[data-public-theme="turkmod"] .fa-allergies:before,html[data-public-theme="turkmod"] .fa-hand-dots:before{content:"\f461"}html[data-public-theme="turkmod"] .fa-fist-raised:before,html[data-public-theme="turkmod"] .fa-hand-fist:before{content:"\f6de"}html[data-public-theme="turkmod"] .fa-hand-holding:before{content:"\f4bd"}html[data-public-theme="turkmod"] .fa-hand-holding-dollar:before,html[data-public-theme="turkmod"] .fa-hand-holding-usd:before{content:"\f4c0"}html[data-public-theme="turkmod"] .fa-hand-holding-droplet:before,html[data-public-theme="turkmod"] .fa-hand-holding-water:before{content:"\f4c1"}html[data-public-theme="turkmod"] .fa-hand-holding-hand:before{content:"\e4f7"}html[data-public-theme="turkmod"] .fa-hand-holding-heart:before{content:"\f4be"}html[data-public-theme="turkmod"] .fa-hand-holding-medical:before{content:"\e05c"}html[data-public-theme="turkmod"] .fa-hand-lizard:before{content:"\f258"}html[data-public-theme="turkmod"] .fa-hand-middle-finger:before{content:"\f806"}html[data-public-theme="turkmod"] .fa-hand-peace:before{content:"\f25b"}html[data-public-theme="turkmod"] .fa-hand-point-down:before{content:"\f0a7"}html[data-public-theme="turkmod"] .fa-hand-point-left:before{content:"\f0a5"}html[data-public-theme="turkmod"] .fa-hand-point-right:before{content:"\f0a4"}html[data-public-theme="turkmod"] .fa-hand-point-up:before{content:"\f0a6"}html[data-public-theme="turkmod"] .fa-hand-pointer:before{content:"\f25a"}html[data-public-theme="turkmod"] .fa-hand-scissors:before{content:"\f257"}html[data-public-theme="turkmod"] .fa-hand-sparkles:before{content:"\e05d"}html[data-public-theme="turkmod"] .fa-hand-spock:before{content:"\f259"}html[data-public-theme="turkmod"] .fa-handcuffs:before{content:"\e4f8"}html[data-public-theme="turkmod"] .fa-hands:before,html[data-public-theme="turkmod"] .fa-sign-language:before,html[data-public-theme="turkmod"] .fa-signing:before{content:"\f2a7"}html[data-public-theme="turkmod"] .fa-american-sign-language-interpreting:before,html[data-public-theme="turkmod"] .fa-asl-interpreting:before,html[data-public-theme="turkmod"] .fa-hands-american-sign-language-interpreting:before,html[data-public-theme="turkmod"] .fa-hands-asl-interpreting:before{content:"\f2a3"}html[data-public-theme="turkmod"] .fa-hands-bound:before{content:"\e4f9"}html[data-public-theme="turkmod"] .fa-hands-bubbles:before,html[data-public-theme="turkmod"] .fa-hands-wash:before{content:"\e05e"}html[data-public-theme="turkmod"] .fa-hands-clapping:before{content:"\e1a8"}html[data-public-theme="turkmod"] .fa-hands-holding:before{content:"\f4c2"}html[data-public-theme="turkmod"] .fa-hands-holding-child:before{content:"\e4fa"}html[data-public-theme="turkmod"] .fa-hands-holding-circle:before{content:"\e4fb"}html[data-public-theme="turkmod"] .fa-hands-praying:before,html[data-public-theme="turkmod"] .fa-praying-hands:before{content:"\f684"}html[data-public-theme="turkmod"] .fa-handshake:before{content:"\f2b5"}html[data-public-theme="turkmod"] .fa-hands-helping:before,html[data-public-theme="turkmod"] .fa-handshake-angle:before{content:"\f4c4"}html[data-public-theme="turkmod"] .fa-handshake-alt:before,html[data-public-theme="turkmod"] .fa-handshake-simple:before{content:"\f4c6"}html[data-public-theme="turkmod"] .fa-handshake-alt-slash:before,html[data-public-theme="turkmod"] .fa-handshake-simple-slash:before{content:"\e05f"}html[data-public-theme="turkmod"] .fa-handshake-slash:before{content:"\e060"}html[data-public-theme="turkmod"] .fa-hanukiah:before{content:"\f6e6"}html[data-public-theme="turkmod"] .fa-hard-drive:before,html[data-public-theme="turkmod"] .fa-hdd:before{content:"\f0a0"}html[data-public-theme="turkmod"] .fa-hashtag:before{content:"\23"}html[data-public-theme="turkmod"] .fa-hat-cowboy:before{content:"\f8c0"}html[data-public-theme="turkmod"] .fa-hat-cowboy-side:before{content:"\f8c1"}html[data-public-theme="turkmod"] .fa-hat-wizard:before{content:"\f6e8"}html[data-public-theme="turkmod"] .fa-head-side-cough:before{content:"\e061"}html[data-public-theme="turkmod"] .fa-head-side-cough-slash:before{content:"\e062"}html[data-public-theme="turkmod"] .fa-head-side-mask:before{content:"\e063"}html[data-public-theme="turkmod"] .fa-head-side-virus:before{content:"\e064"}html[data-public-theme="turkmod"] .fa-header:before,html[data-public-theme="turkmod"] .fa-heading:before{content:"\f1dc"}html[data-public-theme="turkmod"] .fa-headphones:before{content:"\f025"}html[data-public-theme="turkmod"] .fa-headphones-alt:before,html[data-public-theme="turkmod"] .fa-headphones-simple:before{content:"\f58f"}html[data-public-theme="turkmod"] .fa-headset:before{content:"\f590"}html[data-public-theme="turkmod"] .fa-heart:before{content:"\f004"}html[data-public-theme="turkmod"] .fa-heart-circle-bolt:before{content:"\e4fc"}html[data-public-theme="turkmod"] .fa-heart-circle-check:before{content:"\e4fd"}html[data-public-theme="turkmod"] .fa-heart-circle-exclamation:before{content:"\e4fe"}html[data-public-theme="turkmod"] .fa-heart-circle-minus:before{content:"\e4ff"}html[data-public-theme="turkmod"] .fa-heart-circle-plus:before{content:"\e500"}html[data-public-theme="turkmod"] .fa-heart-circle-xmark:before{content:"\e501"}html[data-public-theme="turkmod"] .fa-heart-broken:before,html[data-public-theme="turkmod"] .fa-heart-crack:before{content:"\f7a9"}html[data-public-theme="turkmod"] .fa-heart-pulse:before,html[data-public-theme="turkmod"] .fa-heartbeat:before{content:"\f21e"}html[data-public-theme="turkmod"] .fa-helicopter:before{content:"\f533"}html[data-public-theme="turkmod"] .fa-helicopter-symbol:before{content:"\e502"}html[data-public-theme="turkmod"] .fa-hard-hat:before,html[data-public-theme="turkmod"] .fa-hat-hard:before,html[data-public-theme="turkmod"] .fa-helmet-safety:before{content:"\f807"}html[data-public-theme="turkmod"] .fa-helmet-un:before{content:"\e503"}html[data-public-theme="turkmod"] .fa-highlighter:before{content:"\f591"}html[data-public-theme="turkmod"] .fa-hill-avalanche:before{content:"\e507"}html[data-public-theme="turkmod"] .fa-hill-rockslide:before{content:"\e508"}html[data-public-theme="turkmod"] .fa-hippo:before{content:"\f6ed"}html[data-public-theme="turkmod"] .fa-hockey-puck:before{content:"\f453"}html[data-public-theme="turkmod"] .fa-holly-berry:before{content:"\f7aa"}html[data-public-theme="turkmod"] .fa-horse:before{content:"\f6f0"}html[data-public-theme="turkmod"] .fa-horse-head:before{content:"\f7ab"}html[data-public-theme="turkmod"] .fa-hospital-alt:before,html[data-public-theme="turkmod"] .fa-hospital-wide:before,html[data-public-theme="turkmod"] .fa-hospital:before{content:"\f0f8"}html[data-public-theme="turkmod"] .fa-hospital-user:before{content:"\f80d"}html[data-public-theme="turkmod"] .fa-hot-tub-person:before,html[data-public-theme="turkmod"] .fa-hot-tub:before{content:"\f593"}html[data-public-theme="turkmod"] .fa-hotdog:before{content:"\f80f"}html[data-public-theme="turkmod"] .fa-hotel:before{content:"\f594"}html[data-public-theme="turkmod"] .fa-hourglass-2:before,html[data-public-theme="turkmod"] .fa-hourglass-half:before,html[data-public-theme="turkmod"] .fa-hourglass:before{content:"\f254"}html[data-public-theme="turkmod"] .fa-hourglass-empty:before{content:"\f252"}html[data-public-theme="turkmod"] .fa-hourglass-3:before,html[data-public-theme="turkmod"] .fa-hourglass-end:before{content:"\f253"}html[data-public-theme="turkmod"] .fa-hourglass-1:before,html[data-public-theme="turkmod"] .fa-hourglass-start:before{content:"\f251"}html[data-public-theme="turkmod"] .fa-home-alt:before,html[data-public-theme="turkmod"] .fa-home-lg-alt:before,html[data-public-theme="turkmod"] .fa-home:before,html[data-public-theme="turkmod"] .fa-house:before{content:"\f015"}html[data-public-theme="turkmod"] .fa-home-lg:before,html[data-public-theme="turkmod"] .fa-house-chimney:before{content:"\e3af"}html[data-public-theme="turkmod"] .fa-house-chimney-crack:before,html[data-public-theme="turkmod"] .fa-house-damage:before{content:"\f6f1"}html[data-public-theme="turkmod"] .fa-clinic-medical:before,html[data-public-theme="turkmod"] .fa-house-chimney-medical:before{content:"\f7f2"}html[data-public-theme="turkmod"] .fa-house-chimney-user:before{content:"\e065"}html[data-public-theme="turkmod"] .fa-house-chimney-window:before{content:"\e00d"}html[data-public-theme="turkmod"] .fa-house-circle-check:before{content:"\e509"}html[data-public-theme="turkmod"] .fa-house-circle-exclamation:before{content:"\e50a"}html[data-public-theme="turkmod"] .fa-house-circle-xmark:before{content:"\e50b"}html[data-public-theme="turkmod"] .fa-house-crack:before{content:"\e3b1"}html[data-public-theme="turkmod"] .fa-house-fire:before{content:"\e50c"}html[data-public-theme="turkmod"] .fa-house-flag:before{content:"\e50d"}html[data-public-theme="turkmod"] .fa-house-flood-water:before{content:"\e50e"}html[data-public-theme="turkmod"] .fa-house-flood-water-circle-arrow-right:before{content:"\e50f"}html[data-public-theme="turkmod"] .fa-house-laptop:before,html[data-public-theme="turkmod"] .fa-laptop-house:before{content:"\e066"}html[data-public-theme="turkmod"] .fa-house-lock:before{content:"\e510"}html[data-public-theme="turkmod"] .fa-house-medical:before{content:"\e3b2"}html[data-public-theme="turkmod"] .fa-house-medical-circle-check:before{content:"\e511"}html[data-public-theme="turkmod"] .fa-house-medical-circle-exclamation:before{content:"\e512"}html[data-public-theme="turkmod"] .fa-house-medical-circle-xmark:before{content:"\e513"}html[data-public-theme="turkmod"] .fa-house-medical-flag:before{content:"\e514"}html[data-public-theme="turkmod"] .fa-house-signal:before{content:"\e012"}html[data-public-theme="turkmod"] .fa-house-tsunami:before{content:"\e515"}html[data-public-theme="turkmod"] .fa-home-user:before,html[data-public-theme="turkmod"] .fa-house-user:before{content:"\e1b0"}html[data-public-theme="turkmod"] .fa-hryvnia-sign:before,html[data-public-theme="turkmod"] .fa-hryvnia:before{content:"\f6f2"}html[data-public-theme="turkmod"] .fa-hurricane:before{content:"\f751"}html[data-public-theme="turkmod"] .fa-i:before{content:"\49"}html[data-public-theme="turkmod"] .fa-i-cursor:before{content:"\f246"}html[data-public-theme="turkmod"] .fa-ice-cream:before{content:"\f810"}html[data-public-theme="turkmod"] .fa-icicles:before{content:"\f7ad"}html[data-public-theme="turkmod"] .fa-heart-music-camera-bolt:before,html[data-public-theme="turkmod"] .fa-icons:before{content:"\f86d"}html[data-public-theme="turkmod"] .fa-id-badge:before{content:"\f2c1"}html[data-public-theme="turkmod"] .fa-drivers-license:before,html[data-public-theme="turkmod"] .fa-id-card:before{content:"\f2c2"}html[data-public-theme="turkmod"] .fa-id-card-alt:before,html[data-public-theme="turkmod"] .fa-id-card-clip:before{content:"\f47f"}html[data-public-theme="turkmod"] .fa-igloo:before{content:"\f7ae"}html[data-public-theme="turkmod"] .fa-image:before{content:"\f03e"}html[data-public-theme="turkmod"] .fa-image-portrait:before,html[data-public-theme="turkmod"] .fa-portrait:before{content:"\f3e0"}html[data-public-theme="turkmod"] .fa-images:before{content:"\f302"}html[data-public-theme="turkmod"] .fa-inbox:before{content:"\f01c"}html[data-public-theme="turkmod"] .fa-indent:before{content:"\f03c"}html[data-public-theme="turkmod"] .fa-indian-rupee-sign:before,html[data-public-theme="turkmod"] .fa-indian-rupee:before,html[data-public-theme="turkmod"] .fa-inr:before{content:"\e1bc"}html[data-public-theme="turkmod"] .fa-industry:before{content:"\f275"}html[data-public-theme="turkmod"] .fa-infinity:before{content:"\f534"}html[data-public-theme="turkmod"] .fa-info:before{content:"\f129"}html[data-public-theme="turkmod"] .fa-italic:before{content:"\f033"}html[data-public-theme="turkmod"] .fa-j:before{content:"\4a"}html[data-public-theme="turkmod"] .fa-jar:before{content:"\e516"}html[data-public-theme="turkmod"] .fa-jar-wheat:before{content:"\e517"}html[data-public-theme="turkmod"] .fa-jedi:before{content:"\f669"}html[data-public-theme="turkmod"] .fa-fighter-jet:before,html[data-public-theme="turkmod"] .fa-jet-fighter:before{content:"\f0fb"}html[data-public-theme="turkmod"] .fa-jet-fighter-up:before{content:"\e518"}html[data-public-theme="turkmod"] .fa-joint:before{content:"\f595"}html[data-public-theme="turkmod"] .fa-jug-detergent:before{content:"\e519"}html[data-public-theme="turkmod"] .fa-k:before{content:"\4b"}html[data-public-theme="turkmod"] .fa-kaaba:before{content:"\f66b"}html[data-public-theme="turkmod"] .fa-key:before{content:"\f084"}html[data-public-theme="turkmod"] .fa-keyboard:before{content:"\f11c"}html[data-public-theme="turkmod"] .fa-khanda:before{content:"\f66d"}html[data-public-theme="turkmod"] .fa-kip-sign:before{content:"\e1c4"}html[data-public-theme="turkmod"] .fa-first-aid:before,html[data-public-theme="turkmod"] .fa-kit-medical:before{content:"\f479"}html[data-public-theme="turkmod"] .fa-kitchen-set:before{content:"\e51a"}html[data-public-theme="turkmod"] .fa-kiwi-bird:before{content:"\f535"}html[data-public-theme="turkmod"] .fa-l:before{content:"\4c"}html[data-public-theme="turkmod"] .fa-land-mine-on:before{content:"\e51b"}html[data-public-theme="turkmod"] .fa-landmark:before{content:"\f66f"}html[data-public-theme="turkmod"] .fa-landmark-alt:before,html[data-public-theme="turkmod"] .fa-landmark-dome:before{content:"\f752"}html[data-public-theme="turkmod"] .fa-landmark-flag:before{content:"\e51c"}html[data-public-theme="turkmod"] .fa-language:before{content:"\f1ab"}html[data-public-theme="turkmod"] .fa-laptop:before{content:"\f109"}html[data-public-theme="turkmod"] .fa-laptop-code:before{content:"\f5fc"}html[data-public-theme="turkmod"] .fa-laptop-file:before{content:"\e51d"}html[data-public-theme="turkmod"] .fa-laptop-medical:before{content:"\f812"}html[data-public-theme="turkmod"] .fa-lari-sign:before{content:"\e1c8"}html[data-public-theme="turkmod"] .fa-layer-group:before{content:"\f5fd"}html[data-public-theme="turkmod"] .fa-leaf:before{content:"\f06c"}html[data-public-theme="turkmod"] .fa-left-long:before,html[data-public-theme="turkmod"] .fa-long-arrow-alt-left:before{content:"\f30a"}html[data-public-theme="turkmod"] .fa-arrows-alt-h:before,html[data-public-theme="turkmod"] .fa-left-right:before{content:"\f337"}html[data-public-theme="turkmod"] .fa-lemon:before{content:"\f094"}html[data-public-theme="turkmod"] .fa-less-than:before{content:"\3c"}html[data-public-theme="turkmod"] .fa-less-than-equal:before{content:"\f537"}html[data-public-theme="turkmod"] .fa-life-ring:before{content:"\f1cd"}html[data-public-theme="turkmod"] .fa-lightbulb:before{content:"\f0eb"}html[data-public-theme="turkmod"] .fa-lines-leaning:before{content:"\e51e"}html[data-public-theme="turkmod"] .fa-chain:before,html[data-public-theme="turkmod"] .fa-link:before{content:"\f0c1"}html[data-public-theme="turkmod"] .fa-chain-broken:before,html[data-public-theme="turkmod"] .fa-chain-slash:before,html[data-public-theme="turkmod"] .fa-link-slash:before,html[data-public-theme="turkmod"] .fa-unlink:before{content:"\f127"}html[data-public-theme="turkmod"] .fa-lira-sign:before{content:"\f195"}html[data-public-theme="turkmod"] .fa-list-squares:before,html[data-public-theme="turkmod"] .fa-list:before{content:"\f03a"}html[data-public-theme="turkmod"] .fa-list-check:before,html[data-public-theme="turkmod"] .fa-tasks:before{content:"\f0ae"}html[data-public-theme="turkmod"] .fa-list-1-2:before,html[data-public-theme="turkmod"] .fa-list-numeric:before,html[data-public-theme="turkmod"] .fa-list-ol:before{content:"\f0cb"}html[data-public-theme="turkmod"] .fa-list-dots:before,html[data-public-theme="turkmod"] .fa-list-ul:before{content:"\f0ca"}html[data-public-theme="turkmod"] .fa-litecoin-sign:before{content:"\e1d3"}html[data-public-theme="turkmod"] .fa-location-arrow:before{content:"\f124"}html[data-public-theme="turkmod"] .fa-location-crosshairs:before,html[data-public-theme="turkmod"] .fa-location:before{content:"\f601"}html[data-public-theme="turkmod"] .fa-location-dot:before,html[data-public-theme="turkmod"] .fa-map-marker-alt:before{content:"\f3c5"}html[data-public-theme="turkmod"] .fa-location-pin:before,html[data-public-theme="turkmod"] .fa-map-marker:before{content:"\f041"}html[data-public-theme="turkmod"] .fa-location-pin-lock:before{content:"\e51f"}html[data-public-theme="turkmod"] .fa-lock:before{content:"\f023"}html[data-public-theme="turkmod"] .fa-lock-open:before{content:"\f3c1"}html[data-public-theme="turkmod"] .fa-locust:before{content:"\e520"}html[data-public-theme="turkmod"] .fa-lungs:before{content:"\f604"}html[data-public-theme="turkmod"] .fa-lungs-virus:before{content:"\e067"}html[data-public-theme="turkmod"] .fa-m:before{content:"\4d"}html[data-public-theme="turkmod"] .fa-magnet:before{content:"\f076"}html[data-public-theme="turkmod"] .fa-magnifying-glass:before,html[data-public-theme="turkmod"] .fa-search:before{content:"\f002"}html[data-public-theme="turkmod"] .fa-magnifying-glass-arrow-right:before{content:"\e521"}html[data-public-theme="turkmod"] .fa-magnifying-glass-chart:before{content:"\e522"}html[data-public-theme="turkmod"] .fa-magnifying-glass-dollar:before,html[data-public-theme="turkmod"] .fa-search-dollar:before{content:"\f688"}html[data-public-theme="turkmod"] .fa-magnifying-glass-location:before,html[data-public-theme="turkmod"] .fa-search-location:before{content:"\f689"}html[data-public-theme="turkmod"] .fa-magnifying-glass-minus:before,html[data-public-theme="turkmod"] .fa-search-minus:before{content:"\f010"}html[data-public-theme="turkmod"] .fa-magnifying-glass-plus:before,html[data-public-theme="turkmod"] .fa-search-plus:before{content:"\f00e"}html[data-public-theme="turkmod"] .fa-manat-sign:before{content:"\e1d5"}html[data-public-theme="turkmod"] .fa-map:before{content:"\f279"}html[data-public-theme="turkmod"] .fa-map-location:before,html[data-public-theme="turkmod"] .fa-map-marked:before{content:"\f59f"}html[data-public-theme="turkmod"] .fa-map-location-dot:before,html[data-public-theme="turkmod"] .fa-map-marked-alt:before{content:"\f5a0"}html[data-public-theme="turkmod"] .fa-map-pin:before{content:"\f276"}html[data-public-theme="turkmod"] .fa-marker:before{content:"\f5a1"}html[data-public-theme="turkmod"] .fa-mars:before{content:"\f222"}html[data-public-theme="turkmod"] .fa-mars-and-venus:before{content:"\f224"}html[data-public-theme="turkmod"] .fa-mars-and-venus-burst:before{content:"\e523"}html[data-public-theme="turkmod"] .fa-mars-double:before{content:"\f227"}html[data-public-theme="turkmod"] .fa-mars-stroke:before{content:"\f229"}html[data-public-theme="turkmod"] .fa-mars-stroke-h:before,html[data-public-theme="turkmod"] .fa-mars-stroke-right:before{content:"\f22b"}html[data-public-theme="turkmod"] .fa-mars-stroke-up:before,html[data-public-theme="turkmod"] .fa-mars-stroke-v:before{content:"\f22a"}html[data-public-theme="turkmod"] .fa-glass-martini-alt:before,html[data-public-theme="turkmod"] .fa-martini-glass:before{content:"\f57b"}html[data-public-theme="turkmod"] .fa-cocktail:before,html[data-public-theme="turkmod"] .fa-martini-glass-citrus:before{content:"\f561"}html[data-public-theme="turkmod"] .fa-glass-martini:before,html[data-public-theme="turkmod"] .fa-martini-glass-empty:before{content:"\f000"}html[data-public-theme="turkmod"] .fa-mask:before{content:"\f6fa"}html[data-public-theme="turkmod"] .fa-mask-face:before{content:"\e1d7"}html[data-public-theme="turkmod"] .fa-mask-ventilator:before{content:"\e524"}html[data-public-theme="turkmod"] .fa-masks-theater:before,html[data-public-theme="turkmod"] .fa-theater-masks:before{content:"\f630"}html[data-public-theme="turkmod"] .fa-mattress-pillow:before{content:"\e525"}html[data-public-theme="turkmod"] .fa-expand-arrows-alt:before,html[data-public-theme="turkmod"] .fa-maximize:before{content:"\f31e"}html[data-public-theme="turkmod"] .fa-medal:before{content:"\f5a2"}html[data-public-theme="turkmod"] .fa-memory:before{content:"\f538"}html[data-public-theme="turkmod"] .fa-menorah:before{content:"\f676"}html[data-public-theme="turkmod"] .fa-mercury:before{content:"\f223"}html[data-public-theme="turkmod"] .fa-comment-alt:before,html[data-public-theme="turkmod"] .fa-message:before{content:"\f27a"}html[data-public-theme="turkmod"] .fa-meteor:before{content:"\f753"}html[data-public-theme="turkmod"] .fa-microchip:before{content:"\f2db"}html[data-public-theme="turkmod"] .fa-microphone:before{content:"\f130"}html[data-public-theme="turkmod"] .fa-microphone-alt:before,html[data-public-theme="turkmod"] .fa-microphone-lines:before{content:"\f3c9"}html[data-public-theme="turkmod"] .fa-microphone-alt-slash:before,html[data-public-theme="turkmod"] .fa-microphone-lines-slash:before{content:"\f539"}html[data-public-theme="turkmod"] .fa-microphone-slash:before{content:"\f131"}html[data-public-theme="turkmod"] .fa-microscope:before{content:"\f610"}html[data-public-theme="turkmod"] .fa-mill-sign:before{content:"\e1ed"}html[data-public-theme="turkmod"] .fa-compress-arrows-alt:before,html[data-public-theme="turkmod"] .fa-minimize:before{content:"\f78c"}html[data-public-theme="turkmod"] .fa-minus:before,html[data-public-theme="turkmod"] .fa-subtract:before{content:"\f068"}html[data-public-theme="turkmod"] .fa-mitten:before{content:"\f7b5"}html[data-public-theme="turkmod"] .fa-mobile-android:before,html[data-public-theme="turkmod"] .fa-mobile-phone:before,html[data-public-theme="turkmod"] .fa-mobile:before{content:"\f3ce"}html[data-public-theme="turkmod"] .fa-mobile-button:before{content:"\f10b"}html[data-public-theme="turkmod"] .fa-mobile-retro:before{content:"\e527"}html[data-public-theme="turkmod"] .fa-mobile-android-alt:before,html[data-public-theme="turkmod"] .fa-mobile-screen:before{content:"\f3cf"}html[data-public-theme="turkmod"] .fa-mobile-alt:before,html[data-public-theme="turkmod"] .fa-mobile-screen-button:before{content:"\f3cd"}html[data-public-theme="turkmod"] .fa-money-bill:before{content:"\f0d6"}html[data-public-theme="turkmod"] .fa-money-bill-1:before,html[data-public-theme="turkmod"] .fa-money-bill-alt:before{content:"\f3d1"}html[data-public-theme="turkmod"] .fa-money-bill-1-wave:before,html[data-public-theme="turkmod"] .fa-money-bill-wave-alt:before{content:"\f53b"}html[data-public-theme="turkmod"] .fa-money-bill-transfer:before{content:"\e528"}html[data-public-theme="turkmod"] .fa-money-bill-trend-up:before{content:"\e529"}html[data-public-theme="turkmod"] .fa-money-bill-wave:before{content:"\f53a"}html[data-public-theme="turkmod"] .fa-money-bill-wheat:before{content:"\e52a"}html[data-public-theme="turkmod"] .fa-money-bills:before{content:"\e1f3"}html[data-public-theme="turkmod"] .fa-money-check:before{content:"\f53c"}html[data-public-theme="turkmod"] .fa-money-check-alt:before,html[data-public-theme="turkmod"] .fa-money-check-dollar:before{content:"\f53d"}html[data-public-theme="turkmod"] .fa-monument:before{content:"\f5a6"}html[data-public-theme="turkmod"] .fa-moon:before{content:"\f186"}html[data-public-theme="turkmod"] .fa-mortar-pestle:before{content:"\f5a7"}html[data-public-theme="turkmod"] .fa-mosque:before{content:"\f678"}html[data-public-theme="turkmod"] .fa-mosquito:before{content:"\e52b"}html[data-public-theme="turkmod"] .fa-mosquito-net:before{content:"\e52c"}html[data-public-theme="turkmod"] .fa-motorcycle:before{content:"\f21c"}html[data-public-theme="turkmod"] .fa-mound:before{content:"\e52d"}html[data-public-theme="turkmod"] .fa-mountain:before{content:"\f6fc"}html[data-public-theme="turkmod"] .fa-mountain-city:before{content:"\e52e"}html[data-public-theme="turkmod"] .fa-mountain-sun:before{content:"\e52f"}html[data-public-theme="turkmod"] .fa-mug-hot:before{content:"\f7b6"}html[data-public-theme="turkmod"] .fa-coffee:before,html[data-public-theme="turkmod"] .fa-mug-saucer:before{content:"\f0f4"}html[data-public-theme="turkmod"] .fa-music:before{content:"\f001"}html[data-public-theme="turkmod"] .fa-n:before{content:"\4e"}html[data-public-theme="turkmod"] .fa-naira-sign:before{content:"\e1f6"}html[data-public-theme="turkmod"] .fa-network-wired:before{content:"\f6ff"}html[data-public-theme="turkmod"] .fa-neuter:before{content:"\f22c"}html[data-public-theme="turkmod"] .fa-newspaper:before{content:"\f1ea"}html[data-public-theme="turkmod"] .fa-not-equal:before{content:"\f53e"}html[data-public-theme="turkmod"] .fa-note-sticky:before,html[data-public-theme="turkmod"] .fa-sticky-note:before{content:"\f249"}html[data-public-theme="turkmod"] .fa-notes-medical:before{content:"\f481"}html[data-public-theme="turkmod"] .fa-o:before{content:"\4f"}html[data-public-theme="turkmod"] .fa-object-group:before{content:"\f247"}html[data-public-theme="turkmod"] .fa-object-ungroup:before{content:"\f248"}html[data-public-theme="turkmod"] .fa-oil-can:before{content:"\f613"}html[data-public-theme="turkmod"] .fa-oil-well:before{content:"\e532"}html[data-public-theme="turkmod"] .fa-om:before{content:"\f679"}html[data-public-theme="turkmod"] .fa-otter:before{content:"\f700"}html[data-public-theme="turkmod"] .fa-dedent:before,html[data-public-theme="turkmod"] .fa-outdent:before{content:"\f03b"}html[data-public-theme="turkmod"] .fa-p:before{content:"\50"}html[data-public-theme="turkmod"] .fa-pager:before{content:"\f815"}html[data-public-theme="turkmod"] .fa-paint-roller:before{content:"\f5aa"}html[data-public-theme="turkmod"] .fa-paint-brush:before,html[data-public-theme="turkmod"] .fa-paintbrush:before{content:"\f1fc"}html[data-public-theme="turkmod"] .fa-palette:before{content:"\f53f"}html[data-public-theme="turkmod"] .fa-pallet:before{content:"\f482"}html[data-public-theme="turkmod"] .fa-panorama:before{content:"\e209"}html[data-public-theme="turkmod"] .fa-paper-plane:before{content:"\f1d8"}html[data-public-theme="turkmod"] .fa-paperclip:before{content:"\f0c6"}html[data-public-theme="turkmod"] .fa-parachute-box:before{content:"\f4cd"}html[data-public-theme="turkmod"] .fa-paragraph:before{content:"\f1dd"}html[data-public-theme="turkmod"] .fa-passport:before{content:"\f5ab"}html[data-public-theme="turkmod"] .fa-file-clipboard:before,html[data-public-theme="turkmod"] .fa-paste:before{content:"\f0ea"}html[data-public-theme="turkmod"] .fa-pause:before{content:"\f04c"}html[data-public-theme="turkmod"] .fa-paw:before{content:"\f1b0"}html[data-public-theme="turkmod"] .fa-peace:before{content:"\f67c"}html[data-public-theme="turkmod"] .fa-pen:before{content:"\f304"}html[data-public-theme="turkmod"] .fa-pen-alt:before,html[data-public-theme="turkmod"] .fa-pen-clip:before{content:"\f305"}html[data-public-theme="turkmod"] .fa-pen-fancy:before{content:"\f5ac"}html[data-public-theme="turkmod"] .fa-pen-nib:before{content:"\f5ad"}html[data-public-theme="turkmod"] .fa-pen-ruler:before,html[data-public-theme="turkmod"] .fa-pencil-ruler:before{content:"\f5ae"}html[data-public-theme="turkmod"] .fa-edit:before,html[data-public-theme="turkmod"] .fa-pen-to-square:before{content:"\f044"}html[data-public-theme="turkmod"] .fa-pencil-alt:before,html[data-public-theme="turkmod"] .fa-pencil:before{content:"\f303"}html[data-public-theme="turkmod"] .fa-people-arrows-left-right:before,html[data-public-theme="turkmod"] .fa-people-arrows:before{content:"\e068"}html[data-public-theme="turkmod"] .fa-people-carry-box:before,html[data-public-theme="turkmod"] .fa-people-carry:before{content:"\f4ce"}html[data-public-theme="turkmod"] .fa-people-group:before{content:"\e533"}html[data-public-theme="turkmod"] .fa-people-line:before{content:"\e534"}html[data-public-theme="turkmod"] .fa-people-pulling:before{content:"\e535"}html[data-public-theme="turkmod"] .fa-people-robbery:before{content:"\e536"}html[data-public-theme="turkmod"] .fa-people-roof:before{content:"\e537"}html[data-public-theme="turkmod"] .fa-pepper-hot:before{content:"\f816"}html[data-public-theme="turkmod"] .fa-percent:before,html[data-public-theme="turkmod"] .fa-percentage:before{content:"\25"}html[data-public-theme="turkmod"] .fa-male:before,html[data-public-theme="turkmod"] .fa-person:before{content:"\f183"}html[data-public-theme="turkmod"] .fa-person-arrow-down-to-line:before{content:"\e538"}html[data-public-theme="turkmod"] .fa-person-arrow-up-from-line:before{content:"\e539"}html[data-public-theme="turkmod"] .fa-biking:before,html[data-public-theme="turkmod"] .fa-person-biking:before{content:"\f84a"}html[data-public-theme="turkmod"] .fa-person-booth:before{content:"\f756"}html[data-public-theme="turkmod"] .fa-person-breastfeeding:before{content:"\e53a"}html[data-public-theme="turkmod"] .fa-person-burst:before{content:"\e53b"}html[data-public-theme="turkmod"] .fa-person-cane:before{content:"\e53c"}html[data-public-theme="turkmod"] .fa-person-chalkboard:before{content:"\e53d"}html[data-public-theme="turkmod"] .fa-person-circle-check:before{content:"\e53e"}html[data-public-theme="turkmod"] .fa-person-circle-exclamation:before{content:"\e53f"}html[data-public-theme="turkmod"] .fa-person-circle-minus:before{content:"\e540"}html[data-public-theme="turkmod"] .fa-person-circle-plus:before{content:"\e541"}html[data-public-theme="turkmod"] .fa-person-circle-question:before{content:"\e542"}html[data-public-theme="turkmod"] .fa-person-circle-xmark:before{content:"\e543"}html[data-public-theme="turkmod"] .fa-digging:before,html[data-public-theme="turkmod"] .fa-person-digging:before{content:"\f85e"}html[data-public-theme="turkmod"] .fa-diagnoses:before,html[data-public-theme="turkmod"] .fa-person-dots-from-line:before{content:"\f470"}html[data-public-theme="turkmod"] .fa-female:before,html[data-public-theme="turkmod"] .fa-person-dress:before{content:"\f182"}html[data-public-theme="turkmod"] .fa-person-dress-burst:before{content:"\e544"}html[data-public-theme="turkmod"] .fa-person-drowning:before{content:"\e545"}html[data-public-theme="turkmod"] .fa-person-falling:before{content:"\e546"}html[data-public-theme="turkmod"] .fa-person-falling-burst:before{content:"\e547"}html[data-public-theme="turkmod"] .fa-person-half-dress:before{content:"\e548"}html[data-public-theme="turkmod"] .fa-person-harassing:before{content:"\e549"}html[data-public-theme="turkmod"] .fa-hiking:before,html[data-public-theme="turkmod"] .fa-person-hiking:before{content:"\f6ec"}html[data-public-theme="turkmod"] .fa-person-military-pointing:before{content:"\e54a"}html[data-public-theme="turkmod"] .fa-person-military-rifle:before{content:"\e54b"}html[data-public-theme="turkmod"] .fa-person-military-to-person:before{content:"\e54c"}html[data-public-theme="turkmod"] .fa-person-praying:before,html[data-public-theme="turkmod"] .fa-pray:before{content:"\f683"}html[data-public-theme="turkmod"] .fa-person-pregnant:before{content:"\e31e"}html[data-public-theme="turkmod"] .fa-person-rays:before{content:"\e54d"}html[data-public-theme="turkmod"] .fa-person-rifle:before{content:"\e54e"}html[data-public-theme="turkmod"] .fa-person-running:before,html[data-public-theme="turkmod"] .fa-running:before{content:"\f70c"}html[data-public-theme="turkmod"] .fa-person-shelter:before{content:"\e54f"}html[data-public-theme="turkmod"] .fa-person-skating:before,html[data-public-theme="turkmod"] .fa-skating:before{content:"\f7c5"}html[data-public-theme="turkmod"] .fa-person-skiing:before,html[data-public-theme="turkmod"] .fa-skiing:before{content:"\f7c9"}html[data-public-theme="turkmod"] .fa-person-skiing-nordic:before,html[data-public-theme="turkmod"] .fa-skiing-nordic:before{content:"\f7ca"}html[data-public-theme="turkmod"] .fa-person-snowboarding:before,html[data-public-theme="turkmod"] .fa-snowboarding:before{content:"\f7ce"}html[data-public-theme="turkmod"] .fa-person-swimming:before,html[data-public-theme="turkmod"] .fa-swimmer:before{content:"\f5c4"}html[data-public-theme="turkmod"] .fa-person-through-window:before{content:"\e433"}html[data-public-theme="turkmod"] .fa-person-walking:before,html[data-public-theme="turkmod"] .fa-walking:before{content:"\f554"}html[data-public-theme="turkmod"] .fa-person-walking-arrow-loop-left:before{content:"\e551"}html[data-public-theme="turkmod"] .fa-person-walking-arrow-right:before{content:"\e552"}html[data-public-theme="turkmod"] .fa-person-walking-dashed-line-arrow-right:before{content:"\e553"}html[data-public-theme="turkmod"] .fa-person-walking-luggage:before{content:"\e554"}html[data-public-theme="turkmod"] .fa-blind:before,html[data-public-theme="turkmod"] .fa-person-walking-with-cane:before{content:"\f29d"}html[data-public-theme="turkmod"] .fa-peseta-sign:before{content:"\e221"}html[data-public-theme="turkmod"] .fa-peso-sign:before{content:"\e222"}html[data-public-theme="turkmod"] .fa-phone:before{content:"\f095"}html[data-public-theme="turkmod"] .fa-phone-alt:before,html[data-public-theme="turkmod"] .fa-phone-flip:before{content:"\f879"}html[data-public-theme="turkmod"] .fa-phone-slash:before{content:"\f3dd"}html[data-public-theme="turkmod"] .fa-phone-volume:before,html[data-public-theme="turkmod"] .fa-volume-control-phone:before{content:"\f2a0"}html[data-public-theme="turkmod"] .fa-photo-film:before,html[data-public-theme="turkmod"] .fa-photo-video:before{content:"\f87c"}html[data-public-theme="turkmod"] .fa-piggy-bank:before{content:"\f4d3"}html[data-public-theme="turkmod"] .fa-pills:before{content:"\f484"}html[data-public-theme="turkmod"] .fa-pizza-slice:before{content:"\f818"}html[data-public-theme="turkmod"] .fa-place-of-worship:before{content:"\f67f"}html[data-public-theme="turkmod"] .fa-plane:before{content:"\f072"}html[data-public-theme="turkmod"] .fa-plane-arrival:before{content:"\f5af"}html[data-public-theme="turkmod"] .fa-plane-circle-check:before{content:"\e555"}html[data-public-theme="turkmod"] .fa-plane-circle-exclamation:before{content:"\e556"}html[data-public-theme="turkmod"] .fa-plane-circle-xmark:before{content:"\e557"}html[data-public-theme="turkmod"] .fa-plane-departure:before{content:"\f5b0"}html[data-public-theme="turkmod"] .fa-plane-lock:before{content:"\e558"}html[data-public-theme="turkmod"] .fa-plane-slash:before{content:"\e069"}html[data-public-theme="turkmod"] .fa-plane-up:before{content:"\e22d"}html[data-public-theme="turkmod"] .fa-plant-wilt:before{content:"\e43b"}html[data-public-theme="turkmod"] .fa-plate-wheat:before{content:"\e55a"}html[data-public-theme="turkmod"] .fa-play:before{content:"\f04b"}html[data-public-theme="turkmod"] .fa-plug:before{content:"\f1e6"}html[data-public-theme="turkmod"] .fa-plug-circle-bolt:before{content:"\e55b"}html[data-public-theme="turkmod"] .fa-plug-circle-check:before{content:"\e55c"}html[data-public-theme="turkmod"] .fa-plug-circle-exclamation:before{content:"\e55d"}html[data-public-theme="turkmod"] .fa-plug-circle-minus:before{content:"\e55e"}html[data-public-theme="turkmod"] .fa-plug-circle-plus:before{content:"\e55f"}html[data-public-theme="turkmod"] .fa-plug-circle-xmark:before{content:"\e560"}html[data-public-theme="turkmod"] .fa-add:before,html[data-public-theme="turkmod"] .fa-plus:before{content:"\2b"}html[data-public-theme="turkmod"] .fa-plus-minus:before{content:"\e43c"}html[data-public-theme="turkmod"] .fa-podcast:before{content:"\f2ce"}html[data-public-theme="turkmod"] .fa-poo:before{content:"\f2fe"}html[data-public-theme="turkmod"] .fa-poo-bolt:before,html[data-public-theme="turkmod"] .fa-poo-storm:before{content:"\f75a"}html[data-public-theme="turkmod"] .fa-poop:before{content:"\f619"}html[data-public-theme="turkmod"] .fa-power-off:before{content:"\f011"}html[data-public-theme="turkmod"] .fa-prescription:before{content:"\f5b1"}html[data-public-theme="turkmod"] .fa-prescription-bottle:before{content:"\f485"}html[data-public-theme="turkmod"] .fa-prescription-bottle-alt:before,html[data-public-theme="turkmod"] .fa-prescription-bottle-medical:before{content:"\f486"}html[data-public-theme="turkmod"] .fa-print:before{content:"\f02f"}html[data-public-theme="turkmod"] .fa-pump-medical:before{content:"\e06a"}html[data-public-theme="turkmod"] .fa-pump-soap:before{content:"\e06b"}html[data-public-theme="turkmod"] .fa-puzzle-piece:before{content:"\f12e"}html[data-public-theme="turkmod"] .fa-q:before{content:"\51"}html[data-public-theme="turkmod"] .fa-qrcode:before{content:"\f029"}html[data-public-theme="turkmod"] .fa-question:before{content:"\3f"}html[data-public-theme="turkmod"] .fa-quote-left-alt:before,html[data-public-theme="turkmod"] .fa-quote-left:before{content:"\f10d"}html[data-public-theme="turkmod"] .fa-quote-right-alt:before,html[data-public-theme="turkmod"] .fa-quote-right:before{content:"\f10e"}html[data-public-theme="turkmod"] .fa-r:before{content:"\52"}html[data-public-theme="turkmod"] .fa-radiation:before{content:"\f7b9"}html[data-public-theme="turkmod"] .fa-radio:before{content:"\f8d7"}html[data-public-theme="turkmod"] .fa-rainbow:before{content:"\f75b"}html[data-public-theme="turkmod"] .fa-ranking-star:before{content:"\e561"}html[data-public-theme="turkmod"] .fa-receipt:before{content:"\f543"}html[data-public-theme="turkmod"] .fa-record-vinyl:before{content:"\f8d9"}html[data-public-theme="turkmod"] .fa-ad:before,html[data-public-theme="turkmod"] .fa-rectangle-ad:before{content:"\f641"}html[data-public-theme="turkmod"] .fa-list-alt:before,html[data-public-theme="turkmod"] .fa-rectangle-list:before{content:"\f022"}html[data-public-theme="turkmod"] .fa-rectangle-times:before,html[data-public-theme="turkmod"] .fa-rectangle-xmark:before,html[data-public-theme="turkmod"] .fa-times-rectangle:before,html[data-public-theme="turkmod"] .fa-window-close:before{content:"\f410"}html[data-public-theme="turkmod"] .fa-recycle:before{content:"\f1b8"}html[data-public-theme="turkmod"] .fa-registered:before{content:"\f25d"}html[data-public-theme="turkmod"] .fa-repeat:before{content:"\f363"}html[data-public-theme="turkmod"] .fa-mail-reply:before,html[data-public-theme="turkmod"] .fa-reply:before{content:"\f3e5"}html[data-public-theme="turkmod"] .fa-mail-reply-all:before,html[data-public-theme="turkmod"] .fa-reply-all:before{content:"\f122"}html[data-public-theme="turkmod"] .fa-republican:before{content:"\f75e"}html[data-public-theme="turkmod"] .fa-restroom:before{content:"\f7bd"}html[data-public-theme="turkmod"] .fa-retweet:before{content:"\f079"}html[data-public-theme="turkmod"] .fa-ribbon:before{content:"\f4d6"}html[data-public-theme="turkmod"] .fa-right-from-bracket:before,html[data-public-theme="turkmod"] .fa-sign-out-alt:before{content:"\f2f5"}html[data-public-theme="turkmod"] .fa-exchange-alt:before,html[data-public-theme="turkmod"] .fa-right-left:before{content:"\f362"}html[data-public-theme="turkmod"] .fa-long-arrow-alt-right:before,html[data-public-theme="turkmod"] .fa-right-long:before{content:"\f30b"}html[data-public-theme="turkmod"] .fa-right-to-bracket:before,html[data-public-theme="turkmod"] .fa-sign-in-alt:before{content:"\f2f6"}html[data-public-theme="turkmod"] .fa-ring:before{content:"\f70b"}html[data-public-theme="turkmod"] .fa-road:before{content:"\f018"}html[data-public-theme="turkmod"] .fa-road-barrier:before{content:"\e562"}html[data-public-theme="turkmod"] .fa-road-bridge:before{content:"\e563"}html[data-public-theme="turkmod"] .fa-road-circle-check:before{content:"\e564"}html[data-public-theme="turkmod"] .fa-road-circle-exclamation:before{content:"\e565"}html[data-public-theme="turkmod"] .fa-road-circle-xmark:before{content:"\e566"}html[data-public-theme="turkmod"] .fa-road-lock:before{content:"\e567"}html[data-public-theme="turkmod"] .fa-road-spikes:before{content:"\e568"}html[data-public-theme="turkmod"] .fa-robot:before{content:"\f544"}html[data-public-theme="turkmod"] .fa-rocket:before{content:"\f135"}html[data-public-theme="turkmod"] .fa-rotate:before,html[data-public-theme="turkmod"] .fa-sync-alt:before{content:"\f2f1"}html[data-public-theme="turkmod"] .fa-rotate-back:before,html[data-public-theme="turkmod"] .fa-rotate-backward:before,html[data-public-theme="turkmod"] .fa-rotate-left:before,html[data-public-theme="turkmod"] .fa-undo-alt:before{content:"\f2ea"}html[data-public-theme="turkmod"] .fa-redo-alt:before,html[data-public-theme="turkmod"] .fa-rotate-forward:before,html[data-public-theme="turkmod"] .fa-rotate-right:before{content:"\f2f9"}html[data-public-theme="turkmod"] .fa-route:before{content:"\f4d7"}html[data-public-theme="turkmod"] .fa-feed:before,html[data-public-theme="turkmod"] .fa-rss:before{content:"\f09e"}html[data-public-theme="turkmod"] .fa-rouble:before,html[data-public-theme="turkmod"] .fa-rub:before,html[data-public-theme="turkmod"] .fa-ruble-sign:before,html[data-public-theme="turkmod"] .fa-ruble:before{content:"\f158"}html[data-public-theme="turkmod"] .fa-rug:before{content:"\e569"}html[data-public-theme="turkmod"] .fa-ruler:before{content:"\f545"}html[data-public-theme="turkmod"] .fa-ruler-combined:before{content:"\f546"}html[data-public-theme="turkmod"] .fa-ruler-horizontal:before{content:"\f547"}html[data-public-theme="turkmod"] .fa-ruler-vertical:before{content:"\f548"}html[data-public-theme="turkmod"] .fa-rupee-sign:before,html[data-public-theme="turkmod"] .fa-rupee:before{content:"\f156"}html[data-public-theme="turkmod"] .fa-rupiah-sign:before{content:"\e23d"}html[data-public-theme="turkmod"] .fa-s:before{content:"\53"}html[data-public-theme="turkmod"] .fa-sack-dollar:before{content:"\f81d"}html[data-public-theme="turkmod"] .fa-sack-xmark:before{content:"\e56a"}html[data-public-theme="turkmod"] .fa-sailboat:before{content:"\e445"}html[data-public-theme="turkmod"] .fa-satellite:before{content:"\f7bf"}html[data-public-theme="turkmod"] .fa-satellite-dish:before{content:"\f7c0"}html[data-public-theme="turkmod"] .fa-balance-scale:before,html[data-public-theme="turkmod"] .fa-scale-balanced:before{content:"\f24e"}html[data-public-theme="turkmod"] .fa-balance-scale-left:before,html[data-public-theme="turkmod"] .fa-scale-unbalanced:before{content:"\f515"}html[data-public-theme="turkmod"] .fa-balance-scale-right:before,html[data-public-theme="turkmod"] .fa-scale-unbalanced-flip:before{content:"\f516"}html[data-public-theme="turkmod"] .fa-school:before{content:"\f549"}html[data-public-theme="turkmod"] .fa-school-circle-check:before{content:"\e56b"}html[data-public-theme="turkmod"] .fa-school-circle-exclamation:before{content:"\e56c"}html[data-public-theme="turkmod"] .fa-school-circle-xmark:before{content:"\e56d"}html[data-public-theme="turkmod"] .fa-school-flag:before{content:"\e56e"}html[data-public-theme="turkmod"] .fa-school-lock:before{content:"\e56f"}html[data-public-theme="turkmod"] .fa-cut:before,html[data-public-theme="turkmod"] .fa-scissors:before{content:"\f0c4"}html[data-public-theme="turkmod"] .fa-screwdriver:before{content:"\f54a"}html[data-public-theme="turkmod"] .fa-screwdriver-wrench:before,html[data-public-theme="turkmod"] .fa-tools:before{content:"\f7d9"}html[data-public-theme="turkmod"] .fa-scroll:before{content:"\f70e"}html[data-public-theme="turkmod"] .fa-scroll-torah:before,html[data-public-theme="turkmod"] .fa-torah:before{content:"\f6a0"}html[data-public-theme="turkmod"] .fa-sd-card:before{content:"\f7c2"}html[data-public-theme="turkmod"] .fa-section:before{content:"\e447"}html[data-public-theme="turkmod"] .fa-seedling:before,html[data-public-theme="turkmod"] .fa-sprout:before{content:"\f4d8"}html[data-public-theme="turkmod"] .fa-server:before{content:"\f233"}html[data-public-theme="turkmod"] .fa-shapes:before,html[data-public-theme="turkmod"] .fa-triangle-circle-square:before{content:"\f61f"}html[data-public-theme="turkmod"] .fa-arrow-turn-right:before,html[data-public-theme="turkmod"] .fa-mail-forward:before,html[data-public-theme="turkmod"] .fa-share:before{content:"\f064"}html[data-public-theme="turkmod"] .fa-share-from-square:before,html[data-public-theme="turkmod"] .fa-share-square:before{content:"\f14d"}html[data-public-theme="turkmod"] .fa-share-alt:before,html[data-public-theme="turkmod"] .fa-share-nodes:before{content:"\f1e0"}html[data-public-theme="turkmod"] .fa-sheet-plastic:before{content:"\e571"}html[data-public-theme="turkmod"] .fa-ils:before,html[data-public-theme="turkmod"] .fa-shekel-sign:before,html[data-public-theme="turkmod"] .fa-shekel:before,html[data-public-theme="turkmod"] .fa-sheqel-sign:before,html[data-public-theme="turkmod"] .fa-sheqel:before{content:"\f20b"}html[data-public-theme="turkmod"] .fa-shield-blank:before,html[data-public-theme="turkmod"] .fa-shield:before{content:"\f132"}html[data-public-theme="turkmod"] .fa-shield-cat:before{content:"\e572"}html[data-public-theme="turkmod"] .fa-shield-dog:before{content:"\e573"}html[data-public-theme="turkmod"] .fa-shield-alt:before,html[data-public-theme="turkmod"] .fa-shield-halved:before{content:"\f3ed"}html[data-public-theme="turkmod"] .fa-shield-heart:before{content:"\e574"}html[data-public-theme="turkmod"] .fa-shield-virus:before{content:"\e06c"}html[data-public-theme="turkmod"] .fa-ship:before{content:"\f21a"}html[data-public-theme="turkmod"] .fa-shirt:before,html[data-public-theme="turkmod"] .fa-t-shirt:before,html[data-public-theme="turkmod"] .fa-tshirt:before{content:"\f553"}html[data-public-theme="turkmod"] .fa-shoe-prints:before{content:"\f54b"}html[data-public-theme="turkmod"] .fa-shop:before,html[data-public-theme="turkmod"] .fa-store-alt:before{content:"\f54f"}html[data-public-theme="turkmod"] .fa-shop-lock:before{content:"\e4a5"}html[data-public-theme="turkmod"] .fa-shop-slash:before,html[data-public-theme="turkmod"] .fa-store-alt-slash:before{content:"\e070"}html[data-public-theme="turkmod"] .fa-shower:before{content:"\f2cc"}html[data-public-theme="turkmod"] .fa-shrimp:before{content:"\e448"}html[data-public-theme="turkmod"] .fa-random:before,html[data-public-theme="turkmod"] .fa-shuffle:before{content:"\f074"}html[data-public-theme="turkmod"] .fa-shuttle-space:before,html[data-public-theme="turkmod"] .fa-space-shuttle:before{content:"\f197"}html[data-public-theme="turkmod"] .fa-sign-hanging:before,html[data-public-theme="turkmod"] .fa-sign:before{content:"\f4d9"}html[data-public-theme="turkmod"] .fa-signal-5:before,html[data-public-theme="turkmod"] .fa-signal-perfect:before,html[data-public-theme="turkmod"] .fa-signal:before{content:"\f012"}html[data-public-theme="turkmod"] .fa-signature:before{content:"\f5b7"}html[data-public-theme="turkmod"] .fa-map-signs:before,html[data-public-theme="turkmod"] .fa-signs-post:before{content:"\f277"}html[data-public-theme="turkmod"] .fa-sim-card:before{content:"\f7c4"}html[data-public-theme="turkmod"] .fa-sink:before{content:"\e06d"}html[data-public-theme="turkmod"] .fa-sitemap:before{content:"\f0e8"}html[data-public-theme="turkmod"] .fa-skull:before{content:"\f54c"}html[data-public-theme="turkmod"] .fa-skull-crossbones:before{content:"\f714"}html[data-public-theme="turkmod"] .fa-slash:before{content:"\f715"}html[data-public-theme="turkmod"] .fa-sleigh:before{content:"\f7cc"}html[data-public-theme="turkmod"] .fa-sliders-h:before,html[data-public-theme="turkmod"] .fa-sliders:before{content:"\f1de"}html[data-public-theme="turkmod"] .fa-smog:before{content:"\f75f"}html[data-public-theme="turkmod"] .fa-smoking:before{content:"\f48d"}html[data-public-theme="turkmod"] .fa-snowflake:before{content:"\f2dc"}html[data-public-theme="turkmod"] .fa-snowman:before{content:"\f7d0"}html[data-public-theme="turkmod"] .fa-snowplow:before{content:"\f7d2"}html[data-public-theme="turkmod"] .fa-soap:before{content:"\e06e"}html[data-public-theme="turkmod"] .fa-socks:before{content:"\f696"}html[data-public-theme="turkmod"] .fa-solar-panel:before{content:"\f5ba"}html[data-public-theme="turkmod"] .fa-sort:before,html[data-public-theme="turkmod"] .fa-unsorted:before{content:"\f0dc"}html[data-public-theme="turkmod"] .fa-sort-desc:before,html[data-public-theme="turkmod"] .fa-sort-down:before{content:"\f0dd"}html[data-public-theme="turkmod"] .fa-sort-asc:before,html[data-public-theme="turkmod"] .fa-sort-up:before{content:"\f0de"}html[data-public-theme="turkmod"] .fa-spa:before{content:"\f5bb"}html[data-public-theme="turkmod"] .fa-pastafarianism:before,html[data-public-theme="turkmod"] .fa-spaghetti-monster-flying:before{content:"\f67b"}html[data-public-theme="turkmod"] .fa-spell-check:before{content:"\f891"}html[data-public-theme="turkmod"] .fa-spider:before{content:"\f717"}html[data-public-theme="turkmod"] .fa-spinner:before{content:"\f110"}html[data-public-theme="turkmod"] .fa-splotch:before{content:"\f5bc"}html[data-public-theme="turkmod"] .fa-spoon:before,html[data-public-theme="turkmod"] .fa-utensil-spoon:before{content:"\f2e5"}html[data-public-theme="turkmod"] .fa-spray-can:before{content:"\f5bd"}html[data-public-theme="turkmod"] .fa-air-freshener:before,html[data-public-theme="turkmod"] .fa-spray-can-sparkles:before{content:"\f5d0"}html[data-public-theme="turkmod"] .fa-square:before{content:"\f0c8"}html[data-public-theme="turkmod"] .fa-external-link-square:before,html[data-public-theme="turkmod"] .fa-square-arrow-up-right:before{content:"\f14c"}html[data-public-theme="turkmod"] .fa-caret-square-down:before,html[data-public-theme="turkmod"] .fa-square-caret-down:before{content:"\f150"}html[data-public-theme="turkmod"] .fa-caret-square-left:before,html[data-public-theme="turkmod"] .fa-square-caret-left:before{content:"\f191"}html[data-public-theme="turkmod"] .fa-caret-square-right:before,html[data-public-theme="turkmod"] .fa-square-caret-right:before{content:"\f152"}html[data-public-theme="turkmod"] .fa-caret-square-up:before,html[data-public-theme="turkmod"] .fa-square-caret-up:before{content:"\f151"}html[data-public-theme="turkmod"] .fa-check-square:before,html[data-public-theme="turkmod"] .fa-square-check:before{content:"\f14a"}html[data-public-theme="turkmod"] .fa-envelope-square:before,html[data-public-theme="turkmod"] .fa-square-envelope:before{content:"\f199"}html[data-public-theme="turkmod"] .fa-square-full:before{content:"\f45c"}html[data-public-theme="turkmod"] .fa-h-square:before,html[data-public-theme="turkmod"] .fa-square-h:before{content:"\f0fd"}html[data-public-theme="turkmod"] .fa-minus-square:before,html[data-public-theme="turkmod"] .fa-square-minus:before{content:"\f146"}html[data-public-theme="turkmod"] .fa-square-nfi:before{content:"\e576"}html[data-public-theme="turkmod"] .fa-parking:before,html[data-public-theme="turkmod"] .fa-square-parking:before{content:"\f540"}html[data-public-theme="turkmod"] .fa-pen-square:before,html[data-public-theme="turkmod"] .fa-pencil-square:before,html[data-public-theme="turkmod"] .fa-square-pen:before{content:"\f14b"}html[data-public-theme="turkmod"] .fa-square-person-confined:before{content:"\e577"}html[data-public-theme="turkmod"] .fa-phone-square:before,html[data-public-theme="turkmod"] .fa-square-phone:before{content:"\f098"}html[data-public-theme="turkmod"] .fa-phone-square-alt:before,html[data-public-theme="turkmod"] .fa-square-phone-flip:before{content:"\f87b"}html[data-public-theme="turkmod"] .fa-plus-square:before,html[data-public-theme="turkmod"] .fa-square-plus:before{content:"\f0fe"}html[data-public-theme="turkmod"] .fa-poll-h:before,html[data-public-theme="turkmod"] .fa-square-poll-horizontal:before{content:"\f682"}html[data-public-theme="turkmod"] .fa-poll:before,html[data-public-theme="turkmod"] .fa-square-poll-vertical:before{content:"\f681"}html[data-public-theme="turkmod"] .fa-square-root-alt:before,html[data-public-theme="turkmod"] .fa-square-root-variable:before{content:"\f698"}html[data-public-theme="turkmod"] .fa-rss-square:before,html[data-public-theme="turkmod"] .fa-square-rss:before{content:"\f143"}html[data-public-theme="turkmod"] .fa-share-alt-square:before,html[data-public-theme="turkmod"] .fa-square-share-nodes:before{content:"\f1e1"}html[data-public-theme="turkmod"] .fa-external-link-square-alt:before,html[data-public-theme="turkmod"] .fa-square-up-right:before{content:"\f360"}html[data-public-theme="turkmod"] .fa-square-virus:before{content:"\e578"}html[data-public-theme="turkmod"] .fa-square-xmark:before,html[data-public-theme="turkmod"] .fa-times-square:before,html[data-public-theme="turkmod"] .fa-xmark-square:before{content:"\f2d3"}html[data-public-theme="turkmod"] .fa-rod-asclepius:before,html[data-public-theme="turkmod"] .fa-rod-snake:before,html[data-public-theme="turkmod"] .fa-staff-aesculapius:before,html[data-public-theme="turkmod"] .fa-staff-snake:before{content:"\e579"}html[data-public-theme="turkmod"] .fa-stairs:before{content:"\e289"}html[data-public-theme="turkmod"] .fa-stamp:before{content:"\f5bf"}html[data-public-theme="turkmod"] .fa-star:before{content:"\f005"}html[data-public-theme="turkmod"] .fa-star-and-crescent:before{content:"\f699"}html[data-public-theme="turkmod"] .fa-star-half:before{content:"\f089"}html[data-public-theme="turkmod"] .fa-star-half-alt:before,html[data-public-theme="turkmod"] .fa-star-half-stroke:before{content:"\f5c0"}html[data-public-theme="turkmod"] .fa-star-of-david:before{content:"\f69a"}html[data-public-theme="turkmod"] .fa-star-of-life:before{content:"\f621"}html[data-public-theme="turkmod"] .fa-gbp:before,html[data-public-theme="turkmod"] .fa-pound-sign:before,html[data-public-theme="turkmod"] .fa-sterling-sign:before{content:"\f154"}html[data-public-theme="turkmod"] .fa-stethoscope:before{content:"\f0f1"}html[data-public-theme="turkmod"] .fa-stop:before{content:"\f04d"}html[data-public-theme="turkmod"] .fa-stopwatch:before{content:"\f2f2"}html[data-public-theme="turkmod"] .fa-stopwatch-20:before{content:"\e06f"}html[data-public-theme="turkmod"] .fa-store:before{content:"\f54e"}html[data-public-theme="turkmod"] .fa-store-slash:before{content:"\e071"}html[data-public-theme="turkmod"] .fa-street-view:before{content:"\f21d"}html[data-public-theme="turkmod"] .fa-strikethrough:before{content:"\f0cc"}html[data-public-theme="turkmod"] .fa-stroopwafel:before{content:"\f551"}html[data-public-theme="turkmod"] .fa-subscript:before{content:"\f12c"}html[data-public-theme="turkmod"] .fa-suitcase:before{content:"\f0f2"}html[data-public-theme="turkmod"] .fa-medkit:before,html[data-public-theme="turkmod"] .fa-suitcase-medical:before{content:"\f0fa"}html[data-public-theme="turkmod"] .fa-suitcase-rolling:before{content:"\f5c1"}html[data-public-theme="turkmod"] .fa-sun:before{content:"\f185"}html[data-public-theme="turkmod"] .fa-sun-plant-wilt:before{content:"\e57a"}html[data-public-theme="turkmod"] .fa-superscript:before{content:"\f12b"}html[data-public-theme="turkmod"] .fa-swatchbook:before{content:"\f5c3"}html[data-public-theme="turkmod"] .fa-synagogue:before{content:"\f69b"}html[data-public-theme="turkmod"] .fa-syringe:before{content:"\f48e"}html[data-public-theme="turkmod"] .fa-t:before{content:"\54"}html[data-public-theme="turkmod"] .fa-table:before{content:"\f0ce"}html[data-public-theme="turkmod"] .fa-table-cells:before,html[data-public-theme="turkmod"] .fa-th:before{content:"\f00a"}html[data-public-theme="turkmod"] .fa-table-cells-large:before,html[data-public-theme="turkmod"] .fa-th-large:before{content:"\f009"}html[data-public-theme="turkmod"] .fa-columns:before,html[data-public-theme="turkmod"] .fa-table-columns:before{content:"\f0db"}html[data-public-theme="turkmod"] .fa-table-list:before,html[data-public-theme="turkmod"] .fa-th-list:before{content:"\f00b"}html[data-public-theme="turkmod"] .fa-ping-pong-paddle-ball:before,html[data-public-theme="turkmod"] .fa-table-tennis-paddle-ball:before,html[data-public-theme="turkmod"] .fa-table-tennis:before{content:"\f45d"}html[data-public-theme="turkmod"] .fa-tablet-android:before,html[data-public-theme="turkmod"] .fa-tablet:before{content:"\f3fb"}html[data-public-theme="turkmod"] .fa-tablet-button:before{content:"\f10a"}html[data-public-theme="turkmod"] .fa-tablet-alt:before,html[data-public-theme="turkmod"] .fa-tablet-screen-button:before{content:"\f3fa"}html[data-public-theme="turkmod"] .fa-tablets:before{content:"\f490"}html[data-public-theme="turkmod"] .fa-digital-tachograph:before,html[data-public-theme="turkmod"] .fa-tachograph-digital:before{content:"\f566"}html[data-public-theme="turkmod"] .fa-tag:before{content:"\f02b"}html[data-public-theme="turkmod"] .fa-tags:before{content:"\f02c"}html[data-public-theme="turkmod"] .fa-tape:before{content:"\f4db"}html[data-public-theme="turkmod"] .fa-tarp:before{content:"\e57b"}html[data-public-theme="turkmod"] .fa-tarp-droplet:before{content:"\e57c"}html[data-public-theme="turkmod"] .fa-cab:before,html[data-public-theme="turkmod"] .fa-taxi:before{content:"\f1ba"}html[data-public-theme="turkmod"] .fa-teeth:before{content:"\f62e"}html[data-public-theme="turkmod"] .fa-teeth-open:before{content:"\f62f"}html[data-public-theme="turkmod"] .fa-temperature-arrow-down:before,html[data-public-theme="turkmod"] .fa-temperature-down:before{content:"\e03f"}html[data-public-theme="turkmod"] .fa-temperature-arrow-up:before,html[data-public-theme="turkmod"] .fa-temperature-up:before{content:"\e040"}html[data-public-theme="turkmod"] .fa-temperature-0:before,html[data-public-theme="turkmod"] .fa-temperature-empty:before,html[data-public-theme="turkmod"] .fa-thermometer-0:before,html[data-public-theme="turkmod"] .fa-thermometer-empty:before{content:"\f2cb"}html[data-public-theme="turkmod"] .fa-temperature-4:before,html[data-public-theme="turkmod"] .fa-temperature-full:before,html[data-public-theme="turkmod"] .fa-thermometer-4:before,html[data-public-theme="turkmod"] .fa-thermometer-full:before{content:"\f2c7"}html[data-public-theme="turkmod"] .fa-temperature-2:before,html[data-public-theme="turkmod"] .fa-temperature-half:before,html[data-public-theme="turkmod"] .fa-thermometer-2:before,html[data-public-theme="turkmod"] .fa-thermometer-half:before{content:"\f2c9"}html[data-public-theme="turkmod"] .fa-temperature-high:before{content:"\f769"}html[data-public-theme="turkmod"] .fa-temperature-low:before{content:"\f76b"}html[data-public-theme="turkmod"] .fa-temperature-1:before,html[data-public-theme="turkmod"] .fa-temperature-quarter:before,html[data-public-theme="turkmod"] .fa-thermometer-1:before,html[data-public-theme="turkmod"] .fa-thermometer-quarter:before{content:"\f2ca"}html[data-public-theme="turkmod"] .fa-temperature-3:before,html[data-public-theme="turkmod"] .fa-temperature-three-quarters:before,html[data-public-theme="turkmod"] .fa-thermometer-3:before,html[data-public-theme="turkmod"] .fa-thermometer-three-quarters:before{content:"\f2c8"}html[data-public-theme="turkmod"] .fa-tenge-sign:before,html[data-public-theme="turkmod"] .fa-tenge:before{content:"\f7d7"}html[data-public-theme="turkmod"] .fa-tent:before{content:"\e57d"}html[data-public-theme="turkmod"] .fa-tent-arrow-down-to-line:before{content:"\e57e"}html[data-public-theme="turkmod"] .fa-tent-arrow-left-right:before{content:"\e57f"}html[data-public-theme="turkmod"] .fa-tent-arrow-turn-left:before{content:"\e580"}html[data-public-theme="turkmod"] .fa-tent-arrows-down:before{content:"\e581"}html[data-public-theme="turkmod"] .fa-tents:before{content:"\e582"}html[data-public-theme="turkmod"] .fa-terminal:before{content:"\f120"}html[data-public-theme="turkmod"] .fa-text-height:before{content:"\f034"}html[data-public-theme="turkmod"] .fa-remove-format:before,html[data-public-theme="turkmod"] .fa-text-slash:before{content:"\f87d"}html[data-public-theme="turkmod"] .fa-text-width:before{content:"\f035"}html[data-public-theme="turkmod"] .fa-thermometer:before{content:"\f491"}html[data-public-theme="turkmod"] .fa-thumbs-down:before{content:"\f165"}html[data-public-theme="turkmod"] .fa-thumbs-up:before{content:"\f164"}html[data-public-theme="turkmod"] .fa-thumb-tack:before,html[data-public-theme="turkmod"] .fa-thumbtack:before{content:"\f08d"}html[data-public-theme="turkmod"] .fa-ticket:before{content:"\f145"}html[data-public-theme="turkmod"] .fa-ticket-alt:before,html[data-public-theme="turkmod"] .fa-ticket-simple:before{content:"\f3ff"}html[data-public-theme="turkmod"] .fa-timeline:before{content:"\e29c"}html[data-public-theme="turkmod"] .fa-toggle-off:before{content:"\f204"}html[data-public-theme="turkmod"] .fa-toggle-on:before{content:"\f205"}html[data-public-theme="turkmod"] .fa-toilet:before{content:"\f7d8"}html[data-public-theme="turkmod"] .fa-toilet-paper:before{content:"\f71e"}html[data-public-theme="turkmod"] .fa-toilet-paper-slash:before{content:"\e072"}html[data-public-theme="turkmod"] .fa-toilet-portable:before{content:"\e583"}html[data-public-theme="turkmod"] .fa-toilets-portable:before{content:"\e584"}html[data-public-theme="turkmod"] .fa-toolbox:before{content:"\f552"}html[data-public-theme="turkmod"] .fa-tooth:before{content:"\f5c9"}html[data-public-theme="turkmod"] .fa-torii-gate:before{content:"\f6a1"}html[data-public-theme="turkmod"] .fa-tornado:before{content:"\f76f"}html[data-public-theme="turkmod"] .fa-broadcast-tower:before,html[data-public-theme="turkmod"] .fa-tower-broadcast:before{content:"\f519"}html[data-public-theme="turkmod"] .fa-tower-cell:before{content:"\e585"}html[data-public-theme="turkmod"] .fa-tower-observation:before{content:"\e586"}html[data-public-theme="turkmod"] .fa-tractor:before{content:"\f722"}html[data-public-theme="turkmod"] .fa-trademark:before{content:"\f25c"}html[data-public-theme="turkmod"] .fa-traffic-light:before{content:"\f637"}html[data-public-theme="turkmod"] .fa-trailer:before{content:"\e041"}html[data-public-theme="turkmod"] .fa-train:before{content:"\f238"}html[data-public-theme="turkmod"] .fa-subway:before,html[data-public-theme="turkmod"] .fa-train-subway:before{content:"\f239"}html[data-public-theme="turkmod"] .fa-train-tram:before,html[data-public-theme="turkmod"] .fa-tram:before{content:"\f7da"}html[data-public-theme="turkmod"] .fa-transgender-alt:before,html[data-public-theme="turkmod"] .fa-transgender:before{content:"\f225"}html[data-public-theme="turkmod"] .fa-trash:before{content:"\f1f8"}html[data-public-theme="turkmod"] .fa-trash-arrow-up:before,html[data-public-theme="turkmod"] .fa-trash-restore:before{content:"\f829"}html[data-public-theme="turkmod"] .fa-trash-alt:before,html[data-public-theme="turkmod"] .fa-trash-can:before{content:"\f2ed"}html[data-public-theme="turkmod"] .fa-trash-can-arrow-up:before,html[data-public-theme="turkmod"] .fa-trash-restore-alt:before{content:"\f82a"}html[data-public-theme="turkmod"] .fa-tree:before{content:"\f1bb"}html[data-public-theme="turkmod"] .fa-tree-city:before{content:"\e587"}html[data-public-theme="turkmod"] .fa-exclamation-triangle:before,html[data-public-theme="turkmod"] .fa-triangle-exclamation:before,html[data-public-theme="turkmod"] .fa-warning:before{content:"\f071"}html[data-public-theme="turkmod"] .fa-trophy:before{content:"\f091"}html[data-public-theme="turkmod"] .fa-trowel:before{content:"\e589"}html[data-public-theme="turkmod"] .fa-trowel-bricks:before{content:"\e58a"}html[data-public-theme="turkmod"] .fa-truck:before{content:"\f0d1"}html[data-public-theme="turkmod"] .fa-truck-arrow-right:before{content:"\e58b"}html[data-public-theme="turkmod"] .fa-truck-droplet:before{content:"\e58c"}html[data-public-theme="turkmod"] .fa-shipping-fast:before,html[data-public-theme="turkmod"] .fa-truck-fast:before{content:"\f48b"}html[data-public-theme="turkmod"] .fa-truck-field:before{content:"\e58d"}html[data-public-theme="turkmod"] .fa-truck-field-un:before{content:"\e58e"}html[data-public-theme="turkmod"] .fa-truck-front:before{content:"\e2b7"}html[data-public-theme="turkmod"] .fa-ambulance:before,html[data-public-theme="turkmod"] .fa-truck-medical:before{content:"\f0f9"}html[data-public-theme="turkmod"] .fa-truck-monster:before{content:"\f63b"}html[data-public-theme="turkmod"] .fa-truck-moving:before{content:"\f4df"}html[data-public-theme="turkmod"] .fa-truck-pickup:before{content:"\f63c"}html[data-public-theme="turkmod"] .fa-truck-plane:before{content:"\e58f"}html[data-public-theme="turkmod"] .fa-truck-loading:before,html[data-public-theme="turkmod"] .fa-truck-ramp-box:before{content:"\f4de"}html[data-public-theme="turkmod"] .fa-teletype:before,html[data-public-theme="turkmod"] .fa-tty:before{content:"\f1e4"}html[data-public-theme="turkmod"] .fa-try:before,html[data-public-theme="turkmod"] .fa-turkish-lira-sign:before,html[data-public-theme="turkmod"] .fa-turkish-lira:before{content:"\e2bb"}html[data-public-theme="turkmod"] .fa-level-down-alt:before,html[data-public-theme="turkmod"] .fa-turn-down:before{content:"\f3be"}html[data-public-theme="turkmod"] .fa-level-up-alt:before,html[data-public-theme="turkmod"] .fa-turn-up:before{content:"\f3bf"}html[data-public-theme="turkmod"] .fa-television:before,html[data-public-theme="turkmod"] .fa-tv-alt:before,html[data-public-theme="turkmod"] .fa-tv:before{content:"\f26c"}html[data-public-theme="turkmod"] .fa-u:before{content:"\55"}html[data-public-theme="turkmod"] .fa-umbrella:before{content:"\f0e9"}html[data-public-theme="turkmod"] .fa-umbrella-beach:before{content:"\f5ca"}html[data-public-theme="turkmod"] .fa-underline:before{content:"\f0cd"}html[data-public-theme="turkmod"] .fa-universal-access:before{content:"\f29a"}html[data-public-theme="turkmod"] .fa-unlock:before{content:"\f09c"}html[data-public-theme="turkmod"] .fa-unlock-alt:before,html[data-public-theme="turkmod"] .fa-unlock-keyhole:before{content:"\f13e"}html[data-public-theme="turkmod"] .fa-arrows-alt-v:before,html[data-public-theme="turkmod"] .fa-up-down:before{content:"\f338"}html[data-public-theme="turkmod"] .fa-arrows-alt:before,html[data-public-theme="turkmod"] .fa-up-down-left-right:before{content:"\f0b2"}html[data-public-theme="turkmod"] .fa-long-arrow-alt-up:before,html[data-public-theme="turkmod"] .fa-up-long:before{content:"\f30c"}html[data-public-theme="turkmod"] .fa-expand-alt:before,html[data-public-theme="turkmod"] .fa-up-right-and-down-left-from-center:before{content:"\f424"}html[data-public-theme="turkmod"] .fa-external-link-alt:before,html[data-public-theme="turkmod"] .fa-up-right-from-square:before{content:"\f35d"}html[data-public-theme="turkmod"] .fa-upload:before{content:"\f093"}html[data-public-theme="turkmod"] .fa-user:before{content:"\f007"}html[data-public-theme="turkmod"] .fa-user-astronaut:before{content:"\f4fb"}html[data-public-theme="turkmod"] .fa-user-check:before{content:"\f4fc"}html[data-public-theme="turkmod"] .fa-user-clock:before{content:"\f4fd"}html[data-public-theme="turkmod"] .fa-user-doctor:before,html[data-public-theme="turkmod"] .fa-user-md:before{content:"\f0f0"}html[data-public-theme="turkmod"] .fa-user-cog:before,html[data-public-theme="turkmod"] .fa-user-gear:before{content:"\f4fe"}html[data-public-theme="turkmod"] .fa-user-graduate:before{content:"\f501"}html[data-public-theme="turkmod"] .fa-user-friends:before,html[data-public-theme="turkmod"] .fa-user-group:before{content:"\f500"}html[data-public-theme="turkmod"] .fa-user-injured:before{content:"\f728"}html[data-public-theme="turkmod"] .fa-user-alt:before,html[data-public-theme="turkmod"] .fa-user-large:before{content:"\f406"}html[data-public-theme="turkmod"] .fa-user-alt-slash:before,html[data-public-theme="turkmod"] .fa-user-large-slash:before{content:"\f4fa"}html[data-public-theme="turkmod"] .fa-user-lock:before{content:"\f502"}html[data-public-theme="turkmod"] .fa-user-minus:before{content:"\f503"}html[data-public-theme="turkmod"] .fa-user-ninja:before{content:"\f504"}html[data-public-theme="turkmod"] .fa-user-nurse:before{content:"\f82f"}html[data-public-theme="turkmod"] .fa-user-edit:before,html[data-public-theme="turkmod"] .fa-user-pen:before{content:"\f4ff"}html[data-public-theme="turkmod"] .fa-user-plus:before{content:"\f234"}html[data-public-theme="turkmod"] .fa-user-secret:before{content:"\f21b"}html[data-public-theme="turkmod"] .fa-user-shield:before{content:"\f505"}html[data-public-theme="turkmod"] .fa-user-slash:before{content:"\f506"}html[data-public-theme="turkmod"] .fa-user-tag:before{content:"\f507"}html[data-public-theme="turkmod"] .fa-user-tie:before{content:"\f508"}html[data-public-theme="turkmod"] .fa-user-times:before,html[data-public-theme="turkmod"] .fa-user-xmark:before{content:"\f235"}html[data-public-theme="turkmod"] .fa-users:before{content:"\f0c0"}html[data-public-theme="turkmod"] .fa-users-between-lines:before{content:"\e591"}html[data-public-theme="turkmod"] .fa-users-cog:before,html[data-public-theme="turkmod"] .fa-users-gear:before{content:"\f509"}html[data-public-theme="turkmod"] .fa-users-line:before{content:"\e592"}html[data-public-theme="turkmod"] .fa-users-rays:before{content:"\e593"}html[data-public-theme="turkmod"] .fa-users-rectangle:before{content:"\e594"}html[data-public-theme="turkmod"] .fa-users-slash:before{content:"\e073"}html[data-public-theme="turkmod"] .fa-users-viewfinder:before{content:"\e595"}html[data-public-theme="turkmod"] .fa-cutlery:before,html[data-public-theme="turkmod"] .fa-utensils:before{content:"\f2e7"}html[data-public-theme="turkmod"] .fa-v:before{content:"\56"}html[data-public-theme="turkmod"] .fa-shuttle-van:before,html[data-public-theme="turkmod"] .fa-van-shuttle:before{content:"\f5b6"}html[data-public-theme="turkmod"] .fa-vault:before{content:"\e2c5"}html[data-public-theme="turkmod"] .fa-vector-square:before{content:"\f5cb"}html[data-public-theme="turkmod"] .fa-venus:before{content:"\f221"}html[data-public-theme="turkmod"] .fa-venus-double:before{content:"\f226"}html[data-public-theme="turkmod"] .fa-venus-mars:before{content:"\f228"}html[data-public-theme="turkmod"] .fa-vest:before{content:"\e085"}html[data-public-theme="turkmod"] .fa-vest-patches:before{content:"\e086"}html[data-public-theme="turkmod"] .fa-vial:before{content:"\f492"}html[data-public-theme="turkmod"] .fa-vial-circle-check:before{content:"\e596"}html[data-public-theme="turkmod"] .fa-vial-virus:before{content:"\e597"}html[data-public-theme="turkmod"] .fa-vials:before{content:"\f493"}html[data-public-theme="turkmod"] .fa-video-camera:before,html[data-public-theme="turkmod"] .fa-video:before{content:"\f03d"}html[data-public-theme="turkmod"] .fa-video-slash:before{content:"\f4e2"}html[data-public-theme="turkmod"] .fa-vihara:before{content:"\f6a7"}html[data-public-theme="turkmod"] .fa-virus:before{content:"\e074"}html[data-public-theme="turkmod"] .fa-virus-covid:before{content:"\e4a8"}html[data-public-theme="turkmod"] .fa-virus-covid-slash:before{content:"\e4a9"}html[data-public-theme="turkmod"] .fa-virus-slash:before{content:"\e075"}html[data-public-theme="turkmod"] .fa-viruses:before{content:"\e076"}html[data-public-theme="turkmod"] .fa-voicemail:before{content:"\f897"}html[data-public-theme="turkmod"] .fa-volcano:before{content:"\f770"}html[data-public-theme="turkmod"] .fa-volleyball-ball:before,html[data-public-theme="turkmod"] .fa-volleyball:before{content:"\f45f"}html[data-public-theme="turkmod"] .fa-volume-high:before,html[data-public-theme="turkmod"] .fa-volume-up:before{content:"\f028"}html[data-public-theme="turkmod"] .fa-volume-down:before,html[data-public-theme="turkmod"] .fa-volume-low:before{content:"\f027"}html[data-public-theme="turkmod"] .fa-volume-off:before{content:"\f026"}html[data-public-theme="turkmod"] .fa-volume-mute:before,html[data-public-theme="turkmod"] .fa-volume-times:before,html[data-public-theme="turkmod"] .fa-volume-xmark:before{content:"\f6a9"}html[data-public-theme="turkmod"] .fa-vr-cardboard:before{content:"\f729"}html[data-public-theme="turkmod"] .fa-w:before{content:"\57"}html[data-public-theme="turkmod"] .fa-walkie-talkie:before{content:"\f8ef"}html[data-public-theme="turkmod"] .fa-wallet:before{content:"\f555"}html[data-public-theme="turkmod"] .fa-magic:before,html[data-public-theme="turkmod"] .fa-wand-magic:before{content:"\f0d0"}html[data-public-theme="turkmod"] .fa-magic-wand-sparkles:before,html[data-public-theme="turkmod"] .fa-wand-magic-sparkles:before{content:"\e2ca"}html[data-public-theme="turkmod"] .fa-wand-sparkles:before{content:"\f72b"}html[data-public-theme="turkmod"] .fa-warehouse:before{content:"\f494"}html[data-public-theme="turkmod"] .fa-water:before{content:"\f773"}html[data-public-theme="turkmod"] .fa-ladder-water:before,html[data-public-theme="turkmod"] .fa-swimming-pool:before,html[data-public-theme="turkmod"] .fa-water-ladder:before{content:"\f5c5"}html[data-public-theme="turkmod"] .fa-wave-square:before{content:"\f83e"}html[data-public-theme="turkmod"] .fa-weight-hanging:before{content:"\f5cd"}html[data-public-theme="turkmod"] .fa-weight-scale:before,html[data-public-theme="turkmod"] .fa-weight:before{content:"\f496"}html[data-public-theme="turkmod"] .fa-wheat-alt:before,html[data-public-theme="turkmod"] .fa-wheat-awn:before{content:"\e2cd"}html[data-public-theme="turkmod"] .fa-wheat-awn-circle-exclamation:before{content:"\e598"}html[data-public-theme="turkmod"] .fa-wheelchair:before{content:"\f193"}html[data-public-theme="turkmod"] .fa-wheelchair-alt:before,html[data-public-theme="turkmod"] .fa-wheelchair-move:before{content:"\e2ce"}html[data-public-theme="turkmod"] .fa-glass-whiskey:before,html[data-public-theme="turkmod"] .fa-whiskey-glass:before{content:"\f7a0"}html[data-public-theme="turkmod"] .fa-wifi-3:before,html[data-public-theme="turkmod"] .fa-wifi-strong:before,html[data-public-theme="turkmod"] .fa-wifi:before{content:"\f1eb"}html[data-public-theme="turkmod"] .fa-wind:before{content:"\f72e"}html[data-public-theme="turkmod"] .fa-window-maximize:before{content:"\f2d0"}html[data-public-theme="turkmod"] .fa-window-minimize:before{content:"\f2d1"}html[data-public-theme="turkmod"] .fa-window-restore:before{content:"\f2d2"}html[data-public-theme="turkmod"] .fa-wine-bottle:before{content:"\f72f"}html[data-public-theme="turkmod"] .fa-wine-glass:before{content:"\f4e3"}html[data-public-theme="turkmod"] .fa-wine-glass-alt:before,html[data-public-theme="turkmod"] .fa-wine-glass-empty:before{content:"\f5ce"}html[data-public-theme="turkmod"] .fa-krw:before,html[data-public-theme="turkmod"] .fa-won-sign:before,html[data-public-theme="turkmod"] .fa-won:before{content:"\f159"}html[data-public-theme="turkmod"] .fa-worm:before{content:"\e599"}html[data-public-theme="turkmod"] .fa-wrench:before{content:"\f0ad"}html[data-public-theme="turkmod"] .fa-x:before{content:"\58"}html[data-public-theme="turkmod"] .fa-x-ray:before{content:"\f497"}html[data-public-theme="turkmod"] .fa-close:before,html[data-public-theme="turkmod"] .fa-multiply:before,html[data-public-theme="turkmod"] .fa-remove:before,html[data-public-theme="turkmod"] .fa-times:before,html[data-public-theme="turkmod"] .fa-xmark:before{content:"\f00d"}html[data-public-theme="turkmod"] .fa-xmarks-lines:before{content:"\e59a"}html[data-public-theme="turkmod"] .fa-y:before{content:"\59"}html[data-public-theme="turkmod"] .fa-cny:before,html[data-public-theme="turkmod"] .fa-jpy:before,html[data-public-theme="turkmod"] .fa-rmb:before,html[data-public-theme="turkmod"] .fa-yen-sign:before,html[data-public-theme="turkmod"] .fa-yen:before{content:"\f157"}html[data-public-theme="turkmod"] .fa-yin-yang:before{content:"\f6ad"}html[data-public-theme="turkmod"] .fa-z:before{content:"\5a"}html[data-public-theme="turkmod"] .fa-sr-only,html[data-public-theme="turkmod"] .fa-sr-only-focusable:not(:focus),html[data-public-theme="turkmod"] .sr-only,html[data-public-theme="turkmod"] .sr-only-focusable:not(:focus){position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}html[data-public-theme="turkmod"],html[data-public-theme="turkmod"]{--fa-font-brands:normal 400 1em/1 "Font Awesome 6 Brands"}@font-face{font-family:"Font Awesome 6 Brands";font-style:normal;font-weight:400;font-display:block;src:url(../webfonts/fa-brands-400.woff2) format("woff2"),url(../webfonts/fa-brands-400.ttf) format("truetype")}html[data-public-theme="turkmod"] .fa-brands,html[data-public-theme="turkmod"] .fab{font-family:"Font Awesome 6 Brands";font-weight:400}html[data-public-theme="turkmod"] .fa-42-group:before,html[data-public-theme="turkmod"] .fa-innosoft:before{content:"\e080"}html[data-public-theme="turkmod"] .fa-500px:before{content:"\f26e"}html[data-public-theme="turkmod"] .fa-accessible-icon:before{content:"\f368"}html[data-public-theme="turkmod"] .fa-accusoft:before{content:"\f369"}html[data-public-theme="turkmod"] .fa-adn:before{content:"\f170"}html[data-public-theme="turkmod"] .fa-adversal:before{content:"\f36a"}html[data-public-theme="turkmod"] .fa-affiliatetheme:before{content:"\f36b"}html[data-public-theme="turkmod"] .fa-airbnb:before{content:"\f834"}html[data-public-theme="turkmod"] .fa-algolia:before{content:"\f36c"}html[data-public-theme="turkmod"] .fa-alipay:before{content:"\f642"}html[data-public-theme="turkmod"] .fa-amazon:before{content:"\f270"}html[data-public-theme="turkmod"] .fa-amazon-pay:before{content:"\f42c"}html[data-public-theme="turkmod"] .fa-amilia:before{content:"\f36d"}html[data-public-theme="turkmod"] .fa-android:before{content:"\f17b"}html[data-public-theme="turkmod"] .fa-angellist:before{content:"\f209"}html[data-public-theme="turkmod"] .fa-angrycreative:before{content:"\f36e"}html[data-public-theme="turkmod"] .fa-angular:before{content:"\f420"}html[data-public-theme="turkmod"] .fa-app-store:before{content:"\f36f"}html[data-public-theme="turkmod"] .fa-app-store-ios:before{content:"\f370"}html[data-public-theme="turkmod"] .fa-apper:before{content:"\f371"}html[data-public-theme="turkmod"] .fa-apple:before{content:"\f179"}html[data-public-theme="turkmod"] .fa-apple-pay:before{content:"\f415"}html[data-public-theme="turkmod"] .fa-artstation:before{content:"\f77a"}html[data-public-theme="turkmod"] .fa-asymmetrik:before{content:"\f372"}html[data-public-theme="turkmod"] .fa-atlassian:before{content:"\f77b"}html[data-public-theme="turkmod"] .fa-audible:before{content:"\f373"}html[data-public-theme="turkmod"] .fa-autoprefixer:before{content:"\f41c"}html[data-public-theme="turkmod"] .fa-avianex:before{content:"\f374"}html[data-public-theme="turkmod"] .fa-aviato:before{content:"\f421"}html[data-public-theme="turkmod"] .fa-aws:before{content:"\f375"}html[data-public-theme="turkmod"] .fa-bandcamp:before{content:"\f2d5"}html[data-public-theme="turkmod"] .fa-battle-net:before{content:"\f835"}html[data-public-theme="turkmod"] .fa-behance:before{content:"\f1b4"}html[data-public-theme="turkmod"] .fa-behance-square:before{content:"\f1b5"}html[data-public-theme="turkmod"] .fa-bilibili:before{content:"\e3d9"}html[data-public-theme="turkmod"] .fa-bimobject:before{content:"\f378"}html[data-public-theme="turkmod"] .fa-bitbucket:before{content:"\f171"}html[data-public-theme="turkmod"] .fa-bitcoin:before{content:"\f379"}html[data-public-theme="turkmod"] .fa-bity:before{content:"\f37a"}html[data-public-theme="turkmod"] .fa-black-tie:before{content:"\f27e"}html[data-public-theme="turkmod"] .fa-blackberry:before{content:"\f37b"}html[data-public-theme="turkmod"] .fa-blogger:before{content:"\f37c"}html[data-public-theme="turkmod"] .fa-blogger-b:before{content:"\f37d"}html[data-public-theme="turkmod"] .fa-bluetooth:before{content:"\f293"}html[data-public-theme="turkmod"] .fa-bluetooth-b:before{content:"\f294"}html[data-public-theme="turkmod"] .fa-bootstrap:before{content:"\f836"}html[data-public-theme="turkmod"] .fa-bots:before{content:"\e340"}html[data-public-theme="turkmod"] .fa-btc:before{content:"\f15a"}html[data-public-theme="turkmod"] .fa-buffer:before{content:"\f837"}html[data-public-theme="turkmod"] .fa-buromobelexperte:before{content:"\f37f"}html[data-public-theme="turkmod"] .fa-buy-n-large:before{content:"\f8a6"}html[data-public-theme="turkmod"] .fa-buysellads:before{content:"\f20d"}html[data-public-theme="turkmod"] .fa-canadian-maple-leaf:before{content:"\f785"}html[data-public-theme="turkmod"] .fa-cc-amazon-pay:before{content:"\f42d"}html[data-public-theme="turkmod"] .fa-cc-amex:before{content:"\f1f3"}html[data-public-theme="turkmod"] .fa-cc-apple-pay:before{content:"\f416"}html[data-public-theme="turkmod"] .fa-cc-diners-club:before{content:"\f24c"}html[data-public-theme="turkmod"] .fa-cc-discover:before{content:"\f1f2"}html[data-public-theme="turkmod"] .fa-cc-jcb:before{content:"\f24b"}html[data-public-theme="turkmod"] .fa-cc-mastercard:before{content:"\f1f1"}html[data-public-theme="turkmod"] .fa-cc-paypal:before{content:"\f1f4"}html[data-public-theme="turkmod"] .fa-cc-stripe:before{content:"\f1f5"}html[data-public-theme="turkmod"] .fa-cc-visa:before{content:"\f1f0"}html[data-public-theme="turkmod"] .fa-centercode:before{content:"\f380"}html[data-public-theme="turkmod"] .fa-centos:before{content:"\f789"}html[data-public-theme="turkmod"] .fa-chrome:before{content:"\f268"}html[data-public-theme="turkmod"] .fa-chromecast:before{content:"\f838"}html[data-public-theme="turkmod"] .fa-cloudflare:before{content:"\e07d"}html[data-public-theme="turkmod"] .fa-cloudscale:before{content:"\f383"}html[data-public-theme="turkmod"] .fa-cloudsmith:before{content:"\f384"}html[data-public-theme="turkmod"] .fa-cloudversify:before{content:"\f385"}html[data-public-theme="turkmod"] .fa-cmplid:before{content:"\e360"}html[data-public-theme="turkmod"] .fa-codepen:before{content:"\f1cb"}html[data-public-theme="turkmod"] .fa-codiepie:before{content:"\f284"}html[data-public-theme="turkmod"] .fa-confluence:before{content:"\f78d"}html[data-public-theme="turkmod"] .fa-connectdevelop:before{content:"\f20e"}html[data-public-theme="turkmod"] .fa-contao:before{content:"\f26d"}html[data-public-theme="turkmod"] .fa-cotton-bureau:before{content:"\f89e"}html[data-public-theme="turkmod"] .fa-cpanel:before{content:"\f388"}html[data-public-theme="turkmod"] .fa-creative-commons:before{content:"\f25e"}html[data-public-theme="turkmod"] .fa-creative-commons-by:before{content:"\f4e7"}html[data-public-theme="turkmod"] .fa-creative-commons-nc:before{content:"\f4e8"}html[data-public-theme="turkmod"] .fa-creative-commons-nc-eu:before{content:"\f4e9"}html[data-public-theme="turkmod"] .fa-creative-commons-nc-jp:before{content:"\f4ea"}html[data-public-theme="turkmod"] .fa-creative-commons-nd:before{content:"\f4eb"}html[data-public-theme="turkmod"] .fa-creative-commons-pd:before{content:"\f4ec"}html[data-public-theme="turkmod"] .fa-creative-commons-pd-alt:before{content:"\f4ed"}html[data-public-theme="turkmod"] .fa-creative-commons-remix:before{content:"\f4ee"}html[data-public-theme="turkmod"] .fa-creative-commons-sa:before{content:"\f4ef"}html[data-public-theme="turkmod"] .fa-creative-commons-sampling:before{content:"\f4f0"}html[data-public-theme="turkmod"] .fa-creative-commons-sampling-plus:before{content:"\f4f1"}html[data-public-theme="turkmod"] .fa-creative-commons-share:before{content:"\f4f2"}html[data-public-theme="turkmod"] .fa-creative-commons-zero:before{content:"\f4f3"}html[data-public-theme="turkmod"] .fa-critical-role:before{content:"\f6c9"}html[data-public-theme="turkmod"] .fa-css3:before{content:"\f13c"}html[data-public-theme="turkmod"] .fa-css3-alt:before{content:"\f38b"}html[data-public-theme="turkmod"] .fa-cuttlefish:before{content:"\f38c"}html[data-public-theme="turkmod"] .fa-d-and-d:before{content:"\f38d"}html[data-public-theme="turkmod"] .fa-d-and-d-beyond:before{content:"\f6ca"}html[data-public-theme="turkmod"] .fa-dailymotion:before{content:"\e052"}html[data-public-theme="turkmod"] .fa-dashcube:before{content:"\f210"}html[data-public-theme="turkmod"] .fa-deezer:before{content:"\e077"}html[data-public-theme="turkmod"] .fa-delicious:before{content:"\f1a5"}html[data-public-theme="turkmod"] .fa-deploydog:before{content:"\f38e"}html[data-public-theme="turkmod"] .fa-deskpro:before{content:"\f38f"}html[data-public-theme="turkmod"] .fa-dev:before{content:"\f6cc"}html[data-public-theme="turkmod"] .fa-deviantart:before{content:"\f1bd"}html[data-public-theme="turkmod"] .fa-dhl:before{content:"\f790"}html[data-public-theme="turkmod"] .fa-diaspora:before{content:"\f791"}html[data-public-theme="turkmod"] .fa-digg:before{content:"\f1a6"}html[data-public-theme="turkmod"] .fa-digital-ocean:before{content:"\f391"}html[data-public-theme="turkmod"] .fa-discord:before{content:"\f392"}html[data-public-theme="turkmod"] .fa-discourse:before{content:"\f393"}html[data-public-theme="turkmod"] .fa-dochub:before{content:"\f394"}html[data-public-theme="turkmod"] .fa-docker:before{content:"\f395"}html[data-public-theme="turkmod"] .fa-draft2digital:before{content:"\f396"}html[data-public-theme="turkmod"] .fa-dribbble:before{content:"\f17d"}html[data-public-theme="turkmod"] .fa-dribbble-square:before{content:"\f397"}html[data-public-theme="turkmod"] .fa-dropbox:before{content:"\f16b"}html[data-public-theme="turkmod"] .fa-drupal:before{content:"\f1a9"}html[data-public-theme="turkmod"] .fa-dyalog:before{content:"\f399"}html[data-public-theme="turkmod"] .fa-earlybirds:before{content:"\f39a"}html[data-public-theme="turkmod"] .fa-ebay:before{content:"\f4f4"}html[data-public-theme="turkmod"] .fa-edge:before{content:"\f282"}html[data-public-theme="turkmod"] .fa-edge-legacy:before{content:"\e078"}html[data-public-theme="turkmod"] .fa-elementor:before{content:"\f430"}html[data-public-theme="turkmod"] .fa-ello:before{content:"\f5f1"}html[data-public-theme="turkmod"] .fa-ember:before{content:"\f423"}html[data-public-theme="turkmod"] .fa-empire:before{content:"\f1d1"}html[data-public-theme="turkmod"] .fa-envira:before{content:"\f299"}html[data-public-theme="turkmod"] .fa-erlang:before{content:"\f39d"}html[data-public-theme="turkmod"] .fa-ethereum:before{content:"\f42e"}html[data-public-theme="turkmod"] .fa-etsy:before{content:"\f2d7"}html[data-public-theme="turkmod"] .fa-evernote:before{content:"\f839"}html[data-public-theme="turkmod"] .fa-expeditedssl:before{content:"\f23e"}html[data-public-theme="turkmod"] .fa-facebook:before{content:"\f09a"}html[data-public-theme="turkmod"] .fa-facebook-f:before{content:"\f39e"}html[data-public-theme="turkmod"] .fa-facebook-messenger:before{content:"\f39f"}html[data-public-theme="turkmod"] .fa-facebook-square:before{content:"\f082"}html[data-public-theme="turkmod"] .fa-fantasy-flight-games:before{content:"\f6dc"}html[data-public-theme="turkmod"] .fa-fedex:before{content:"\f797"}html[data-public-theme="turkmod"] .fa-fedora:before{content:"\f798"}html[data-public-theme="turkmod"] .fa-figma:before{content:"\f799"}html[data-public-theme="turkmod"] .fa-firefox:before{content:"\f269"}html[data-public-theme="turkmod"] .fa-firefox-browser:before{content:"\e007"}html[data-public-theme="turkmod"] .fa-first-order:before{content:"\f2b0"}html[data-public-theme="turkmod"] .fa-first-order-alt:before{content:"\f50a"}html[data-public-theme="turkmod"] .fa-firstdraft:before{content:"\f3a1"}html[data-public-theme="turkmod"] .fa-flickr:before{content:"\f16e"}html[data-public-theme="turkmod"] .fa-flipboard:before{content:"\f44d"}html[data-public-theme="turkmod"] .fa-fly:before{content:"\f417"}html[data-public-theme="turkmod"] .fa-font-awesome-flag:before,html[data-public-theme="turkmod"] .fa-font-awesome-logo-full:before,html[data-public-theme="turkmod"] .fa-font-awesome:before{content:"\f2b4"}html[data-public-theme="turkmod"] .fa-fonticons:before{content:"\f280"}html[data-public-theme="turkmod"] .fa-fonticons-fi:before{content:"\f3a2"}html[data-public-theme="turkmod"] .fa-fort-awesome:before{content:"\f286"}html[data-public-theme="turkmod"] .fa-fort-awesome-alt:before{content:"\f3a3"}html[data-public-theme="turkmod"] .fa-forumbee:before{content:"\f211"}html[data-public-theme="turkmod"] .fa-foursquare:before{content:"\f180"}html[data-public-theme="turkmod"] .fa-free-code-camp:before{content:"\f2c5"}html[data-public-theme="turkmod"] .fa-freebsd:before{content:"\f3a4"}html[data-public-theme="turkmod"] .fa-fulcrum:before{content:"\f50b"}html[data-public-theme="turkmod"] .fa-galactic-republic:before{content:"\f50c"}html[data-public-theme="turkmod"] .fa-galactic-senate:before{content:"\f50d"}html[data-public-theme="turkmod"] .fa-get-pocket:before{content:"\f265"}html[data-public-theme="turkmod"] .fa-gg:before{content:"\f260"}html[data-public-theme="turkmod"] .fa-gg-circle:before{content:"\f261"}html[data-public-theme="turkmod"] .fa-git:before{content:"\f1d3"}html[data-public-theme="turkmod"] .fa-git-alt:before{content:"\f841"}html[data-public-theme="turkmod"] .fa-git-square:before{content:"\f1d2"}html[data-public-theme="turkmod"] .fa-github:before{content:"\f09b"}html[data-public-theme="turkmod"] .fa-github-alt:before{content:"\f113"}html[data-public-theme="turkmod"] .fa-github-square:before{content:"\f092"}html[data-public-theme="turkmod"] .fa-gitkraken:before{content:"\f3a6"}html[data-public-theme="turkmod"] .fa-gitlab:before{content:"\f296"}html[data-public-theme="turkmod"] .fa-gitter:before{content:"\f426"}html[data-public-theme="turkmod"] .fa-glide:before{content:"\f2a5"}html[data-public-theme="turkmod"] .fa-glide-g:before{content:"\f2a6"}html[data-public-theme="turkmod"] .fa-gofore:before{content:"\f3a7"}html[data-public-theme="turkmod"] .fa-golang:before{content:"\e40f"}html[data-public-theme="turkmod"] .fa-goodreads:before{content:"\f3a8"}html[data-public-theme="turkmod"] .fa-goodreads-g:before{content:"\f3a9"}html[data-public-theme="turkmod"] .fa-google:before{content:"\f1a0"}html[data-public-theme="turkmod"] .fa-google-drive:before{content:"\f3aa"}html[data-public-theme="turkmod"] .fa-google-pay:before{content:"\e079"}html[data-public-theme="turkmod"] .fa-google-play:before{content:"\f3ab"}html[data-public-theme="turkmod"] .fa-google-plus:before{content:"\f2b3"}html[data-public-theme="turkmod"] .fa-google-plus-g:before{content:"\f0d5"}html[data-public-theme="turkmod"] .fa-google-plus-square:before{content:"\f0d4"}html[data-public-theme="turkmod"] .fa-google-wallet:before{content:"\f1ee"}html[data-public-theme="turkmod"] .fa-gratipay:before{content:"\f184"}html[data-public-theme="turkmod"] .fa-grav:before{content:"\f2d6"}html[data-public-theme="turkmod"] .fa-gripfire:before{content:"\f3ac"}html[data-public-theme="turkmod"] .fa-grunt:before{content:"\f3ad"}html[data-public-theme="turkmod"] .fa-guilded:before{content:"\e07e"}html[data-public-theme="turkmod"] .fa-gulp:before{content:"\f3ae"}html[data-public-theme="turkmod"] .fa-hacker-news:before{content:"\f1d4"}html[data-public-theme="turkmod"] .fa-hacker-news-square:before{content:"\f3af"}html[data-public-theme="turkmod"] .fa-hackerrank:before{content:"\f5f7"}html[data-public-theme="turkmod"] .fa-hashnode:before{content:"\e499"}html[data-public-theme="turkmod"] .fa-hips:before{content:"\f452"}html[data-public-theme="turkmod"] .fa-hire-a-helper:before{content:"\f3b0"}html[data-public-theme="turkmod"] .fa-hive:before{content:"\e07f"}html[data-public-theme="turkmod"] .fa-hooli:before{content:"\f427"}html[data-public-theme="turkmod"] .fa-hornbill:before{content:"\f592"}html[data-public-theme="turkmod"] .fa-hotjar:before{content:"\f3b1"}html[data-public-theme="turkmod"] .fa-houzz:before{content:"\f27c"}html[data-public-theme="turkmod"] .fa-html5:before{content:"\f13b"}html[data-public-theme="turkmod"] .fa-hubspot:before{content:"\f3b2"}html[data-public-theme="turkmod"] .fa-ideal:before{content:"\e013"}html[data-public-theme="turkmod"] .fa-imdb:before{content:"\f2d8"}html[data-public-theme="turkmod"] .fa-instagram:before{content:"\f16d"}html[data-public-theme="turkmod"] .fa-instagram-square:before{content:"\e055"}html[data-public-theme="turkmod"] .fa-instalod:before{content:"\e081"}html[data-public-theme="turkmod"] .fa-intercom:before{content:"\f7af"}html[data-public-theme="turkmod"] .fa-internet-explorer:before{content:"\f26b"}html[data-public-theme="turkmod"] .fa-invision:before{content:"\f7b0"}html[data-public-theme="turkmod"] .fa-ioxhost:before{content:"\f208"}html[data-public-theme="turkmod"] .fa-itch-io:before{content:"\f83a"}html[data-public-theme="turkmod"] .fa-itunes:before{content:"\f3b4"}html[data-public-theme="turkmod"] .fa-itunes-note:before{content:"\f3b5"}html[data-public-theme="turkmod"] .fa-java:before{content:"\f4e4"}html[data-public-theme="turkmod"] .fa-jedi-order:before{content:"\f50e"}html[data-public-theme="turkmod"] .fa-jenkins:before{content:"\f3b6"}html[data-public-theme="turkmod"] .fa-jira:before{content:"\f7b1"}html[data-public-theme="turkmod"] .fa-joget:before{content:"\f3b7"}html[data-public-theme="turkmod"] .fa-joomla:before{content:"\f1aa"}html[data-public-theme="turkmod"] .fa-js:before{content:"\f3b8"}html[data-public-theme="turkmod"] .fa-js-square:before{content:"\f3b9"}html[data-public-theme="turkmod"] .fa-jsfiddle:before{content:"\f1cc"}html[data-public-theme="turkmod"] .fa-kaggle:before{content:"\f5fa"}html[data-public-theme="turkmod"] .fa-keybase:before{content:"\f4f5"}html[data-public-theme="turkmod"] .fa-keycdn:before{content:"\f3ba"}html[data-public-theme="turkmod"] .fa-kickstarter:before{content:"\f3bb"}html[data-public-theme="turkmod"] .fa-kickstarter-k:before{content:"\f3bc"}html[data-public-theme="turkmod"] .fa-korvue:before{content:"\f42f"}html[data-public-theme="turkmod"] .fa-laravel:before{content:"\f3bd"}html[data-public-theme="turkmod"] .fa-lastfm:before{content:"\f202"}html[data-public-theme="turkmod"] .fa-lastfm-square:before{content:"\f203"}html[data-public-theme="turkmod"] .fa-leanpub:before{content:"\f212"}html[data-public-theme="turkmod"] .fa-less:before{content:"\f41d"}html[data-public-theme="turkmod"] .fa-line:before{content:"\f3c0"}html[data-public-theme="turkmod"] .fa-linkedin:before{content:"\f08c"}html[data-public-theme="turkmod"] .fa-linkedin-in:before{content:"\f0e1"}html[data-public-theme="turkmod"] .fa-linode:before{content:"\f2b8"}html[data-public-theme="turkmod"] .fa-linux:before{content:"\f17c"}html[data-public-theme="turkmod"] .fa-lyft:before{content:"\f3c3"}html[data-public-theme="turkmod"] .fa-magento:before{content:"\f3c4"}html[data-public-theme="turkmod"] .fa-mailchimp:before{content:"\f59e"}html[data-public-theme="turkmod"] .fa-mandalorian:before{content:"\f50f"}html[data-public-theme="turkmod"] .fa-markdown:before{content:"\f60f"}html[data-public-theme="turkmod"] .fa-mastodon:before{content:"\f4f6"}html[data-public-theme="turkmod"] .fa-maxcdn:before{content:"\f136"}html[data-public-theme="turkmod"] .fa-mdb:before{content:"\f8ca"}html[data-public-theme="turkmod"] .fa-medapps:before{content:"\f3c6"}html[data-public-theme="turkmod"] .fa-medium-m:before,html[data-public-theme="turkmod"] .fa-medium:before{content:"\f23a"}html[data-public-theme="turkmod"] .fa-medrt:before{content:"\f3c8"}html[data-public-theme="turkmod"] .fa-meetup:before{content:"\f2e0"}html[data-public-theme="turkmod"] .fa-megaport:before{content:"\f5a3"}html[data-public-theme="turkmod"] .fa-mendeley:before{content:"\f7b3"}html[data-public-theme="turkmod"] .fa-microblog:before{content:"\e01a"}html[data-public-theme="turkmod"] .fa-microsoft:before{content:"\f3ca"}html[data-public-theme="turkmod"] .fa-mix:before{content:"\f3cb"}html[data-public-theme="turkmod"] .fa-mixcloud:before{content:"\f289"}html[data-public-theme="turkmod"] .fa-mixer:before{content:"\e056"}html[data-public-theme="turkmod"] .fa-mizuni:before{content:"\f3cc"}html[data-public-theme="turkmod"] .fa-modx:before{content:"\f285"}html[data-public-theme="turkmod"] .fa-monero:before{content:"\f3d0"}html[data-public-theme="turkmod"] .fa-napster:before{content:"\f3d2"}html[data-public-theme="turkmod"] .fa-neos:before{content:"\f612"}html[data-public-theme="turkmod"] .fa-nfc-directional:before{content:"\e530"}html[data-public-theme="turkmod"] .fa-nfc-symbol:before{content:"\e531"}html[data-public-theme="turkmod"] .fa-nimblr:before{content:"\f5a8"}html[data-public-theme="turkmod"] .fa-node:before{content:"\f419"}html[data-public-theme="turkmod"] .fa-node-js:before{content:"\f3d3"}html[data-public-theme="turkmod"] .fa-npm:before{content:"\f3d4"}html[data-public-theme="turkmod"] .fa-ns8:before{content:"\f3d5"}html[data-public-theme="turkmod"] .fa-nutritionix:before{content:"\f3d6"}html[data-public-theme="turkmod"] .fa-octopus-deploy:before{content:"\e082"}html[data-public-theme="turkmod"] .fa-odnoklassniki:before{content:"\f263"}html[data-public-theme="turkmod"] .fa-odnoklassniki-square:before{content:"\f264"}html[data-public-theme="turkmod"] .fa-old-republic:before{content:"\f510"}html[data-public-theme="turkmod"] .fa-opencart:before{content:"\f23d"}html[data-public-theme="turkmod"] .fa-openid:before{content:"\f19b"}html[data-public-theme="turkmod"] .fa-opera:before{content:"\f26a"}html[data-public-theme="turkmod"] .fa-optin-monster:before{content:"\f23c"}html[data-public-theme="turkmod"] .fa-orcid:before{content:"\f8d2"}html[data-public-theme="turkmod"] .fa-osi:before{content:"\f41a"}html[data-public-theme="turkmod"] .fa-padlet:before{content:"\e4a0"}html[data-public-theme="turkmod"] .fa-page4:before{content:"\f3d7"}html[data-public-theme="turkmod"] .fa-pagelines:before{content:"\f18c"}html[data-public-theme="turkmod"] .fa-palfed:before{content:"\f3d8"}html[data-public-theme="turkmod"] .fa-patreon:before{content:"\f3d9"}html[data-public-theme="turkmod"] .fa-paypal:before{content:"\f1ed"}html[data-public-theme="turkmod"] .fa-perbyte:before{content:"\e083"}html[data-public-theme="turkmod"] .fa-periscope:before{content:"\f3da"}html[data-public-theme="turkmod"] .fa-phabricator:before{content:"\f3db"}html[data-public-theme="turkmod"] .fa-phoenix-framework:before{content:"\f3dc"}html[data-public-theme="turkmod"] .fa-phoenix-squadron:before{content:"\f511"}html[data-public-theme="turkmod"] .fa-php:before{content:"\f457"}html[data-public-theme="turkmod"] .fa-pied-piper:before{content:"\f2ae"}html[data-public-theme="turkmod"] .fa-pied-piper-alt:before{content:"\f1a8"}html[data-public-theme="turkmod"] .fa-pied-piper-hat:before{content:"\f4e5"}html[data-public-theme="turkmod"] .fa-pied-piper-pp:before{content:"\f1a7"}html[data-public-theme="turkmod"] .fa-pied-piper-square:before{content:"\e01e"}html[data-public-theme="turkmod"] .fa-pinterest:before{content:"\f0d2"}html[data-public-theme="turkmod"] .fa-pinterest-p:before{content:"\f231"}html[data-public-theme="turkmod"] .fa-pinterest-square:before{content:"\f0d3"}html[data-public-theme="turkmod"] .fa-pix:before{content:"\e43a"}html[data-public-theme="turkmod"] .fa-playstation:before{content:"\f3df"}html[data-public-theme="turkmod"] .fa-product-hunt:before{content:"\f288"}html[data-public-theme="turkmod"] .fa-pushed:before{content:"\f3e1"}html[data-public-theme="turkmod"] .fa-python:before{content:"\f3e2"}html[data-public-theme="turkmod"] .fa-qq:before{content:"\f1d6"}html[data-public-theme="turkmod"] .fa-quinscape:before{content:"\f459"}html[data-public-theme="turkmod"] .fa-quora:before{content:"\f2c4"}html[data-public-theme="turkmod"] .fa-r-project:before{content:"\f4f7"}html[data-public-theme="turkmod"] .fa-raspberry-pi:before{content:"\f7bb"}html[data-public-theme="turkmod"] .fa-ravelry:before{content:"\f2d9"}html[data-public-theme="turkmod"] .fa-react:before{content:"\f41b"}html[data-public-theme="turkmod"] .fa-reacteurope:before{content:"\f75d"}html[data-public-theme="turkmod"] .fa-readme:before{content:"\f4d5"}html[data-public-theme="turkmod"] .fa-rebel:before{content:"\f1d0"}html[data-public-theme="turkmod"] .fa-red-river:before{content:"\f3e3"}html[data-public-theme="turkmod"] .fa-reddit:before{content:"\f1a1"}html[data-public-theme="turkmod"] .fa-reddit-alien:before{content:"\f281"}html[data-public-theme="turkmod"] .fa-reddit-square:before{content:"\f1a2"}html[data-public-theme="turkmod"] .fa-redhat:before{content:"\f7bc"}html[data-public-theme="turkmod"] .fa-renren:before{content:"\f18b"}html[data-public-theme="turkmod"] .fa-replyd:before{content:"\f3e6"}html[data-public-theme="turkmod"] .fa-researchgate:before{content:"\f4f8"}html[data-public-theme="turkmod"] .fa-resolving:before{content:"\f3e7"}html[data-public-theme="turkmod"] .fa-rev:before{content:"\f5b2"}html[data-public-theme="turkmod"] .fa-rocketchat:before{content:"\f3e8"}html[data-public-theme="turkmod"] .fa-rockrms:before{content:"\f3e9"}html[data-public-theme="turkmod"] .fa-rust:before{content:"\e07a"}html[data-public-theme="turkmod"] .fa-safari:before{content:"\f267"}html[data-public-theme="turkmod"] .fa-salesforce:before{content:"\f83b"}html[data-public-theme="turkmod"] .fa-sass:before{content:"\f41e"}html[data-public-theme="turkmod"] .fa-schlix:before{content:"\f3ea"}html[data-public-theme="turkmod"] .fa-screenpal:before{content:"\e570"}html[data-public-theme="turkmod"] .fa-scribd:before{content:"\f28a"}html[data-public-theme="turkmod"] .fa-searchengin:before{content:"\f3eb"}html[data-public-theme="turkmod"] .fa-sellcast:before{content:"\f2da"}html[data-public-theme="turkmod"] .fa-sellsy:before{content:"\f213"}html[data-public-theme="turkmod"] .fa-servicestack:before{content:"\f3ec"}html[data-public-theme="turkmod"] .fa-shirtsinbulk:before{content:"\f214"}html[data-public-theme="turkmod"] .fa-shopify:before{content:"\e057"}html[data-public-theme="turkmod"] .fa-shopware:before{content:"\f5b5"}html[data-public-theme="turkmod"] .fa-simplybuilt:before{content:"\f215"}html[data-public-theme="turkmod"] .fa-sistrix:before{content:"\f3ee"}html[data-public-theme="turkmod"] .fa-sith:before{content:"\f512"}html[data-public-theme="turkmod"] .fa-sitrox:before{content:"\e44a"}html[data-public-theme="turkmod"] .fa-sketch:before{content:"\f7c6"}html[data-public-theme="turkmod"] .fa-skyatlas:before{content:"\f216"}html[data-public-theme="turkmod"] .fa-skype:before{content:"\f17e"}html[data-public-theme="turkmod"] .fa-slack-hash:before,html[data-public-theme="turkmod"] .fa-slack:before{content:"\f198"}html[data-public-theme="turkmod"] .fa-slideshare:before{content:"\f1e7"}html[data-public-theme="turkmod"] .fa-snapchat-ghost:before,html[data-public-theme="turkmod"] .fa-snapchat:before{content:"\f2ab"}html[data-public-theme="turkmod"] .fa-snapchat-square:before{content:"\f2ad"}html[data-public-theme="turkmod"] .fa-soundcloud:before{content:"\f1be"}html[data-public-theme="turkmod"] .fa-sourcetree:before{content:"\f7d3"}html[data-public-theme="turkmod"] .fa-speakap:before{content:"\f3f3"}html[data-public-theme="turkmod"] .fa-speaker-deck:before{content:"\f83c"}html[data-public-theme="turkmod"] .fa-spotify:before{content:"\f1bc"}html[data-public-theme="turkmod"] .fa-square-font-awesome:before{content:"\f425"}html[data-public-theme="turkmod"] .fa-font-awesome-alt:before,html[data-public-theme="turkmod"] .fa-square-font-awesome-stroke:before{content:"\f35c"}html[data-public-theme="turkmod"] .fa-squarespace:before{content:"\f5be"}html[data-public-theme="turkmod"] .fa-stack-exchange:before{content:"\f18d"}html[data-public-theme="turkmod"] .fa-stack-overflow:before{content:"\f16c"}html[data-public-theme="turkmod"] .fa-stackpath:before{content:"\f842"}html[data-public-theme="turkmod"] .fa-staylinked:before{content:"\f3f5"}html[data-public-theme="turkmod"] .fa-steam:before{content:"\f1b6"}html[data-public-theme="turkmod"] .fa-steam-square:before{content:"\f1b7"}html[data-public-theme="turkmod"] .fa-steam-symbol:before{content:"\f3f6"}html[data-public-theme="turkmod"] .fa-sticker-mule:before{content:"\f3f7"}html[data-public-theme="turkmod"] .fa-strava:before{content:"\f428"}html[data-public-theme="turkmod"] .fa-stripe:before{content:"\f429"}html[data-public-theme="turkmod"] .fa-stripe-s:before{content:"\f42a"}html[data-public-theme="turkmod"] .fa-studiovinari:before{content:"\f3f8"}html[data-public-theme="turkmod"] .fa-stumbleupon:before{content:"\f1a4"}html[data-public-theme="turkmod"] .fa-stumbleupon-circle:before{content:"\f1a3"}html[data-public-theme="turkmod"] .fa-superpowers:before{content:"\f2dd"}html[data-public-theme="turkmod"] .fa-supple:before{content:"\f3f9"}html[data-public-theme="turkmod"] .fa-suse:before{content:"\f7d6"}html[data-public-theme="turkmod"] .fa-swift:before{content:"\f8e1"}html[data-public-theme="turkmod"] .fa-symfony:before{content:"\f83d"}html[data-public-theme="turkmod"] .fa-teamspeak:before{content:"\f4f9"}html[data-public-theme="turkmod"] .fa-telegram-plane:before,html[data-public-theme="turkmod"] .fa-telegram:before{content:"\f2c6"}html[data-public-theme="turkmod"] .fa-tencent-weibo:before{content:"\f1d5"}html[data-public-theme="turkmod"] .fa-the-red-yeti:before{content:"\f69d"}html[data-public-theme="turkmod"] .fa-themeco:before{content:"\f5c6"}html[data-public-theme="turkmod"] .fa-themeisle:before{content:"\f2b2"}html[data-public-theme="turkmod"] .fa-think-peaks:before{content:"\f731"}html[data-public-theme="turkmod"] .fa-tiktok:before{content:"\e07b"}html[data-public-theme="turkmod"] .fa-trade-federation:before{content:"\f513"}html[data-public-theme="turkmod"] .fa-trello:before{content:"\f181"}html[data-public-theme="turkmod"] .fa-tumblr:before{content:"\f173"}html[data-public-theme="turkmod"] .fa-tumblr-square:before{content:"\f174"}html[data-public-theme="turkmod"] .fa-twitch:before{content:"\f1e8"}html[data-public-theme="turkmod"] .fa-twitter:before{content:"\f099"}html[data-public-theme="turkmod"] .fa-twitter-square:before{content:"\f081"}html[data-public-theme="turkmod"] .fa-typo3:before{content:"\f42b"}html[data-public-theme="turkmod"] .fa-uber:before{content:"\f402"}html[data-public-theme="turkmod"] .fa-ubuntu:before{content:"\f7df"}html[data-public-theme="turkmod"] .fa-uikit:before{content:"\f403"}html[data-public-theme="turkmod"] .fa-umbraco:before{content:"\f8e8"}html[data-public-theme="turkmod"] .fa-uncharted:before{content:"\e084"}html[data-public-theme="turkmod"] .fa-uniregistry:before{content:"\f404"}html[data-public-theme="turkmod"] .fa-unity:before{content:"\e049"}html[data-public-theme="turkmod"] .fa-unsplash:before{content:"\e07c"}html[data-public-theme="turkmod"] .fa-untappd:before{content:"\f405"}html[data-public-theme="turkmod"] .fa-ups:before{content:"\f7e0"}html[data-public-theme="turkmod"] .fa-usb:before{content:"\f287"}html[data-public-theme="turkmod"] .fa-usps:before{content:"\f7e1"}html[data-public-theme="turkmod"] .fa-ussunnah:before{content:"\f407"}html[data-public-theme="turkmod"] .fa-vaadin:before{content:"\f408"}html[data-public-theme="turkmod"] .fa-viacoin:before{content:"\f237"}html[data-public-theme="turkmod"] .fa-viadeo:before{content:"\f2a9"}html[data-public-theme="turkmod"] .fa-viadeo-square:before{content:"\f2aa"}html[data-public-theme="turkmod"] .fa-viber:before{content:"\f409"}html[data-public-theme="turkmod"] .fa-vimeo:before{content:"\f40a"}html[data-public-theme="turkmod"] .fa-vimeo-square:before{content:"\f194"}html[data-public-theme="turkmod"] .fa-vimeo-v:before{content:"\f27d"}html[data-public-theme="turkmod"] .fa-vine:before{content:"\f1ca"}html[data-public-theme="turkmod"] .fa-vk:before{content:"\f189"}html[data-public-theme="turkmod"] .fa-vnv:before{content:"\f40b"}html[data-public-theme="turkmod"] .fa-vuejs:before{content:"\f41f"}html[data-public-theme="turkmod"] .fa-watchman-monitoring:before{content:"\e087"}html[data-public-theme="turkmod"] .fa-waze:before{content:"\f83f"}html[data-public-theme="turkmod"] .fa-weebly:before{content:"\f5cc"}html[data-public-theme="turkmod"] .fa-weibo:before{content:"\f18a"}html[data-public-theme="turkmod"] .fa-weixin:before{content:"\f1d7"}html[data-public-theme="turkmod"] .fa-whatsapp:before{content:"\f232"}html[data-public-theme="turkmod"] .fa-whatsapp-square:before{content:"\f40c"}html[data-public-theme="turkmod"] .fa-whmcs:before{content:"\f40d"}html[data-public-theme="turkmod"] .fa-wikipedia-w:before{content:"\f266"}html[data-public-theme="turkmod"] .fa-windows:before{content:"\f17a"}html[data-public-theme="turkmod"] .fa-wirsindhandwerk:before,html[data-public-theme="turkmod"] .fa-wsh:before{content:"\e2d0"}html[data-public-theme="turkmod"] .fa-wix:before{content:"\f5cf"}html[data-public-theme="turkmod"] .fa-wizards-of-the-coast:before{content:"\f730"}html[data-public-theme="turkmod"] .fa-wodu:before{content:"\e088"}html[data-public-theme="turkmod"] .fa-wolf-pack-battalion:before{content:"\f514"}html[data-public-theme="turkmod"] .fa-wordpress:before{content:"\f19a"}html[data-public-theme="turkmod"] .fa-wordpress-simple:before{content:"\f411"}html[data-public-theme="turkmod"] .fa-wpbeginner:before{content:"\f297"}html[data-public-theme="turkmod"] .fa-wpexplorer:before{content:"\f2de"}html[data-public-theme="turkmod"] .fa-wpforms:before{content:"\f298"}html[data-public-theme="turkmod"] .fa-wpressr:before{content:"\f3e4"}html[data-public-theme="turkmod"] .fa-xbox:before{content:"\f412"}html[data-public-theme="turkmod"] .fa-xing:before{content:"\f168"}html[data-public-theme="turkmod"] .fa-xing-square:before{content:"\f169"}html[data-public-theme="turkmod"] .fa-y-combinator:before{content:"\f23b"}html[data-public-theme="turkmod"] .fa-yahoo:before{content:"\f19e"}html[data-public-theme="turkmod"] .fa-yammer:before{content:"\f840"}html[data-public-theme="turkmod"] .fa-yandex:before{content:"\f413"}html[data-public-theme="turkmod"] .fa-yandex-international:before{content:"\f414"}html[data-public-theme="turkmod"] .fa-yarn:before{content:"\f7e3"}html[data-public-theme="turkmod"] .fa-yelp:before{content:"\f1e9"}html[data-public-theme="turkmod"] .fa-yoast:before{content:"\f2b1"}html[data-public-theme="turkmod"] .fa-youtube:before{content:"\f167"}html[data-public-theme="turkmod"] .fa-youtube-square:before{content:"\f431"}html[data-public-theme="turkmod"] .fa-zhihu:before{content:"\f63f"}html[data-public-theme="turkmod"],html[data-public-theme="turkmod"]{--fa-font-regular:normal 400 1em/1 "Font Awesome 6 Free"}@font-face{font-family:"Font Awesome 6 Free";font-style:normal;font-weight:400;font-display:block;src:url(../webfonts/fa-regular-400.woff2) format("woff2"),url(../webfonts/fa-regular-400.ttf) format("truetype")}html[data-public-theme="turkmod"] .fa-regular,html[data-public-theme="turkmod"] .far{font-family:"Font Awesome 6 Free";font-weight:400}html[data-public-theme="turkmod"],html[data-public-theme="turkmod"]{--fa-font-solid:normal 900 1em/1 "Font Awesome 6 Free"}@font-face{font-family:"Font Awesome 6 Free";font-style:normal;font-weight:900;font-display:block;src:url(../webfonts/fa-solid-900.woff2) format("woff2"),url(../webfonts/fa-solid-900.ttf) format("truetype")}html[data-public-theme="turkmod"] .fa-solid,html[data-public-theme="turkmod"] .fas{font-family:"Font Awesome 6 Free";font-weight:900}@font-face{font-family:"Font Awesome 5 Brands";font-display:block;font-weight:400;src:url(../webfonts/fa-brands-400.woff2) format("woff2"),url(../webfonts/fa-brands-400.ttf) format("truetype")}@font-face{font-family:"Font Awesome 5 Free";font-display:block;font-weight:900;src:url(../webfonts/fa-solid-900.woff2) format("woff2"),url(../webfonts/fa-solid-900.ttf) format("truetype")}@font-face{font-family:"Font Awesome 5 Free";font-display:block;font-weight:400;src:url(../webfonts/fa-regular-400.woff2) format("woff2"),url(../webfonts/fa-regular-400.ttf) format("truetype")}@font-face{font-family:"FontAwesome";font-display:block;src:url(../webfonts/fa-solid-900.woff2) format("woff2"),url(../webfonts/fa-solid-900.ttf) format("truetype")}@font-face{font-family:"FontAwesome";font-display:block;src:url(../webfonts/fa-brands-400.woff2) format("woff2"),url(../webfonts/fa-brands-400.ttf) format("truetype")}@font-face{font-family:"FontAwesome";font-display:block;src:url(../webfonts/fa-regular-400.woff2) format("woff2"),url(../webfonts/fa-regular-400.ttf) format("truetype");unicode-range:u+f003,u+f006,u+f014,u+f016-f017,u+f01a-f01b,u+f01d,u+f022,u+f03e,u+f044,u+f046,u+f05c-f05d,u+f06e,u+f070,u+f087-f088,u+f08a,u+f094,u+f096-f097,u+f09d,u+f0a0,u+f0a2,u+f0a4-f0a7,u+f0c5,u+f0c7,u+f0e5-f0e6,u+f0eb,u+f0f6-f0f8,u+f10c,u+f114-f115,u+f118-f11a,u+f11c-f11d,u+f133,u+f147,u+f14e,u+f150-f152,u+f185-f186,u+f18e,u+f190-f192,u+f196,u+f1c1-f1c9,u+f1d9,u+f1db,u+f1e3,u+f1ea,u+f1f7,u+f1f9,u+f20a,u+f247-f248,u+f24a,u+f24d,u+f255-f25b,u+f25d,u+f271-f274,u+f278,u+f27b,u+f28c,u+f28e,u+f29c,u+f2b5,u+f2b7,u+f2ba,u+f2bc,u+f2be,u+f2c0-f2c1,u+f2c3,u+f2d0,u+f2d2,u+f2d4,u+f2dc}@font-face{font-family:"FontAwesome";font-display:block;src:url(../webfonts/fa-v4compatibility.woff2) format("woff2"),url(../webfonts/fa-v4compatibility.ttf) format("truetype");unicode-range:u+f041,u+f047,u+f065-f066,u+f07d-f07e,u+f080,u+f08b,u+f08e,u+f090,u+f09a,u+f0ac,u+f0ae,u+f0b2,u+f0d0,u+f0d6,u+f0e4,u+f0ec,u+f10a-f10b,u+f123,u+f13e,u+f148-f149,u+f14c,u+f156,u+f15e,u+f160-f161,u+f163,u+f175-f178,u+f195,u+f1f8,u+f219,u+f250,u+f252,u+f27a}
/* --- bootstrap-icons.css --- */
@font-face {
  font-family: "bootstrap-icons";
  src: url("../webfonts/bootstrap-icons.woff2?524846017b983fc8ded9325d94ed40f3") format("woff2"),
url("../webfonts/bootstrap-icons.woff?524846017b983fc8ded9325d94ed40f3") format("woff");
}

html[data-public-theme="turkmod"] .bi::before,
html[data-public-theme="turkmod"] [class^="bi-"]::before,
html[data-public-theme="turkmod"] [class*=" bi-"]::before {
  display: inline-block;
  font-family: bootstrap-icons !important;
  font-style: normal;
  font-weight: normal !important;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  vertical-align: -.125em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

html[data-public-theme="turkmod"] .bi-123::before { content: "\f67f"; }
html[data-public-theme="turkmod"] .bi-alarm-fill::before { content: "\f101"; }
html[data-public-theme="turkmod"] .bi-alarm::before { content: "\f102"; }
html[data-public-theme="turkmod"] .bi-align-bottom::before { content: "\f103"; }
html[data-public-theme="turkmod"] .bi-align-center::before { content: "\f104"; }
html[data-public-theme="turkmod"] .bi-align-end::before { content: "\f105"; }
html[data-public-theme="turkmod"] .bi-align-middle::before { content: "\f106"; }
html[data-public-theme="turkmod"] .bi-align-start::before { content: "\f107"; }
html[data-public-theme="turkmod"] .bi-align-top::before { content: "\f108"; }
html[data-public-theme="turkmod"] .bi-alt::before { content: "\f109"; }
html[data-public-theme="turkmod"] .bi-app-indicator::before { content: "\f10a"; }
html[data-public-theme="turkmod"] .bi-app::before { content: "\f10b"; }
html[data-public-theme="turkmod"] .bi-archive-fill::before { content: "\f10c"; }
html[data-public-theme="turkmod"] .bi-archive::before { content: "\f10d"; }
html[data-public-theme="turkmod"] .bi-arrow-90deg-down::before { content: "\f10e"; }
html[data-public-theme="turkmod"] .bi-arrow-90deg-left::before { content: "\f10f"; }
html[data-public-theme="turkmod"] .bi-arrow-90deg-right::before { content: "\f110"; }
html[data-public-theme="turkmod"] .bi-arrow-90deg-up::before { content: "\f111"; }
html[data-public-theme="turkmod"] .bi-arrow-bar-down::before { content: "\f112"; }
html[data-public-theme="turkmod"] .bi-arrow-bar-left::before { content: "\f113"; }
html[data-public-theme="turkmod"] .bi-arrow-bar-right::before { content: "\f114"; }
html[data-public-theme="turkmod"] .bi-arrow-bar-up::before { content: "\f115"; }
html[data-public-theme="turkmod"] .bi-arrow-clockwise::before { content: "\f116"; }
html[data-public-theme="turkmod"] .bi-arrow-counterclockwise::before { content: "\f117"; }
html[data-public-theme="turkmod"] .bi-arrow-down-circle-fill::before { content: "\f118"; }
html[data-public-theme="turkmod"] .bi-arrow-down-circle::before { content: "\f119"; }
html[data-public-theme="turkmod"] .bi-arrow-down-left-circle-fill::before { content: "\f11a"; }
html[data-public-theme="turkmod"] .bi-arrow-down-left-circle::before { content: "\f11b"; }
html[data-public-theme="turkmod"] .bi-arrow-down-left-square-fill::before { content: "\f11c"; }
html[data-public-theme="turkmod"] .bi-arrow-down-left-square::before { content: "\f11d"; }
html[data-public-theme="turkmod"] .bi-arrow-down-left::before { content: "\f11e"; }
html[data-public-theme="turkmod"] .bi-arrow-down-right-circle-fill::before { content: "\f11f"; }
html[data-public-theme="turkmod"] .bi-arrow-down-right-circle::before { content: "\f120"; }
html[data-public-theme="turkmod"] .bi-arrow-down-right-square-fill::before { content: "\f121"; }
html[data-public-theme="turkmod"] .bi-arrow-down-right-square::before { content: "\f122"; }
html[data-public-theme="turkmod"] .bi-arrow-down-right::before { content: "\f123"; }
html[data-public-theme="turkmod"] .bi-arrow-down-short::before { content: "\f124"; }
html[data-public-theme="turkmod"] .bi-arrow-down-square-fill::before { content: "\f125"; }
html[data-public-theme="turkmod"] .bi-arrow-down-square::before { content: "\f126"; }
html[data-public-theme="turkmod"] .bi-arrow-down-up::before { content: "\f127"; }
html[data-public-theme="turkmod"] .bi-arrow-down::before { content: "\f128"; }
html[data-public-theme="turkmod"] .bi-arrow-left-circle-fill::before { content: "\f129"; }
html[data-public-theme="turkmod"] .bi-arrow-left-circle::before { content: "\f12a"; }
html[data-public-theme="turkmod"] .bi-arrow-left-right::before { content: "\f12b"; }
html[data-public-theme="turkmod"] .bi-arrow-left-short::before { content: "\f12c"; }
html[data-public-theme="turkmod"] .bi-arrow-left-square-fill::before { content: "\f12d"; }
html[data-public-theme="turkmod"] .bi-arrow-left-square::before { content: "\f12e"; }
html[data-public-theme="turkmod"] .bi-arrow-left::before { content: "\f12f"; }
html[data-public-theme="turkmod"] .bi-arrow-repeat::before { content: "\f130"; }
html[data-public-theme="turkmod"] .bi-arrow-return-left::before { content: "\f131"; }
html[data-public-theme="turkmod"] .bi-arrow-return-right::before { content: "\f132"; }
html[data-public-theme="turkmod"] .bi-arrow-right-circle-fill::before { content: "\f133"; }
html[data-public-theme="turkmod"] .bi-arrow-right-circle::before { content: "\f134"; }
html[data-public-theme="turkmod"] .bi-arrow-right-short::before { content: "\f135"; }
html[data-public-theme="turkmod"] .bi-arrow-right-square-fill::before { content: "\f136"; }
html[data-public-theme="turkmod"] .bi-arrow-right-square::before { content: "\f137"; }
html[data-public-theme="turkmod"] .bi-arrow-right::before { content: "\f138"; }
html[data-public-theme="turkmod"] .bi-arrow-up-circle-fill::before { content: "\f139"; }
html[data-public-theme="turkmod"] .bi-arrow-up-circle::before { content: "\f13a"; }
html[data-public-theme="turkmod"] .bi-arrow-up-left-circle-fill::before { content: "\f13b"; }
html[data-public-theme="turkmod"] .bi-arrow-up-left-circle::before { content: "\f13c"; }
html[data-public-theme="turkmod"] .bi-arrow-up-left-square-fill::before { content: "\f13d"; }
html[data-public-theme="turkmod"] .bi-arrow-up-left-square::before { content: "\f13e"; }
html[data-public-theme="turkmod"] .bi-arrow-up-left::before { content: "\f13f"; }
html[data-public-theme="turkmod"] .bi-arrow-up-right-circle-fill::before { content: "\f140"; }
html[data-public-theme="turkmod"] .bi-arrow-up-right-circle::before { content: "\f141"; }
html[data-public-theme="turkmod"] .bi-arrow-up-right-square-fill::before { content: "\f142"; }
html[data-public-theme="turkmod"] .bi-arrow-up-right-square::before { content: "\f143"; }
html[data-public-theme="turkmod"] .bi-arrow-up-right::before { content: "\f144"; }
html[data-public-theme="turkmod"] .bi-arrow-up-short::before { content: "\f145"; }
html[data-public-theme="turkmod"] .bi-arrow-up-square-fill::before { content: "\f146"; }
html[data-public-theme="turkmod"] .bi-arrow-up-square::before { content: "\f147"; }
html[data-public-theme="turkmod"] .bi-arrow-up::before { content: "\f148"; }
html[data-public-theme="turkmod"] .bi-arrows-angle-contract::before { content: "\f149"; }
html[data-public-theme="turkmod"] .bi-arrows-angle-expand::before { content: "\f14a"; }
html[data-public-theme="turkmod"] .bi-arrows-collapse::before { content: "\f14b"; }
html[data-public-theme="turkmod"] .bi-arrows-expand::before { content: "\f14c"; }
html[data-public-theme="turkmod"] .bi-arrows-fullscreen::before { content: "\f14d"; }
html[data-public-theme="turkmod"] .bi-arrows-move::before { content: "\f14e"; }
html[data-public-theme="turkmod"] .bi-aspect-ratio-fill::before { content: "\f14f"; }
html[data-public-theme="turkmod"] .bi-aspect-ratio::before { content: "\f150"; }
html[data-public-theme="turkmod"] .bi-asterisk::before { content: "\f151"; }
html[data-public-theme="turkmod"] .bi-at::before { content: "\f152"; }
html[data-public-theme="turkmod"] .bi-award-fill::before { content: "\f153"; }
html[data-public-theme="turkmod"] .bi-award::before { content: "\f154"; }
html[data-public-theme="turkmod"] .bi-back::before { content: "\f155"; }
html[data-public-theme="turkmod"] .bi-backspace-fill::before { content: "\f156"; }
html[data-public-theme="turkmod"] .bi-backspace-reverse-fill::before { content: "\f157"; }
html[data-public-theme="turkmod"] .bi-backspace-reverse::before { content: "\f158"; }
html[data-public-theme="turkmod"] .bi-backspace::before { content: "\f159"; }
html[data-public-theme="turkmod"] .bi-badge-3d-fill::before { content: "\f15a"; }
html[data-public-theme="turkmod"] .bi-badge-3d::before { content: "\f15b"; }
html[data-public-theme="turkmod"] .bi-badge-4k-fill::before { content: "\f15c"; }
html[data-public-theme="turkmod"] .bi-badge-4k::before { content: "\f15d"; }
html[data-public-theme="turkmod"] .bi-badge-8k-fill::before { content: "\f15e"; }
html[data-public-theme="turkmod"] .bi-badge-8k::before { content: "\f15f"; }
html[data-public-theme="turkmod"] .bi-badge-ad-fill::before { content: "\f160"; }
html[data-public-theme="turkmod"] .bi-badge-ad::before { content: "\f161"; }
html[data-public-theme="turkmod"] .bi-badge-ar-fill::before { content: "\f162"; }
html[data-public-theme="turkmod"] .bi-badge-ar::before { content: "\f163"; }
html[data-public-theme="turkmod"] .bi-badge-cc-fill::before { content: "\f164"; }
html[data-public-theme="turkmod"] .bi-badge-cc::before { content: "\f165"; }
html[data-public-theme="turkmod"] .bi-badge-hd-fill::before { content: "\f166"; }
html[data-public-theme="turkmod"] .bi-badge-hd::before { content: "\f167"; }
html[data-public-theme="turkmod"] .bi-badge-tm-fill::before { content: "\f168"; }
html[data-public-theme="turkmod"] .bi-badge-tm::before { content: "\f169"; }
html[data-public-theme="turkmod"] .bi-badge-vo-fill::before { content: "\f16a"; }
html[data-public-theme="turkmod"] .bi-badge-vo::before { content: "\f16b"; }
html[data-public-theme="turkmod"] .bi-badge-vr-fill::before { content: "\f16c"; }
html[data-public-theme="turkmod"] .bi-badge-vr::before { content: "\f16d"; }
html[data-public-theme="turkmod"] .bi-badge-wc-fill::before { content: "\f16e"; }
html[data-public-theme="turkmod"] .bi-badge-wc::before { content: "\f16f"; }
html[data-public-theme="turkmod"] .bi-bag-check-fill::before { content: "\f170"; }
html[data-public-theme="turkmod"] .bi-bag-check::before { content: "\f171"; }
html[data-public-theme="turkmod"] .bi-bag-dash-fill::before { content: "\f172"; }
html[data-public-theme="turkmod"] .bi-bag-dash::before { content: "\f173"; }
html[data-public-theme="turkmod"] .bi-bag-fill::before { content: "\f174"; }
html[data-public-theme="turkmod"] .bi-bag-plus-fill::before { content: "\f175"; }
html[data-public-theme="turkmod"] .bi-bag-plus::before { content: "\f176"; }
html[data-public-theme="turkmod"] .bi-bag-x-fill::before { content: "\f177"; }
html[data-public-theme="turkmod"] .bi-bag-x::before { content: "\f178"; }
html[data-public-theme="turkmod"] .bi-bag::before { content: "\f179"; }
html[data-public-theme="turkmod"] .bi-bar-chart-fill::before { content: "\f17a"; }
html[data-public-theme="turkmod"] .bi-bar-chart-line-fill::before { content: "\f17b"; }
html[data-public-theme="turkmod"] .bi-bar-chart-line::before { content: "\f17c"; }
html[data-public-theme="turkmod"] .bi-bar-chart-steps::before { content: "\f17d"; }
html[data-public-theme="turkmod"] .bi-bar-chart::before { content: "\f17e"; }
html[data-public-theme="turkmod"] .bi-basket-fill::before { content: "\f17f"; }
html[data-public-theme="turkmod"] .bi-basket::before { content: "\f180"; }
html[data-public-theme="turkmod"] .bi-basket2-fill::before { content: "\f181"; }
html[data-public-theme="turkmod"] .bi-basket2::before { content: "\f182"; }
html[data-public-theme="turkmod"] .bi-basket3-fill::before { content: "\f183"; }
html[data-public-theme="turkmod"] .bi-basket3::before { content: "\f184"; }
html[data-public-theme="turkmod"] .bi-battery-charging::before { content: "\f185"; }
html[data-public-theme="turkmod"] .bi-battery-full::before { content: "\f186"; }
html[data-public-theme="turkmod"] .bi-battery-half::before { content: "\f187"; }
html[data-public-theme="turkmod"] .bi-battery::before { content: "\f188"; }
html[data-public-theme="turkmod"] .bi-bell-fill::before { content: "\f189"; }
html[data-public-theme="turkmod"] .bi-bell::before { content: "\f18a"; }
html[data-public-theme="turkmod"] .bi-bezier::before { content: "\f18b"; }
html[data-public-theme="turkmod"] .bi-bezier2::before { content: "\f18c"; }
html[data-public-theme="turkmod"] .bi-bicycle::before { content: "\f18d"; }
html[data-public-theme="turkmod"] .bi-binoculars-fill::before { content: "\f18e"; }
html[data-public-theme="turkmod"] .bi-binoculars::before { content: "\f18f"; }
html[data-public-theme="turkmod"] .bi-blockquote-left::before { content: "\f190"; }
html[data-public-theme="turkmod"] .bi-blockquote-right::before { content: "\f191"; }
html[data-public-theme="turkmod"] .bi-book-fill::before { content: "\f192"; }
html[data-public-theme="turkmod"] .bi-book-half::before { content: "\f193"; }
html[data-public-theme="turkmod"] .bi-book::before { content: "\f194"; }
html[data-public-theme="turkmod"] .bi-bookmark-check-fill::before { content: "\f195"; }
html[data-public-theme="turkmod"] .bi-bookmark-check::before { content: "\f196"; }
html[data-public-theme="turkmod"] .bi-bookmark-dash-fill::before { content: "\f197"; }
html[data-public-theme="turkmod"] .bi-bookmark-dash::before { content: "\f198"; }
html[data-public-theme="turkmod"] .bi-bookmark-fill::before { content: "\f199"; }
html[data-public-theme="turkmod"] .bi-bookmark-heart-fill::before { content: "\f19a"; }
html[data-public-theme="turkmod"] .bi-bookmark-heart::before { content: "\f19b"; }
html[data-public-theme="turkmod"] .bi-bookmark-plus-fill::before { content: "\f19c"; }
html[data-public-theme="turkmod"] .bi-bookmark-plus::before { content: "\f19d"; }
html[data-public-theme="turkmod"] .bi-bookmark-star-fill::before { content: "\f19e"; }
html[data-public-theme="turkmod"] .bi-bookmark-star::before { content: "\f19f"; }
html[data-public-theme="turkmod"] .bi-bookmark-x-fill::before { content: "\f1a0"; }
html[data-public-theme="turkmod"] .bi-bookmark-x::before { content: "\f1a1"; }
html[data-public-theme="turkmod"] .bi-bookmark::before { content: "\f1a2"; }
html[data-public-theme="turkmod"] .bi-bookmarks-fill::before { content: "\f1a3"; }
html[data-public-theme="turkmod"] .bi-bookmarks::before { content: "\f1a4"; }
html[data-public-theme="turkmod"] .bi-bookshelf::before { content: "\f1a5"; }
html[data-public-theme="turkmod"] .bi-bootstrap-fill::before { content: "\f1a6"; }
html[data-public-theme="turkmod"] .bi-bootstrap-reboot::before { content: "\f1a7"; }
html[data-public-theme="turkmod"] .bi-bootstrap::before { content: "\f1a8"; }
html[data-public-theme="turkmod"] .bi-border-all::before { content: "\f1a9"; }
html[data-public-theme="turkmod"] .bi-border-bottom::before { content: "\f1aa"; }
html[data-public-theme="turkmod"] .bi-border-center::before { content: "\f1ab"; }
html[data-public-theme="turkmod"] .bi-border-inner::before { content: "\f1ac"; }
html[data-public-theme="turkmod"] .bi-border-left::before { content: "\f1ad"; }
html[data-public-theme="turkmod"] .bi-border-middle::before { content: "\f1ae"; }
html[data-public-theme="turkmod"] .bi-border-outer::before { content: "\f1af"; }
html[data-public-theme="turkmod"] .bi-border-right::before { content: "\f1b0"; }
html[data-public-theme="turkmod"] .bi-border-style::before { content: "\f1b1"; }
html[data-public-theme="turkmod"] .bi-border-top::before { content: "\f1b2"; }
html[data-public-theme="turkmod"] .bi-border-width::before { content: "\f1b3"; }
html[data-public-theme="turkmod"] .bi-border::before { content: "\f1b4"; }
html[data-public-theme="turkmod"] .bi-bounding-box-circles::before { content: "\f1b5"; }
html[data-public-theme="turkmod"] .bi-bounding-box::before { content: "\f1b6"; }
html[data-public-theme="turkmod"] .bi-box-arrow-down-left::before { content: "\f1b7"; }
html[data-public-theme="turkmod"] .bi-box-arrow-down-right::before { content: "\f1b8"; }
html[data-public-theme="turkmod"] .bi-box-arrow-down::before { content: "\f1b9"; }
html[data-public-theme="turkmod"] .bi-box-arrow-in-down-left::before { content: "\f1ba"; }
html[data-public-theme="turkmod"] .bi-box-arrow-in-down-right::before { content: "\f1bb"; }
html[data-public-theme="turkmod"] .bi-box-arrow-in-down::before { content: "\f1bc"; }
html[data-public-theme="turkmod"] .bi-box-arrow-in-left::before { content: "\f1bd"; }
html[data-public-theme="turkmod"] .bi-box-arrow-in-right::before { content: "\f1be"; }
html[data-public-theme="turkmod"] .bi-box-arrow-in-up-left::before { content: "\f1bf"; }
html[data-public-theme="turkmod"] .bi-box-arrow-in-up-right::before { content: "\f1c0"; }
html[data-public-theme="turkmod"] .bi-box-arrow-in-up::before { content: "\f1c1"; }
html[data-public-theme="turkmod"] .bi-box-arrow-left::before { content: "\f1c2"; }
html[data-public-theme="turkmod"] .bi-box-arrow-right::before { content: "\f1c3"; }
html[data-public-theme="turkmod"] .bi-box-arrow-up-left::before { content: "\f1c4"; }
html[data-public-theme="turkmod"] .bi-box-arrow-up-right::before { content: "\f1c5"; }
html[data-public-theme="turkmod"] .bi-box-arrow-up::before { content: "\f1c6"; }
html[data-public-theme="turkmod"] .bi-box-seam::before { content: "\f1c7"; }
html[data-public-theme="turkmod"] .bi-box::before { content: "\f1c8"; }
html[data-public-theme="turkmod"] .bi-braces::before { content: "\f1c9"; }
html[data-public-theme="turkmod"] .bi-bricks::before { content: "\f1ca"; }
html[data-public-theme="turkmod"] .bi-briefcase-fill::before { content: "\f1cb"; }
html[data-public-theme="turkmod"] .bi-briefcase::before { content: "\f1cc"; }
html[data-public-theme="turkmod"] .bi-brightness-alt-high-fill::before { content: "\f1cd"; }
html[data-public-theme="turkmod"] .bi-brightness-alt-high::before { content: "\f1ce"; }
html[data-public-theme="turkmod"] .bi-brightness-alt-low-fill::before { content: "\f1cf"; }
html[data-public-theme="turkmod"] .bi-brightness-alt-low::before { content: "\f1d0"; }
html[data-public-theme="turkmod"] .bi-brightness-high-fill::before { content: "\f1d1"; }
html[data-public-theme="turkmod"] .bi-brightness-high::before { content: "\f1d2"; }
html[data-public-theme="turkmod"] .bi-brightness-low-fill::before { content: "\f1d3"; }
html[data-public-theme="turkmod"] .bi-brightness-low::before { content: "\f1d4"; }
html[data-public-theme="turkmod"] .bi-broadcast-pin::before { content: "\f1d5"; }
html[data-public-theme="turkmod"] .bi-broadcast::before { content: "\f1d6"; }
html[data-public-theme="turkmod"] .bi-brush-fill::before { content: "\f1d7"; }
html[data-public-theme="turkmod"] .bi-brush::before { content: "\f1d8"; }
html[data-public-theme="turkmod"] .bi-bucket-fill::before { content: "\f1d9"; }
html[data-public-theme="turkmod"] .bi-bucket::before { content: "\f1da"; }
html[data-public-theme="turkmod"] .bi-bug-fill::before { content: "\f1db"; }
html[data-public-theme="turkmod"] .bi-bug::before { content: "\f1dc"; }
html[data-public-theme="turkmod"] .bi-building::before { content: "\f1dd"; }
html[data-public-theme="turkmod"] .bi-bullseye::before { content: "\f1de"; }
html[data-public-theme="turkmod"] .bi-calculator-fill::before { content: "\f1df"; }
html[data-public-theme="turkmod"] .bi-calculator::before { content: "\f1e0"; }
html[data-public-theme="turkmod"] .bi-calendar-check-fill::before { content: "\f1e1"; }
html[data-public-theme="turkmod"] .bi-calendar-check::before { content: "\f1e2"; }
html[data-public-theme="turkmod"] .bi-calendar-date-fill::before { content: "\f1e3"; }
html[data-public-theme="turkmod"] .bi-calendar-date::before { content: "\f1e4"; }
html[data-public-theme="turkmod"] .bi-calendar-day-fill::before { content: "\f1e5"; }
html[data-public-theme="turkmod"] .bi-calendar-day::before { content: "\f1e6"; }
html[data-public-theme="turkmod"] .bi-calendar-event-fill::before { content: "\f1e7"; }
html[data-public-theme="turkmod"] .bi-calendar-event::before { content: "\f1e8"; }
html[data-public-theme="turkmod"] .bi-calendar-fill::before { content: "\f1e9"; }
html[data-public-theme="turkmod"] .bi-calendar-minus-fill::before { content: "\f1ea"; }
html[data-public-theme="turkmod"] .bi-calendar-minus::before { content: "\f1eb"; }
html[data-public-theme="turkmod"] .bi-calendar-month-fill::before { content: "\f1ec"; }
html[data-public-theme="turkmod"] .bi-calendar-month::before { content: "\f1ed"; }
html[data-public-theme="turkmod"] .bi-calendar-plus-fill::before { content: "\f1ee"; }
html[data-public-theme="turkmod"] .bi-calendar-plus::before { content: "\f1ef"; }
html[data-public-theme="turkmod"] .bi-calendar-range-fill::before { content: "\f1f0"; }
html[data-public-theme="turkmod"] .bi-calendar-range::before { content: "\f1f1"; }
html[data-public-theme="turkmod"] .bi-calendar-week-fill::before { content: "\f1f2"; }
html[data-public-theme="turkmod"] .bi-calendar-week::before { content: "\f1f3"; }
html[data-public-theme="turkmod"] .bi-calendar-x-fill::before { content: "\f1f4"; }
html[data-public-theme="turkmod"] .bi-calendar-x::before { content: "\f1f5"; }
html[data-public-theme="turkmod"] .bi-calendar::before { content: "\f1f6"; }
html[data-public-theme="turkmod"] .bi-calendar2-check-fill::before { content: "\f1f7"; }
html[data-public-theme="turkmod"] .bi-calendar2-check::before { content: "\f1f8"; }
html[data-public-theme="turkmod"] .bi-calendar2-date-fill::before { content: "\f1f9"; }
html[data-public-theme="turkmod"] .bi-calendar2-date::before { content: "\f1fa"; }
html[data-public-theme="turkmod"] .bi-calendar2-day-fill::before { content: "\f1fb"; }
html[data-public-theme="turkmod"] .bi-calendar2-day::before { content: "\f1fc"; }
html[data-public-theme="turkmod"] .bi-calendar2-event-fill::before { content: "\f1fd"; }
html[data-public-theme="turkmod"] .bi-calendar2-event::before { content: "\f1fe"; }
html[data-public-theme="turkmod"] .bi-calendar2-fill::before { content: "\f1ff"; }
html[data-public-theme="turkmod"] .bi-calendar2-minus-fill::before { content: "\f200"; }
html[data-public-theme="turkmod"] .bi-calendar2-minus::before { content: "\f201"; }
html[data-public-theme="turkmod"] .bi-calendar2-month-fill::before { content: "\f202"; }
html[data-public-theme="turkmod"] .bi-calendar2-month::before { content: "\f203"; }
html[data-public-theme="turkmod"] .bi-calendar2-plus-fill::before { content: "\f204"; }
html[data-public-theme="turkmod"] .bi-calendar2-plus::before { content: "\f205"; }
html[data-public-theme="turkmod"] .bi-calendar2-range-fill::before { content: "\f206"; }
html[data-public-theme="turkmod"] .bi-calendar2-range::before { content: "\f207"; }
html[data-public-theme="turkmod"] .bi-calendar2-week-fill::before { content: "\f208"; }
html[data-public-theme="turkmod"] .bi-calendar2-week::before { content: "\f209"; }
html[data-public-theme="turkmod"] .bi-calendar2-x-fill::before { content: "\f20a"; }
html[data-public-theme="turkmod"] .bi-calendar2-x::before { content: "\f20b"; }
html[data-public-theme="turkmod"] .bi-calendar2::before { content: "\f20c"; }
html[data-public-theme="turkmod"] .bi-calendar3-event-fill::before { content: "\f20d"; }
html[data-public-theme="turkmod"] .bi-calendar3-event::before { content: "\f20e"; }
html[data-public-theme="turkmod"] .bi-calendar3-fill::before { content: "\f20f"; }
html[data-public-theme="turkmod"] .bi-calendar3-range-fill::before { content: "\f210"; }
html[data-public-theme="turkmod"] .bi-calendar3-range::before { content: "\f211"; }
html[data-public-theme="turkmod"] .bi-calendar3-week-fill::before { content: "\f212"; }
html[data-public-theme="turkmod"] .bi-calendar3-week::before { content: "\f213"; }
html[data-public-theme="turkmod"] .bi-calendar3::before { content: "\f214"; }
html[data-public-theme="turkmod"] .bi-calendar4-event::before { content: "\f215"; }
html[data-public-theme="turkmod"] .bi-calendar4-range::before { content: "\f216"; }
html[data-public-theme="turkmod"] .bi-calendar4-week::before { content: "\f217"; }
html[data-public-theme="turkmod"] .bi-calendar4::before { content: "\f218"; }
html[data-public-theme="turkmod"] .bi-camera-fill::before { content: "\f219"; }
html[data-public-theme="turkmod"] .bi-camera-reels-fill::before { content: "\f21a"; }
html[data-public-theme="turkmod"] .bi-camera-reels::before { content: "\f21b"; }
html[data-public-theme="turkmod"] .bi-camera-video-fill::before { content: "\f21c"; }
html[data-public-theme="turkmod"] .bi-camera-video-off-fill::before { content: "\f21d"; }
html[data-public-theme="turkmod"] .bi-camera-video-off::before { content: "\f21e"; }
html[data-public-theme="turkmod"] .bi-camera-video::before { content: "\f21f"; }
html[data-public-theme="turkmod"] .bi-camera::before { content: "\f220"; }
html[data-public-theme="turkmod"] .bi-camera2::before { content: "\f221"; }
html[data-public-theme="turkmod"] .bi-capslock-fill::before { content: "\f222"; }
html[data-public-theme="turkmod"] .bi-capslock::before { content: "\f223"; }
html[data-public-theme="turkmod"] .bi-card-checklist::before { content: "\f224"; }
html[data-public-theme="turkmod"] .bi-card-heading::before { content: "\f225"; }
html[data-public-theme="turkmod"] .bi-card-image::before { content: "\f226"; }
html[data-public-theme="turkmod"] .bi-card-list::before { content: "\f227"; }
html[data-public-theme="turkmod"] .bi-card-text::before { content: "\f228"; }
html[data-public-theme="turkmod"] .bi-caret-down-fill::before { content: "\f229"; }
html[data-public-theme="turkmod"] .bi-caret-down-square-fill::before { content: "\f22a"; }
html[data-public-theme="turkmod"] .bi-caret-down-square::before { content: "\f22b"; }
html[data-public-theme="turkmod"] .bi-caret-down::before { content: "\f22c"; }
html[data-public-theme="turkmod"] .bi-caret-left-fill::before { content: "\f22d"; }
html[data-public-theme="turkmod"] .bi-caret-left-square-fill::before { content: "\f22e"; }
html[data-public-theme="turkmod"] .bi-caret-left-square::before { content: "\f22f"; }
html[data-public-theme="turkmod"] .bi-caret-left::before { content: "\f230"; }
html[data-public-theme="turkmod"] .bi-caret-right-fill::before { content: "\f231"; }
html[data-public-theme="turkmod"] .bi-caret-right-square-fill::before { content: "\f232"; }
html[data-public-theme="turkmod"] .bi-caret-right-square::before { content: "\f233"; }
html[data-public-theme="turkmod"] .bi-caret-right::before { content: "\f234"; }
html[data-public-theme="turkmod"] .bi-caret-up-fill::before { content: "\f235"; }
html[data-public-theme="turkmod"] .bi-caret-up-square-fill::before { content: "\f236"; }
html[data-public-theme="turkmod"] .bi-caret-up-square::before { content: "\f237"; }
html[data-public-theme="turkmod"] .bi-caret-up::before { content: "\f238"; }
html[data-public-theme="turkmod"] .bi-cart-check-fill::before { content: "\f239"; }
html[data-public-theme="turkmod"] .bi-cart-check::before { content: "\f23a"; }
html[data-public-theme="turkmod"] .bi-cart-dash-fill::before { content: "\f23b"; }
html[data-public-theme="turkmod"] .bi-cart-dash::before { content: "\f23c"; }
html[data-public-theme="turkmod"] .bi-cart-fill::before { content: "\f23d"; }
html[data-public-theme="turkmod"] .bi-cart-plus-fill::before { content: "\f23e"; }
html[data-public-theme="turkmod"] .bi-cart-plus::before { content: "\f23f"; }
html[data-public-theme="turkmod"] .bi-cart-x-fill::before { content: "\f240"; }
html[data-public-theme="turkmod"] .bi-cart-x::before { content: "\f241"; }
html[data-public-theme="turkmod"] .bi-cart::before { content: "\f242"; }
html[data-public-theme="turkmod"] .bi-cart2::before { content: "\f243"; }
html[data-public-theme="turkmod"] .bi-cart3::before { content: "\f244"; }
html[data-public-theme="turkmod"] .bi-cart4::before { content: "\f245"; }
html[data-public-theme="turkmod"] .bi-cash-stack::before { content: "\f246"; }
html[data-public-theme="turkmod"] .bi-cash::before { content: "\f247"; }
html[data-public-theme="turkmod"] .bi-cast::before { content: "\f248"; }
html[data-public-theme="turkmod"] .bi-chat-dots-fill::before { content: "\f249"; }
html[data-public-theme="turkmod"] .bi-chat-dots::before { content: "\f24a"; }
html[data-public-theme="turkmod"] .bi-chat-fill::before { content: "\f24b"; }
html[data-public-theme="turkmod"] .bi-chat-left-dots-fill::before { content: "\f24c"; }
html[data-public-theme="turkmod"] .bi-chat-left-dots::before { content: "\f24d"; }
html[data-public-theme="turkmod"] .bi-chat-left-fill::before { content: "\f24e"; }
html[data-public-theme="turkmod"] .bi-chat-left-quote-fill::before { content: "\f24f"; }
html[data-public-theme="turkmod"] .bi-chat-left-quote::before { content: "\f250"; }
html[data-public-theme="turkmod"] .bi-chat-left-text-fill::before { content: "\f251"; }
html[data-public-theme="turkmod"] .bi-chat-left-text::before { content: "\f252"; }
html[data-public-theme="turkmod"] .bi-chat-left::before { content: "\f253"; }
html[data-public-theme="turkmod"] .bi-chat-quote-fill::before { content: "\f254"; }
html[data-public-theme="turkmod"] .bi-chat-quote::before { content: "\f255"; }
html[data-public-theme="turkmod"] .bi-chat-right-dots-fill::before { content: "\f256"; }
html[data-public-theme="turkmod"] .bi-chat-right-dots::before { content: "\f257"; }
html[data-public-theme="turkmod"] .bi-chat-right-fill::before { content: "\f258"; }
html[data-public-theme="turkmod"] .bi-chat-right-quote-fill::before { content: "\f259"; }
html[data-public-theme="turkmod"] .bi-chat-right-quote::before { content: "\f25a"; }
html[data-public-theme="turkmod"] .bi-chat-right-text-fill::before { content: "\f25b"; }
html[data-public-theme="turkmod"] .bi-chat-right-text::before { content: "\f25c"; }
html[data-public-theme="turkmod"] .bi-chat-right::before { content: "\f25d"; }
html[data-public-theme="turkmod"] .bi-chat-square-dots-fill::before { content: "\f25e"; }
html[data-public-theme="turkmod"] .bi-chat-square-dots::before { content: "\f25f"; }
html[data-public-theme="turkmod"] .bi-chat-square-fill::before { content: "\f260"; }
html[data-public-theme="turkmod"] .bi-chat-square-quote-fill::before { content: "\f261"; }
html[data-public-theme="turkmod"] .bi-chat-square-quote::before { content: "\f262"; }
html[data-public-theme="turkmod"] .bi-chat-square-text-fill::before { content: "\f263"; }
html[data-public-theme="turkmod"] .bi-chat-square-text::before { content: "\f264"; }
html[data-public-theme="turkmod"] .bi-chat-square::before { content: "\f265"; }
html[data-public-theme="turkmod"] .bi-chat-text-fill::before { content: "\f266"; }
html[data-public-theme="turkmod"] .bi-chat-text::before { content: "\f267"; }
html[data-public-theme="turkmod"] .bi-chat::before { content: "\f268"; }
html[data-public-theme="turkmod"] .bi-check-all::before { content: "\f269"; }
html[data-public-theme="turkmod"] .bi-check-circle-fill::before { content: "\f26a"; }
html[data-public-theme="turkmod"] .bi-check-circle::before { content: "\f26b"; }
html[data-public-theme="turkmod"] .bi-check-square-fill::before { content: "\f26c"; }
html[data-public-theme="turkmod"] .bi-check-square::before { content: "\f26d"; }
html[data-public-theme="turkmod"] .bi-check::before { content: "\f26e"; }
html[data-public-theme="turkmod"] .bi-check2-all::before { content: "\f26f"; }
html[data-public-theme="turkmod"] .bi-check2-circle::before { content: "\f270"; }
html[data-public-theme="turkmod"] .bi-check2-square::before { content: "\f271"; }
html[data-public-theme="turkmod"] .bi-check2::before { content: "\f272"; }
html[data-public-theme="turkmod"] .bi-chevron-bar-contract::before { content: "\f273"; }
html[data-public-theme="turkmod"] .bi-chevron-bar-down::before { content: "\f274"; }
html[data-public-theme="turkmod"] .bi-chevron-bar-expand::before { content: "\f275"; }
html[data-public-theme="turkmod"] .bi-chevron-bar-left::before { content: "\f276"; }
html[data-public-theme="turkmod"] .bi-chevron-bar-right::before { content: "\f277"; }
html[data-public-theme="turkmod"] .bi-chevron-bar-up::before { content: "\f278"; }
html[data-public-theme="turkmod"] .bi-chevron-compact-down::before { content: "\f279"; }
html[data-public-theme="turkmod"] .bi-chevron-compact-left::before { content: "\f27a"; }
html[data-public-theme="turkmod"] .bi-chevron-compact-right::before { content: "\f27b"; }
html[data-public-theme="turkmod"] .bi-chevron-compact-up::before { content: "\f27c"; }
html[data-public-theme="turkmod"] .bi-chevron-contract::before { content: "\f27d"; }
html[data-public-theme="turkmod"] .bi-chevron-double-down::before { content: "\f27e"; }
html[data-public-theme="turkmod"] .bi-chevron-double-left::before { content: "\f27f"; }
html[data-public-theme="turkmod"] .bi-chevron-double-right::before { content: "\f280"; }
html[data-public-theme="turkmod"] .bi-chevron-double-up::before { content: "\f281"; }
html[data-public-theme="turkmod"] .bi-chevron-down::before { content: "\f282"; }
html[data-public-theme="turkmod"] .bi-chevron-expand::before { content: "\f283"; }
html[data-public-theme="turkmod"] .bi-chevron-left::before { content: "\f284"; }
html[data-public-theme="turkmod"] .bi-chevron-right::before { content: "\f285"; }
html[data-public-theme="turkmod"] .bi-chevron-up::before { content: "\f286"; }
html[data-public-theme="turkmod"] .bi-circle-fill::before { content: "\f287"; }
html[data-public-theme="turkmod"] .bi-circle-half::before { content: "\f288"; }
html[data-public-theme="turkmod"] .bi-circle-square::before { content: "\f289"; }
html[data-public-theme="turkmod"] .bi-circle::before { content: "\f28a"; }
html[data-public-theme="turkmod"] .bi-clipboard-check::before { content: "\f28b"; }
html[data-public-theme="turkmod"] .bi-clipboard-data::before { content: "\f28c"; }
html[data-public-theme="turkmod"] .bi-clipboard-minus::before { content: "\f28d"; }
html[data-public-theme="turkmod"] .bi-clipboard-plus::before { content: "\f28e"; }
html[data-public-theme="turkmod"] .bi-clipboard-x::before { content: "\f28f"; }
html[data-public-theme="turkmod"] .bi-clipboard::before { content: "\f290"; }
html[data-public-theme="turkmod"] .bi-clock-fill::before { content: "\f291"; }
html[data-public-theme="turkmod"] .bi-clock-history::before { content: "\f292"; }
html[data-public-theme="turkmod"] .bi-clock::before { content: "\f293"; }
html[data-public-theme="turkmod"] .bi-cloud-arrow-down-fill::before { content: "\f294"; }
html[data-public-theme="turkmod"] .bi-cloud-arrow-down::before { content: "\f295"; }
html[data-public-theme="turkmod"] .bi-cloud-arrow-up-fill::before { content: "\f296"; }
html[data-public-theme="turkmod"] .bi-cloud-arrow-up::before { content: "\f297"; }
html[data-public-theme="turkmod"] .bi-cloud-check-fill::before { content: "\f298"; }
html[data-public-theme="turkmod"] .bi-cloud-check::before { content: "\f299"; }
html[data-public-theme="turkmod"] .bi-cloud-download-fill::before { content: "\f29a"; }
html[data-public-theme="turkmod"] .bi-cloud-download::before { content: "\f29b"; }
html[data-public-theme="turkmod"] .bi-cloud-drizzle-fill::before { content: "\f29c"; }
html[data-public-theme="turkmod"] .bi-cloud-drizzle::before { content: "\f29d"; }
html[data-public-theme="turkmod"] .bi-cloud-fill::before { content: "\f29e"; }
html[data-public-theme="turkmod"] .bi-cloud-fog-fill::before { content: "\f29f"; }
html[data-public-theme="turkmod"] .bi-cloud-fog::before { content: "\f2a0"; }
html[data-public-theme="turkmod"] .bi-cloud-fog2-fill::before { content: "\f2a1"; }
html[data-public-theme="turkmod"] .bi-cloud-fog2::before { content: "\f2a2"; }
html[data-public-theme="turkmod"] .bi-cloud-hail-fill::before { content: "\f2a3"; }
html[data-public-theme="turkmod"] .bi-cloud-hail::before { content: "\f2a4"; }
html[data-public-theme="turkmod"] .bi-cloud-haze-1::before { content: "\f2a5"; }
html[data-public-theme="turkmod"] .bi-cloud-haze-fill::before { content: "\f2a6"; }
html[data-public-theme="turkmod"] .bi-cloud-haze::before { content: "\f2a7"; }
html[data-public-theme="turkmod"] .bi-cloud-haze2-fill::before { content: "\f2a8"; }
html[data-public-theme="turkmod"] .bi-cloud-lightning-fill::before { content: "\f2a9"; }
html[data-public-theme="turkmod"] .bi-cloud-lightning-rain-fill::before { content: "\f2aa"; }
html[data-public-theme="turkmod"] .bi-cloud-lightning-rain::before { content: "\f2ab"; }
html[data-public-theme="turkmod"] .bi-cloud-lightning::before { content: "\f2ac"; }
html[data-public-theme="turkmod"] .bi-cloud-minus-fill::before { content: "\f2ad"; }
html[data-public-theme="turkmod"] .bi-cloud-minus::before { content: "\f2ae"; }
html[data-public-theme="turkmod"] .bi-cloud-moon-fill::before { content: "\f2af"; }
html[data-public-theme="turkmod"] .bi-cloud-moon::before { content: "\f2b0"; }
html[data-public-theme="turkmod"] .bi-cloud-plus-fill::before { content: "\f2b1"; }
html[data-public-theme="turkmod"] .bi-cloud-plus::before { content: "\f2b2"; }
html[data-public-theme="turkmod"] .bi-cloud-rain-fill::before { content: "\f2b3"; }
html[data-public-theme="turkmod"] .bi-cloud-rain-heavy-fill::before { content: "\f2b4"; }
html[data-public-theme="turkmod"] .bi-cloud-rain-heavy::before { content: "\f2b5"; }
html[data-public-theme="turkmod"] .bi-cloud-rain::before { content: "\f2b6"; }
html[data-public-theme="turkmod"] .bi-cloud-slash-fill::before { content: "\f2b7"; }
html[data-public-theme="turkmod"] .bi-cloud-slash::before { content: "\f2b8"; }
html[data-public-theme="turkmod"] .bi-cloud-sleet-fill::before { content: "\f2b9"; }
html[data-public-theme="turkmod"] .bi-cloud-sleet::before { content: "\f2ba"; }
html[data-public-theme="turkmod"] .bi-cloud-snow-fill::before { content: "\f2bb"; }
html[data-public-theme="turkmod"] .bi-cloud-snow::before { content: "\f2bc"; }
html[data-public-theme="turkmod"] .bi-cloud-sun-fill::before { content: "\f2bd"; }
html[data-public-theme="turkmod"] .bi-cloud-sun::before { content: "\f2be"; }
html[data-public-theme="turkmod"] .bi-cloud-upload-fill::before { content: "\f2bf"; }
html[data-public-theme="turkmod"] .bi-cloud-upload::before { content: "\f2c0"; }
html[data-public-theme="turkmod"] .bi-cloud::before { content: "\f2c1"; }
html[data-public-theme="turkmod"] .bi-clouds-fill::before { content: "\f2c2"; }
html[data-public-theme="turkmod"] .bi-clouds::before { content: "\f2c3"; }
html[data-public-theme="turkmod"] .bi-cloudy-fill::before { content: "\f2c4"; }
html[data-public-theme="turkmod"] .bi-cloudy::before { content: "\f2c5"; }
html[data-public-theme="turkmod"] .bi-code-slash::before { content: "\f2c6"; }
html[data-public-theme="turkmod"] .bi-code-square::before { content: "\f2c7"; }
html[data-public-theme="turkmod"] .bi-code::before { content: "\f2c8"; }
html[data-public-theme="turkmod"] .bi-collection-fill::before { content: "\f2c9"; }
html[data-public-theme="turkmod"] .bi-collection-play-fill::before { content: "\f2ca"; }
html[data-public-theme="turkmod"] .bi-collection-play::before { content: "\f2cb"; }
html[data-public-theme="turkmod"] .bi-collection::before { content: "\f2cc"; }
html[data-public-theme="turkmod"] .bi-columns-gap::before { content: "\f2cd"; }
html[data-public-theme="turkmod"] .bi-columns::before { content: "\f2ce"; }
html[data-public-theme="turkmod"] .bi-command::before { content: "\f2cf"; }
html[data-public-theme="turkmod"] .bi-compass-fill::before { content: "\f2d0"; }
html[data-public-theme="turkmod"] .bi-compass::before { content: "\f2d1"; }
html[data-public-theme="turkmod"] .bi-cone-striped::before { content: "\f2d2"; }
html[data-public-theme="turkmod"] .bi-cone::before { content: "\f2d3"; }
html[data-public-theme="turkmod"] .bi-controller::before { content: "\f2d4"; }
html[data-public-theme="turkmod"] .bi-cpu-fill::before { content: "\f2d5"; }
html[data-public-theme="turkmod"] .bi-cpu::before { content: "\f2d6"; }
html[data-public-theme="turkmod"] .bi-credit-card-2-back-fill::before { content: "\f2d7"; }
html[data-public-theme="turkmod"] .bi-credit-card-2-back::before { content: "\f2d8"; }
html[data-public-theme="turkmod"] .bi-credit-card-2-front-fill::before { content: "\f2d9"; }
html[data-public-theme="turkmod"] .bi-credit-card-2-front::before { content: "\f2da"; }
html[data-public-theme="turkmod"] .bi-credit-card-fill::before { content: "\f2db"; }
html[data-public-theme="turkmod"] .bi-credit-card::before { content: "\f2dc"; }
html[data-public-theme="turkmod"] .bi-crop::before { content: "\f2dd"; }
html[data-public-theme="turkmod"] .bi-cup-fill::before { content: "\f2de"; }
html[data-public-theme="turkmod"] .bi-cup-straw::before { content: "\f2df"; }
html[data-public-theme="turkmod"] .bi-cup::before { content: "\f2e0"; }
html[data-public-theme="turkmod"] .bi-cursor-fill::before { content: "\f2e1"; }
html[data-public-theme="turkmod"] .bi-cursor-text::before { content: "\f2e2"; }
html[data-public-theme="turkmod"] .bi-cursor::before { content: "\f2e3"; }
html[data-public-theme="turkmod"] .bi-dash-circle-dotted::before { content: "\f2e4"; }
html[data-public-theme="turkmod"] .bi-dash-circle-fill::before { content: "\f2e5"; }
html[data-public-theme="turkmod"] .bi-dash-circle::before { content: "\f2e6"; }
html[data-public-theme="turkmod"] .bi-dash-square-dotted::before { content: "\f2e7"; }
html[data-public-theme="turkmod"] .bi-dash-square-fill::before { content: "\f2e8"; }
html[data-public-theme="turkmod"] .bi-dash-square::before { content: "\f2e9"; }
html[data-public-theme="turkmod"] .bi-dash::before { content: "\f2ea"; }
html[data-public-theme="turkmod"] .bi-diagram-2-fill::before { content: "\f2eb"; }
html[data-public-theme="turkmod"] .bi-diagram-2::before { content: "\f2ec"; }
html[data-public-theme="turkmod"] .bi-diagram-3-fill::before { content: "\f2ed"; }
html[data-public-theme="turkmod"] .bi-diagram-3::before { content: "\f2ee"; }
html[data-public-theme="turkmod"] .bi-diamond-fill::before { content: "\f2ef"; }
html[data-public-theme="turkmod"] .bi-diamond-half::before { content: "\f2f0"; }
html[data-public-theme="turkmod"] .bi-diamond::before { content: "\f2f1"; }
html[data-public-theme="turkmod"] .bi-dice-1-fill::before { content: "\f2f2"; }
html[data-public-theme="turkmod"] .bi-dice-1::before { content: "\f2f3"; }
html[data-public-theme="turkmod"] .bi-dice-2-fill::before { content: "\f2f4"; }
html[data-public-theme="turkmod"] .bi-dice-2::before { content: "\f2f5"; }
html[data-public-theme="turkmod"] .bi-dice-3-fill::before { content: "\f2f6"; }
html[data-public-theme="turkmod"] .bi-dice-3::before { content: "\f2f7"; }
html[data-public-theme="turkmod"] .bi-dice-4-fill::before { content: "\f2f8"; }
html[data-public-theme="turkmod"] .bi-dice-4::before { content: "\f2f9"; }
html[data-public-theme="turkmod"] .bi-dice-5-fill::before { content: "\f2fa"; }
html[data-public-theme="turkmod"] .bi-dice-5::before { content: "\f2fb"; }
html[data-public-theme="turkmod"] .bi-dice-6-fill::before { content: "\f2fc"; }
html[data-public-theme="turkmod"] .bi-dice-6::before { content: "\f2fd"; }
html[data-public-theme="turkmod"] .bi-disc-fill::before { content: "\f2fe"; }
html[data-public-theme="turkmod"] .bi-disc::before { content: "\f2ff"; }
html[data-public-theme="turkmod"] .bi-discord::before { content: "\f300"; }
html[data-public-theme="turkmod"] .bi-display-fill::before { content: "\f301"; }
html[data-public-theme="turkmod"] .bi-display::before { content: "\f302"; }
html[data-public-theme="turkmod"] .bi-distribute-horizontal::before { content: "\f303"; }
html[data-public-theme="turkmod"] .bi-distribute-vertical::before { content: "\f304"; }
html[data-public-theme="turkmod"] .bi-door-closed-fill::before { content: "\f305"; }
html[data-public-theme="turkmod"] .bi-door-closed::before { content: "\f306"; }
html[data-public-theme="turkmod"] .bi-door-open-fill::before { content: "\f307"; }
html[data-public-theme="turkmod"] .bi-door-open::before { content: "\f308"; }
html[data-public-theme="turkmod"] .bi-dot::before { content: "\f309"; }
html[data-public-theme="turkmod"] .bi-download::before { content: "\f30a"; }
html[data-public-theme="turkmod"] .bi-droplet-fill::before { content: "\f30b"; }
html[data-public-theme="turkmod"] .bi-droplet-half::before { content: "\f30c"; }
html[data-public-theme="turkmod"] .bi-droplet::before { content: "\f30d"; }
html[data-public-theme="turkmod"] .bi-earbuds::before { content: "\f30e"; }
html[data-public-theme="turkmod"] .bi-easel-fill::before { content: "\f30f"; }
html[data-public-theme="turkmod"] .bi-easel::before { content: "\f310"; }
html[data-public-theme="turkmod"] .bi-egg-fill::before { content: "\f311"; }
html[data-public-theme="turkmod"] .bi-egg-fried::before { content: "\f312"; }
html[data-public-theme="turkmod"] .bi-egg::before { content: "\f313"; }
html[data-public-theme="turkmod"] .bi-eject-fill::before { content: "\f314"; }
html[data-public-theme="turkmod"] .bi-eject::before { content: "\f315"; }
html[data-public-theme="turkmod"] .bi-emoji-angry-fill::before { content: "\f316"; }
html[data-public-theme="turkmod"] .bi-emoji-angry::before { content: "\f317"; }
html[data-public-theme="turkmod"] .bi-emoji-dizzy-fill::before { content: "\f318"; }
html[data-public-theme="turkmod"] .bi-emoji-dizzy::before { content: "\f319"; }
html[data-public-theme="turkmod"] .bi-emoji-expressionless-fill::before { content: "\f31a"; }
html[data-public-theme="turkmod"] .bi-emoji-expressionless::before { content: "\f31b"; }
html[data-public-theme="turkmod"] .bi-emoji-frown-fill::before { content: "\f31c"; }
html[data-public-theme="turkmod"] .bi-emoji-frown::before { content: "\f31d"; }
html[data-public-theme="turkmod"] .bi-emoji-heart-eyes-fill::before { content: "\f31e"; }
html[data-public-theme="turkmod"] .bi-emoji-heart-eyes::before { content: "\f31f"; }
html[data-public-theme="turkmod"] .bi-emoji-laughing-fill::before { content: "\f320"; }
html[data-public-theme="turkmod"] .bi-emoji-laughing::before { content: "\f321"; }
html[data-public-theme="turkmod"] .bi-emoji-neutral-fill::before { content: "\f322"; }
html[data-public-theme="turkmod"] .bi-emoji-neutral::before { content: "\f323"; }
html[data-public-theme="turkmod"] .bi-emoji-smile-fill::before { content: "\f324"; }
html[data-public-theme="turkmod"] .bi-emoji-smile-upside-down-fill::before { content: "\f325"; }
html[data-public-theme="turkmod"] .bi-emoji-smile-upside-down::before { content: "\f326"; }
html[data-public-theme="turkmod"] .bi-emoji-smile::before { content: "\f327"; }
html[data-public-theme="turkmod"] .bi-emoji-sunglasses-fill::before { content: "\f328"; }
html[data-public-theme="turkmod"] .bi-emoji-sunglasses::before { content: "\f329"; }
html[data-public-theme="turkmod"] .bi-emoji-wink-fill::before { content: "\f32a"; }
html[data-public-theme="turkmod"] .bi-emoji-wink::before { content: "\f32b"; }
html[data-public-theme="turkmod"] .bi-envelope-fill::before { content: "\f32c"; }
html[data-public-theme="turkmod"] .bi-envelope-open-fill::before { content: "\f32d"; }
html[data-public-theme="turkmod"] .bi-envelope-open::before { content: "\f32e"; }
html[data-public-theme="turkmod"] .bi-envelope::before { content: "\f32f"; }
html[data-public-theme="turkmod"] .bi-eraser-fill::before { content: "\f330"; }
html[data-public-theme="turkmod"] .bi-eraser::before { content: "\f331"; }
html[data-public-theme="turkmod"] .bi-exclamation-circle-fill::before { content: "\f332"; }
html[data-public-theme="turkmod"] .bi-exclamation-circle::before { content: "\f333"; }
html[data-public-theme="turkmod"] .bi-exclamation-diamond-fill::before { content: "\f334"; }
html[data-public-theme="turkmod"] .bi-exclamation-diamond::before { content: "\f335"; }
html[data-public-theme="turkmod"] .bi-exclamation-octagon-fill::before { content: "\f336"; }
html[data-public-theme="turkmod"] .bi-exclamation-octagon::before { content: "\f337"; }
html[data-public-theme="turkmod"] .bi-exclamation-square-fill::before { content: "\f338"; }
html[data-public-theme="turkmod"] .bi-exclamation-square::before { content: "\f339"; }
html[data-public-theme="turkmod"] .bi-exclamation-triangle-fill::before { content: "\f33a"; }
html[data-public-theme="turkmod"] .bi-exclamation-triangle::before { content: "\f33b"; }
html[data-public-theme="turkmod"] .bi-exclamation::before { content: "\f33c"; }
html[data-public-theme="turkmod"] .bi-exclude::before { content: "\f33d"; }
html[data-public-theme="turkmod"] .bi-eye-fill::before { content: "\f33e"; }
html[data-public-theme="turkmod"] .bi-eye-slash-fill::before { content: "\f33f"; }
html[data-public-theme="turkmod"] .bi-eye-slash::before { content: "\f340"; }
html[data-public-theme="turkmod"] .bi-eye::before { content: "\f341"; }
html[data-public-theme="turkmod"] .bi-eyedropper::before { content: "\f342"; }
html[data-public-theme="turkmod"] .bi-eyeglasses::before { content: "\f343"; }
html[data-public-theme="turkmod"] .bi-facebook::before { content: "\f344"; }
html[data-public-theme="turkmod"] .bi-file-arrow-down-fill::before { content: "\f345"; }
html[data-public-theme="turkmod"] .bi-file-arrow-down::before { content: "\f346"; }
html[data-public-theme="turkmod"] .bi-file-arrow-up-fill::before { content: "\f347"; }
html[data-public-theme="turkmod"] .bi-file-arrow-up::before { content: "\f348"; }
html[data-public-theme="turkmod"] .bi-file-bar-graph-fill::before { content: "\f349"; }
html[data-public-theme="turkmod"] .bi-file-bar-graph::before { content: "\f34a"; }
html[data-public-theme="turkmod"] .bi-file-binary-fill::before { content: "\f34b"; }
html[data-public-theme="turkmod"] .bi-file-binary::before { content: "\f34c"; }
html[data-public-theme="turkmod"] .bi-file-break-fill::before { content: "\f34d"; }
html[data-public-theme="turkmod"] .bi-file-break::before { content: "\f34e"; }
html[data-public-theme="turkmod"] .bi-file-check-fill::before { content: "\f34f"; }
html[data-public-theme="turkmod"] .bi-file-check::before { content: "\f350"; }
html[data-public-theme="turkmod"] .bi-file-code-fill::before { content: "\f351"; }
html[data-public-theme="turkmod"] .bi-file-code::before { content: "\f352"; }
html[data-public-theme="turkmod"] .bi-file-diff-fill::before { content: "\f353"; }
html[data-public-theme="turkmod"] .bi-file-diff::before { content: "\f354"; }
html[data-public-theme="turkmod"] .bi-file-earmark-arrow-down-fill::before { content: "\f355"; }
html[data-public-theme="turkmod"] .bi-file-earmark-arrow-down::before { content: "\f356"; }
html[data-public-theme="turkmod"] .bi-file-earmark-arrow-up-fill::before { content: "\f357"; }
html[data-public-theme="turkmod"] .bi-file-earmark-arrow-up::before { content: "\f358"; }
html[data-public-theme="turkmod"] .bi-file-earmark-bar-graph-fill::before { content: "\f359"; }
html[data-public-theme="turkmod"] .bi-file-earmark-bar-graph::before { content: "\f35a"; }
html[data-public-theme="turkmod"] .bi-file-earmark-binary-fill::before { content: "\f35b"; }
html[data-public-theme="turkmod"] .bi-file-earmark-binary::before { content: "\f35c"; }
html[data-public-theme="turkmod"] .bi-file-earmark-break-fill::before { content: "\f35d"; }
html[data-public-theme="turkmod"] .bi-file-earmark-break::before { content: "\f35e"; }
html[data-public-theme="turkmod"] .bi-file-earmark-check-fill::before { content: "\f35f"; }
html[data-public-theme="turkmod"] .bi-file-earmark-check::before { content: "\f360"; }
html[data-public-theme="turkmod"] .bi-file-earmark-code-fill::before { content: "\f361"; }
html[data-public-theme="turkmod"] .bi-file-earmark-code::before { content: "\f362"; }
html[data-public-theme="turkmod"] .bi-file-earmark-diff-fill::before { content: "\f363"; }
html[data-public-theme="turkmod"] .bi-file-earmark-diff::before { content: "\f364"; }
html[data-public-theme="turkmod"] .bi-file-earmark-easel-fill::before { content: "\f365"; }
html[data-public-theme="turkmod"] .bi-file-earmark-easel::before { content: "\f366"; }
html[data-public-theme="turkmod"] .bi-file-earmark-excel-fill::before { content: "\f367"; }
html[data-public-theme="turkmod"] .bi-file-earmark-excel::before { content: "\f368"; }
html[data-public-theme="turkmod"] .bi-file-earmark-fill::before { content: "\f369"; }
html[data-public-theme="turkmod"] .bi-file-earmark-font-fill::before { content: "\f36a"; }
html[data-public-theme="turkmod"] .bi-file-earmark-font::before { content: "\f36b"; }
html[data-public-theme="turkmod"] .bi-file-earmark-image-fill::before { content: "\f36c"; }
html[data-public-theme="turkmod"] .bi-file-earmark-image::before { content: "\f36d"; }
html[data-public-theme="turkmod"] .bi-file-earmark-lock-fill::before { content: "\f36e"; }
html[data-public-theme="turkmod"] .bi-file-earmark-lock::before { content: "\f36f"; }
html[data-public-theme="turkmod"] .bi-file-earmark-lock2-fill::before { content: "\f370"; }
html[data-public-theme="turkmod"] .bi-file-earmark-lock2::before { content: "\f371"; }
html[data-public-theme="turkmod"] .bi-file-earmark-medical-fill::before { content: "\f372"; }
html[data-public-theme="turkmod"] .bi-file-earmark-medical::before { content: "\f373"; }
html[data-public-theme="turkmod"] .bi-file-earmark-minus-fill::before { content: "\f374"; }
html[data-public-theme="turkmod"] .bi-file-earmark-minus::before { content: "\f375"; }
html[data-public-theme="turkmod"] .bi-file-earmark-music-fill::before { content: "\f376"; }
html[data-public-theme="turkmod"] .bi-file-earmark-music::before { content: "\f377"; }
html[data-public-theme="turkmod"] .bi-file-earmark-person-fill::before { content: "\f378"; }
html[data-public-theme="turkmod"] .bi-file-earmark-person::before { content: "\f379"; }
html[data-public-theme="turkmod"] .bi-file-earmark-play-fill::before { content: "\f37a"; }
html[data-public-theme="turkmod"] .bi-file-earmark-play::before { content: "\f37b"; }
html[data-public-theme="turkmod"] .bi-file-earmark-plus-fill::before { content: "\f37c"; }
html[data-public-theme="turkmod"] .bi-file-earmark-plus::before { content: "\f37d"; }
html[data-public-theme="turkmod"] .bi-file-earmark-post-fill::before { content: "\f37e"; }
html[data-public-theme="turkmod"] .bi-file-earmark-post::before { content: "\f37f"; }
html[data-public-theme="turkmod"] .bi-file-earmark-ppt-fill::before { content: "\f380"; }
html[data-public-theme="turkmod"] .bi-file-earmark-ppt::before { content: "\f381"; }
html[data-public-theme="turkmod"] .bi-file-earmark-richtext-fill::before { content: "\f382"; }
html[data-public-theme="turkmod"] .bi-file-earmark-richtext::before { content: "\f383"; }
html[data-public-theme="turkmod"] .bi-file-earmark-ruled-fill::before { content: "\f384"; }
html[data-public-theme="turkmod"] .bi-file-earmark-ruled::before { content: "\f385"; }
html[data-public-theme="turkmod"] .bi-file-earmark-slides-fill::before { content: "\f386"; }
html[data-public-theme="turkmod"] .bi-file-earmark-slides::before { content: "\f387"; }
html[data-public-theme="turkmod"] .bi-file-earmark-spreadsheet-fill::before { content: "\f388"; }
html[data-public-theme="turkmod"] .bi-file-earmark-spreadsheet::before { content: "\f389"; }
html[data-public-theme="turkmod"] .bi-file-earmark-text-fill::before { content: "\f38a"; }
html[data-public-theme="turkmod"] .bi-file-earmark-text::before { content: "\f38b"; }
html[data-public-theme="turkmod"] .bi-file-earmark-word-fill::before { content: "\f38c"; }
html[data-public-theme="turkmod"] .bi-file-earmark-word::before { content: "\f38d"; }
html[data-public-theme="turkmod"] .bi-file-earmark-x-fill::before { content: "\f38e"; }
html[data-public-theme="turkmod"] .bi-file-earmark-x::before { content: "\f38f"; }
html[data-public-theme="turkmod"] .bi-file-earmark-zip-fill::before { content: "\f390"; }
html[data-public-theme="turkmod"] .bi-file-earmark-zip::before { content: "\f391"; }
html[data-public-theme="turkmod"] .bi-file-earmark::before { content: "\f392"; }
html[data-public-theme="turkmod"] .bi-file-easel-fill::before { content: "\f393"; }
html[data-public-theme="turkmod"] .bi-file-easel::before { content: "\f394"; }
html[data-public-theme="turkmod"] .bi-file-excel-fill::before { content: "\f395"; }
html[data-public-theme="turkmod"] .bi-file-excel::before { content: "\f396"; }
html[data-public-theme="turkmod"] .bi-file-fill::before { content: "\f397"; }
html[data-public-theme="turkmod"] .bi-file-font-fill::before { content: "\f398"; }
html[data-public-theme="turkmod"] .bi-file-font::before { content: "\f399"; }
html[data-public-theme="turkmod"] .bi-file-image-fill::before { content: "\f39a"; }
html[data-public-theme="turkmod"] .bi-file-image::before { content: "\f39b"; }
html[data-public-theme="turkmod"] .bi-file-lock-fill::before { content: "\f39c"; }
html[data-public-theme="turkmod"] .bi-file-lock::before { content: "\f39d"; }
html[data-public-theme="turkmod"] .bi-file-lock2-fill::before { content: "\f39e"; }
html[data-public-theme="turkmod"] .bi-file-lock2::before { content: "\f39f"; }
html[data-public-theme="turkmod"] .bi-file-medical-fill::before { content: "\f3a0"; }
html[data-public-theme="turkmod"] .bi-file-medical::before { content: "\f3a1"; }
html[data-public-theme="turkmod"] .bi-file-minus-fill::before { content: "\f3a2"; }
html[data-public-theme="turkmod"] .bi-file-minus::before { content: "\f3a3"; }
html[data-public-theme="turkmod"] .bi-file-music-fill::before { content: "\f3a4"; }
html[data-public-theme="turkmod"] .bi-file-music::before { content: "\f3a5"; }
html[data-public-theme="turkmod"] .bi-file-person-fill::before { content: "\f3a6"; }
html[data-public-theme="turkmod"] .bi-file-person::before { content: "\f3a7"; }
html[data-public-theme="turkmod"] .bi-file-play-fill::before { content: "\f3a8"; }
html[data-public-theme="turkmod"] .bi-file-play::before { content: "\f3a9"; }
html[data-public-theme="turkmod"] .bi-file-plus-fill::before { content: "\f3aa"; }
html[data-public-theme="turkmod"] .bi-file-plus::before { content: "\f3ab"; }
html[data-public-theme="turkmod"] .bi-file-post-fill::before { content: "\f3ac"; }
html[data-public-theme="turkmod"] .bi-file-post::before { content: "\f3ad"; }
html[data-public-theme="turkmod"] .bi-file-ppt-fill::before { content: "\f3ae"; }
html[data-public-theme="turkmod"] .bi-file-ppt::before { content: "\f3af"; }
html[data-public-theme="turkmod"] .bi-file-richtext-fill::before { content: "\f3b0"; }
html[data-public-theme="turkmod"] .bi-file-richtext::before { content: "\f3b1"; }
html[data-public-theme="turkmod"] .bi-file-ruled-fill::before { content: "\f3b2"; }
html[data-public-theme="turkmod"] .bi-file-ruled::before { content: "\f3b3"; }
html[data-public-theme="turkmod"] .bi-file-slides-fill::before { content: "\f3b4"; }
html[data-public-theme="turkmod"] .bi-file-slides::before { content: "\f3b5"; }
html[data-public-theme="turkmod"] .bi-file-spreadsheet-fill::before { content: "\f3b6"; }
html[data-public-theme="turkmod"] .bi-file-spreadsheet::before { content: "\f3b7"; }
html[data-public-theme="turkmod"] .bi-file-text-fill::before { content: "\f3b8"; }
html[data-public-theme="turkmod"] .bi-file-text::before { content: "\f3b9"; }
html[data-public-theme="turkmod"] .bi-file-word-fill::before { content: "\f3ba"; }
html[data-public-theme="turkmod"] .bi-file-word::before { content: "\f3bb"; }
html[data-public-theme="turkmod"] .bi-file-x-fill::before { content: "\f3bc"; }
html[data-public-theme="turkmod"] .bi-file-x::before { content: "\f3bd"; }
html[data-public-theme="turkmod"] .bi-file-zip-fill::before { content: "\f3be"; }
html[data-public-theme="turkmod"] .bi-file-zip::before { content: "\f3bf"; }
html[data-public-theme="turkmod"] .bi-file::before { content: "\f3c0"; }
html[data-public-theme="turkmod"] .bi-files-alt::before { content: "\f3c1"; }
html[data-public-theme="turkmod"] .bi-files::before { content: "\f3c2"; }
html[data-public-theme="turkmod"] .bi-film::before { content: "\f3c3"; }
html[data-public-theme="turkmod"] .bi-filter-circle-fill::before { content: "\f3c4"; }
html[data-public-theme="turkmod"] .bi-filter-circle::before { content: "\f3c5"; }
html[data-public-theme="turkmod"] .bi-filter-left::before { content: "\f3c6"; }
html[data-public-theme="turkmod"] .bi-filter-right::before { content: "\f3c7"; }
html[data-public-theme="turkmod"] .bi-filter-square-fill::before { content: "\f3c8"; }
html[data-public-theme="turkmod"] .bi-filter-square::before { content: "\f3c9"; }
html[data-public-theme="turkmod"] .bi-filter::before { content: "\f3ca"; }
html[data-public-theme="turkmod"] .bi-flag-fill::before { content: "\f3cb"; }
html[data-public-theme="turkmod"] .bi-flag::before { content: "\f3cc"; }
html[data-public-theme="turkmod"] .bi-flower1::before { content: "\f3cd"; }
html[data-public-theme="turkmod"] .bi-flower2::before { content: "\f3ce"; }
html[data-public-theme="turkmod"] .bi-flower3::before { content: "\f3cf"; }
html[data-public-theme="turkmod"] .bi-folder-check::before { content: "\f3d0"; }
html[data-public-theme="turkmod"] .bi-folder-fill::before { content: "\f3d1"; }
html[data-public-theme="turkmod"] .bi-folder-minus::before { content: "\f3d2"; }
html[data-public-theme="turkmod"] .bi-folder-plus::before { content: "\f3d3"; }
html[data-public-theme="turkmod"] .bi-folder-symlink-fill::before { content: "\f3d4"; }
html[data-public-theme="turkmod"] .bi-folder-symlink::before { content: "\f3d5"; }
html[data-public-theme="turkmod"] .bi-folder-x::before { content: "\f3d6"; }
html[data-public-theme="turkmod"] .bi-folder::before { content: "\f3d7"; }
html[data-public-theme="turkmod"] .bi-folder2-open::before { content: "\f3d8"; }
html[data-public-theme="turkmod"] .bi-folder2::before { content: "\f3d9"; }
html[data-public-theme="turkmod"] .bi-fonts::before { content: "\f3da"; }
html[data-public-theme="turkmod"] .bi-forward-fill::before { content: "\f3db"; }
html[data-public-theme="turkmod"] .bi-forward::before { content: "\f3dc"; }
html[data-public-theme="turkmod"] .bi-front::before { content: "\f3dd"; }
html[data-public-theme="turkmod"] .bi-fullscreen-exit::before { content: "\f3de"; }
html[data-public-theme="turkmod"] .bi-fullscreen::before { content: "\f3df"; }
html[data-public-theme="turkmod"] .bi-funnel-fill::before { content: "\f3e0"; }
html[data-public-theme="turkmod"] .bi-funnel::before { content: "\f3e1"; }
html[data-public-theme="turkmod"] .bi-gear-fill::before { content: "\f3e2"; }
html[data-public-theme="turkmod"] .bi-gear-wide-connected::before { content: "\f3e3"; }
html[data-public-theme="turkmod"] .bi-gear-wide::before { content: "\f3e4"; }
html[data-public-theme="turkmod"] .bi-gear::before { content: "\f3e5"; }
html[data-public-theme="turkmod"] .bi-gem::before { content: "\f3e6"; }
html[data-public-theme="turkmod"] .bi-geo-alt-fill::before { content: "\f3e7"; }
html[data-public-theme="turkmod"] .bi-geo-alt::before { content: "\f3e8"; }
html[data-public-theme="turkmod"] .bi-geo-fill::before { content: "\f3e9"; }
html[data-public-theme="turkmod"] .bi-geo::before { content: "\f3ea"; }
html[data-public-theme="turkmod"] .bi-gift-fill::before { content: "\f3eb"; }
html[data-public-theme="turkmod"] .bi-gift::before { content: "\f3ec"; }
html[data-public-theme="turkmod"] .bi-github::before { content: "\f3ed"; }
html[data-public-theme="turkmod"] .bi-globe::before { content: "\f3ee"; }
html[data-public-theme="turkmod"] .bi-globe2::before { content: "\f3ef"; }
html[data-public-theme="turkmod"] .bi-google::before { content: "\f3f0"; }
html[data-public-theme="turkmod"] .bi-graph-down::before { content: "\f3f1"; }
html[data-public-theme="turkmod"] .bi-graph-up::before { content: "\f3f2"; }
html[data-public-theme="turkmod"] .bi-grid-1x2-fill::before { content: "\f3f3"; }
html[data-public-theme="turkmod"] .bi-grid-1x2::before { content: "\f3f4"; }
html[data-public-theme="turkmod"] .bi-grid-3x2-gap-fill::before { content: "\f3f5"; }
html[data-public-theme="turkmod"] .bi-grid-3x2-gap::before { content: "\f3f6"; }
html[data-public-theme="turkmod"] .bi-grid-3x2::before { content: "\f3f7"; }
html[data-public-theme="turkmod"] .bi-grid-3x3-gap-fill::before { content: "\f3f8"; }
html[data-public-theme="turkmod"] .bi-grid-3x3-gap::before { content: "\f3f9"; }
html[data-public-theme="turkmod"] .bi-grid-3x3::before { content: "\f3fa"; }
html[data-public-theme="turkmod"] .bi-grid-fill::before { content: "\f3fb"; }
html[data-public-theme="turkmod"] .bi-grid::before { content: "\f3fc"; }
html[data-public-theme="turkmod"] .bi-grip-horizontal::before { content: "\f3fd"; }
html[data-public-theme="turkmod"] .bi-grip-vertical::before { content: "\f3fe"; }
html[data-public-theme="turkmod"] .bi-hammer::before { content: "\f3ff"; }
html[data-public-theme="turkmod"] .bi-hand-index-fill::before { content: "\f400"; }
html[data-public-theme="turkmod"] .bi-hand-index-thumb-fill::before { content: "\f401"; }
html[data-public-theme="turkmod"] .bi-hand-index-thumb::before { content: "\f402"; }
html[data-public-theme="turkmod"] .bi-hand-index::before { content: "\f403"; }
html[data-public-theme="turkmod"] .bi-hand-thumbs-down-fill::before { content: "\f404"; }
html[data-public-theme="turkmod"] .bi-hand-thumbs-down::before { content: "\f405"; }
html[data-public-theme="turkmod"] .bi-hand-thumbs-up-fill::before { content: "\f406"; }
html[data-public-theme="turkmod"] .bi-hand-thumbs-up::before { content: "\f407"; }
html[data-public-theme="turkmod"] .bi-handbag-fill::before { content: "\f408"; }
html[data-public-theme="turkmod"] .bi-handbag::before { content: "\f409"; }
html[data-public-theme="turkmod"] .bi-hash::before { content: "\f40a"; }
html[data-public-theme="turkmod"] .bi-hdd-fill::before { content: "\f40b"; }
html[data-public-theme="turkmod"] .bi-hdd-network-fill::before { content: "\f40c"; }
html[data-public-theme="turkmod"] .bi-hdd-network::before { content: "\f40d"; }
html[data-public-theme="turkmod"] .bi-hdd-rack-fill::before { content: "\f40e"; }
html[data-public-theme="turkmod"] .bi-hdd-rack::before { content: "\f40f"; }
html[data-public-theme="turkmod"] .bi-hdd-stack-fill::before { content: "\f410"; }
html[data-public-theme="turkmod"] .bi-hdd-stack::before { content: "\f411"; }
html[data-public-theme="turkmod"] .bi-hdd::before { content: "\f412"; }
html[data-public-theme="turkmod"] .bi-headphones::before { content: "\f413"; }
html[data-public-theme="turkmod"] .bi-headset::before { content: "\f414"; }
html[data-public-theme="turkmod"] .bi-heart-fill::before { content: "\f415"; }
html[data-public-theme="turkmod"] .bi-heart-half::before { content: "\f416"; }
html[data-public-theme="turkmod"] .bi-heart::before { content: "\f417"; }
html[data-public-theme="turkmod"] .bi-heptagon-fill::before { content: "\f418"; }
html[data-public-theme="turkmod"] .bi-heptagon-half::before { content: "\f419"; }
html[data-public-theme="turkmod"] .bi-heptagon::before { content: "\f41a"; }
html[data-public-theme="turkmod"] .bi-hexagon-fill::before { content: "\f41b"; }
html[data-public-theme="turkmod"] .bi-hexagon-half::before { content: "\f41c"; }
html[data-public-theme="turkmod"] .bi-hexagon::before { content: "\f41d"; }
html[data-public-theme="turkmod"] .bi-hourglass-bottom::before { content: "\f41e"; }
html[data-public-theme="turkmod"] .bi-hourglass-split::before { content: "\f41f"; }
html[data-public-theme="turkmod"] .bi-hourglass-top::before { content: "\f420"; }
html[data-public-theme="turkmod"] .bi-hourglass::before { content: "\f421"; }
html[data-public-theme="turkmod"] .bi-house-door-fill::before { content: "\f422"; }
html[data-public-theme="turkmod"] .bi-house-door::before { content: "\f423"; }
html[data-public-theme="turkmod"] .bi-house-fill::before { content: "\f424"; }
html[data-public-theme="turkmod"] .bi-house::before { content: "\f425"; }
html[data-public-theme="turkmod"] .bi-hr::before { content: "\f426"; }
html[data-public-theme="turkmod"] .bi-hurricane::before { content: "\f427"; }
html[data-public-theme="turkmod"] .bi-image-alt::before { content: "\f428"; }
html[data-public-theme="turkmod"] .bi-image-fill::before { content: "\f429"; }
html[data-public-theme="turkmod"] .bi-image::before { content: "\f42a"; }
html[data-public-theme="turkmod"] .bi-images::before { content: "\f42b"; }
html[data-public-theme="turkmod"] .bi-inbox-fill::before { content: "\f42c"; }
html[data-public-theme="turkmod"] .bi-inbox::before { content: "\f42d"; }
html[data-public-theme="turkmod"] .bi-inboxes-fill::before { content: "\f42e"; }
html[data-public-theme="turkmod"] .bi-inboxes::before { content: "\f42f"; }
html[data-public-theme="turkmod"] .bi-info-circle-fill::before { content: "\f430"; }
html[data-public-theme="turkmod"] .bi-info-circle::before { content: "\f431"; }
html[data-public-theme="turkmod"] .bi-info-square-fill::before { content: "\f432"; }
html[data-public-theme="turkmod"] .bi-info-square::before { content: "\f433"; }
html[data-public-theme="turkmod"] .bi-info::before { content: "\f434"; }
html[data-public-theme="turkmod"] .bi-input-cursor-text::before { content: "\f435"; }
html[data-public-theme="turkmod"] .bi-input-cursor::before { content: "\f436"; }
html[data-public-theme="turkmod"] .bi-instagram::before { content: "\f437"; }
html[data-public-theme="turkmod"] .bi-intersect::before { content: "\f438"; }
html[data-public-theme="turkmod"] .bi-journal-album::before { content: "\f439"; }
html[data-public-theme="turkmod"] .bi-journal-arrow-down::before { content: "\f43a"; }
html[data-public-theme="turkmod"] .bi-journal-arrow-up::before { content: "\f43b"; }
html[data-public-theme="turkmod"] .bi-journal-bookmark-fill::before { content: "\f43c"; }
html[data-public-theme="turkmod"] .bi-journal-bookmark::before { content: "\f43d"; }
html[data-public-theme="turkmod"] .bi-journal-check::before { content: "\f43e"; }
html[data-public-theme="turkmod"] .bi-journal-code::before { content: "\f43f"; }
html[data-public-theme="turkmod"] .bi-journal-medical::before { content: "\f440"; }
html[data-public-theme="turkmod"] .bi-journal-minus::before { content: "\f441"; }
html[data-public-theme="turkmod"] .bi-journal-plus::before { content: "\f442"; }
html[data-public-theme="turkmod"] .bi-journal-richtext::before { content: "\f443"; }
html[data-public-theme="turkmod"] .bi-journal-text::before { content: "\f444"; }
html[data-public-theme="turkmod"] .bi-journal-x::before { content: "\f445"; }
html[data-public-theme="turkmod"] .bi-journal::before { content: "\f446"; }
html[data-public-theme="turkmod"] .bi-journals::before { content: "\f447"; }
html[data-public-theme="turkmod"] .bi-joystick::before { content: "\f448"; }
html[data-public-theme="turkmod"] .bi-justify-left::before { content: "\f449"; }
html[data-public-theme="turkmod"] .bi-justify-right::before { content: "\f44a"; }
html[data-public-theme="turkmod"] .bi-justify::before { content: "\f44b"; }
html[data-public-theme="turkmod"] .bi-kanban-fill::before { content: "\f44c"; }
html[data-public-theme="turkmod"] .bi-kanban::before { content: "\f44d"; }
html[data-public-theme="turkmod"] .bi-key-fill::before { content: "\f44e"; }
html[data-public-theme="turkmod"] .bi-key::before { content: "\f44f"; }
html[data-public-theme="turkmod"] .bi-keyboard-fill::before { content: "\f450"; }
html[data-public-theme="turkmod"] .bi-keyboard::before { content: "\f451"; }
html[data-public-theme="turkmod"] .bi-ladder::before { content: "\f452"; }
html[data-public-theme="turkmod"] .bi-lamp-fill::before { content: "\f453"; }
html[data-public-theme="turkmod"] .bi-lamp::before { content: "\f454"; }
html[data-public-theme="turkmod"] .bi-laptop-fill::before { content: "\f455"; }
html[data-public-theme="turkmod"] .bi-laptop::before { content: "\f456"; }
html[data-public-theme="turkmod"] .bi-layer-backward::before { content: "\f457"; }
html[data-public-theme="turkmod"] .bi-layer-forward::before { content: "\f458"; }
html[data-public-theme="turkmod"] .bi-layers-fill::before { content: "\f459"; }
html[data-public-theme="turkmod"] .bi-layers-half::before { content: "\f45a"; }
html[data-public-theme="turkmod"] .bi-layers::before { content: "\f45b"; }
html[data-public-theme="turkmod"] .bi-layout-sidebar-inset-reverse::before { content: "\f45c"; }
html[data-public-theme="turkmod"] .bi-layout-sidebar-inset::before { content: "\f45d"; }
html[data-public-theme="turkmod"] .bi-layout-sidebar-reverse::before { content: "\f45e"; }
html[data-public-theme="turkmod"] .bi-layout-sidebar::before { content: "\f45f"; }
html[data-public-theme="turkmod"] .bi-layout-split::before { content: "\f460"; }
html[data-public-theme="turkmod"] .bi-layout-text-sidebar-reverse::before { content: "\f461"; }
html[data-public-theme="turkmod"] .bi-layout-text-sidebar::before { content: "\f462"; }
html[data-public-theme="turkmod"] .bi-layout-text-window-reverse::before { content: "\f463"; }
html[data-public-theme="turkmod"] .bi-layout-text-window::before { content: "\f464"; }
html[data-public-theme="turkmod"] .bi-layout-three-columns::before { content: "\f465"; }
html[data-public-theme="turkmod"] .bi-layout-wtf::before { content: "\f466"; }
html[data-public-theme="turkmod"] .bi-life-preserver::before { content: "\f467"; }
html[data-public-theme="turkmod"] .bi-lightbulb-fill::before { content: "\f468"; }
html[data-public-theme="turkmod"] .bi-lightbulb-off-fill::before { content: "\f469"; }
html[data-public-theme="turkmod"] .bi-lightbulb-off::before { content: "\f46a"; }
html[data-public-theme="turkmod"] .bi-lightbulb::before { content: "\f46b"; }
html[data-public-theme="turkmod"] .bi-lightning-charge-fill::before { content: "\f46c"; }
html[data-public-theme="turkmod"] .bi-lightning-charge::before { content: "\f46d"; }
html[data-public-theme="turkmod"] .bi-lightning-fill::before { content: "\f46e"; }
html[data-public-theme="turkmod"] .bi-lightning::before { content: "\f46f"; }
html[data-public-theme="turkmod"] .bi-link-45deg::before { content: "\f470"; }
html[data-public-theme="turkmod"] .bi-link::before { content: "\f471"; }
html[data-public-theme="turkmod"] .bi-linkedin::before { content: "\f472"; }
html[data-public-theme="turkmod"] .bi-list-check::before { content: "\f473"; }
html[data-public-theme="turkmod"] .bi-list-nested::before { content: "\f474"; }
html[data-public-theme="turkmod"] .bi-list-ol::before { content: "\f475"; }
html[data-public-theme="turkmod"] .bi-list-stars::before { content: "\f476"; }
html[data-public-theme="turkmod"] .bi-list-task::before { content: "\f477"; }
html[data-public-theme="turkmod"] .bi-list-ul::before { content: "\f478"; }
html[data-public-theme="turkmod"] .bi-list::before { content: "\f479"; }
html[data-public-theme="turkmod"] .bi-lock-fill::before { content: "\f47a"; }
html[data-public-theme="turkmod"] .bi-lock::before { content: "\f47b"; }
html[data-public-theme="turkmod"] .bi-mailbox::before { content: "\f47c"; }
html[data-public-theme="turkmod"] .bi-mailbox2::before { content: "\f47d"; }
html[data-public-theme="turkmod"] .bi-map-fill::before { content: "\f47e"; }
html[data-public-theme="turkmod"] .bi-map::before { content: "\f47f"; }
html[data-public-theme="turkmod"] .bi-markdown-fill::before { content: "\f480"; }
html[data-public-theme="turkmod"] .bi-markdown::before { content: "\f481"; }
html[data-public-theme="turkmod"] .bi-mask::before { content: "\f482"; }
html[data-public-theme="turkmod"] .bi-megaphone-fill::before { content: "\f483"; }
html[data-public-theme="turkmod"] .bi-megaphone::before { content: "\f484"; }
html[data-public-theme="turkmod"] .bi-menu-app-fill::before { content: "\f485"; }
html[data-public-theme="turkmod"] .bi-menu-app::before { content: "\f486"; }
html[data-public-theme="turkmod"] .bi-menu-button-fill::before { content: "\f487"; }
html[data-public-theme="turkmod"] .bi-menu-button-wide-fill::before { content: "\f488"; }
html[data-public-theme="turkmod"] .bi-menu-button-wide::before { content: "\f489"; }
html[data-public-theme="turkmod"] .bi-menu-button::before { content: "\f48a"; }
html[data-public-theme="turkmod"] .bi-menu-down::before { content: "\f48b"; }
html[data-public-theme="turkmod"] .bi-menu-up::before { content: "\f48c"; }
html[data-public-theme="turkmod"] .bi-mic-fill::before { content: "\f48d"; }
html[data-public-theme="turkmod"] .bi-mic-mute-fill::before { content: "\f48e"; }
html[data-public-theme="turkmod"] .bi-mic-mute::before { content: "\f48f"; }
html[data-public-theme="turkmod"] .bi-mic::before { content: "\f490"; }
html[data-public-theme="turkmod"] .bi-minecart-loaded::before { content: "\f491"; }
html[data-public-theme="turkmod"] .bi-minecart::before { content: "\f492"; }
html[data-public-theme="turkmod"] .bi-moisture::before { content: "\f493"; }
html[data-public-theme="turkmod"] .bi-moon-fill::before { content: "\f494"; }
html[data-public-theme="turkmod"] .bi-moon-stars-fill::before { content: "\f495"; }
html[data-public-theme="turkmod"] .bi-moon-stars::before { content: "\f496"; }
html[data-public-theme="turkmod"] .bi-moon::before { content: "\f497"; }
html[data-public-theme="turkmod"] .bi-mouse-fill::before { content: "\f498"; }
html[data-public-theme="turkmod"] .bi-mouse::before { content: "\f499"; }
html[data-public-theme="turkmod"] .bi-mouse2-fill::before { content: "\f49a"; }
html[data-public-theme="turkmod"] .bi-mouse2::before { content: "\f49b"; }
html[data-public-theme="turkmod"] .bi-mouse3-fill::before { content: "\f49c"; }
html[data-public-theme="turkmod"] .bi-mouse3::before { content: "\f49d"; }
html[data-public-theme="turkmod"] .bi-music-note-beamed::before { content: "\f49e"; }
html[data-public-theme="turkmod"] .bi-music-note-list::before { content: "\f49f"; }
html[data-public-theme="turkmod"] .bi-music-note::before { content: "\f4a0"; }
html[data-public-theme="turkmod"] .bi-music-player-fill::before { content: "\f4a1"; }
html[data-public-theme="turkmod"] .bi-music-player::before { content: "\f4a2"; }
html[data-public-theme="turkmod"] .bi-newspaper::before { content: "\f4a3"; }
html[data-public-theme="turkmod"] .bi-node-minus-fill::before { content: "\f4a4"; }
html[data-public-theme="turkmod"] .bi-node-minus::before { content: "\f4a5"; }
html[data-public-theme="turkmod"] .bi-node-plus-fill::before { content: "\f4a6"; }
html[data-public-theme="turkmod"] .bi-node-plus::before { content: "\f4a7"; }
html[data-public-theme="turkmod"] .bi-nut-fill::before { content: "\f4a8"; }
html[data-public-theme="turkmod"] .bi-nut::before { content: "\f4a9"; }
html[data-public-theme="turkmod"] .bi-octagon-fill::before { content: "\f4aa"; }
html[data-public-theme="turkmod"] .bi-octagon-half::before { content: "\f4ab"; }
html[data-public-theme="turkmod"] .bi-octagon::before { content: "\f4ac"; }
html[data-public-theme="turkmod"] .bi-option::before { content: "\f4ad"; }
html[data-public-theme="turkmod"] .bi-outlet::before { content: "\f4ae"; }
html[data-public-theme="turkmod"] .bi-paint-bucket::before { content: "\f4af"; }
html[data-public-theme="turkmod"] .bi-palette-fill::before { content: "\f4b0"; }
html[data-public-theme="turkmod"] .bi-palette::before { content: "\f4b1"; }
html[data-public-theme="turkmod"] .bi-palette2::before { content: "\f4b2"; }
html[data-public-theme="turkmod"] .bi-paperclip::before { content: "\f4b3"; }
html[data-public-theme="turkmod"] .bi-paragraph::before { content: "\f4b4"; }
html[data-public-theme="turkmod"] .bi-patch-check-fill::before { content: "\f4b5"; }
html[data-public-theme="turkmod"] .bi-patch-check::before { content: "\f4b6"; }
html[data-public-theme="turkmod"] .bi-patch-exclamation-fill::before { content: "\f4b7"; }
html[data-public-theme="turkmod"] .bi-patch-exclamation::before { content: "\f4b8"; }
html[data-public-theme="turkmod"] .bi-patch-minus-fill::before { content: "\f4b9"; }
html[data-public-theme="turkmod"] .bi-patch-minus::before { content: "\f4ba"; }
html[data-public-theme="turkmod"] .bi-patch-plus-fill::before { content: "\f4bb"; }
html[data-public-theme="turkmod"] .bi-patch-plus::before { content: "\f4bc"; }
html[data-public-theme="turkmod"] .bi-patch-question-fill::before { content: "\f4bd"; }
html[data-public-theme="turkmod"] .bi-patch-question::before { content: "\f4be"; }
html[data-public-theme="turkmod"] .bi-pause-btn-fill::before { content: "\f4bf"; }
html[data-public-theme="turkmod"] .bi-pause-btn::before { content: "\f4c0"; }
html[data-public-theme="turkmod"] .bi-pause-circle-fill::before { content: "\f4c1"; }
html[data-public-theme="turkmod"] .bi-pause-circle::before { content: "\f4c2"; }
html[data-public-theme="turkmod"] .bi-pause-fill::before { content: "\f4c3"; }
html[data-public-theme="turkmod"] .bi-pause::before { content: "\f4c4"; }
html[data-public-theme="turkmod"] .bi-peace-fill::before { content: "\f4c5"; }
html[data-public-theme="turkmod"] .bi-peace::before { content: "\f4c6"; }
html[data-public-theme="turkmod"] .bi-pen-fill::before { content: "\f4c7"; }
html[data-public-theme="turkmod"] .bi-pen::before { content: "\f4c8"; }
html[data-public-theme="turkmod"] .bi-pencil-fill::before { content: "\f4c9"; }
html[data-public-theme="turkmod"] .bi-pencil-square::before { content: "\f4ca"; }
html[data-public-theme="turkmod"] .bi-pencil::before { content: "\f4cb"; }
html[data-public-theme="turkmod"] .bi-pentagon-fill::before { content: "\f4cc"; }
html[data-public-theme="turkmod"] .bi-pentagon-half::before { content: "\f4cd"; }
html[data-public-theme="turkmod"] .bi-pentagon::before { content: "\f4ce"; }
html[data-public-theme="turkmod"] .bi-people-fill::before { content: "\f4cf"; }
html[data-public-theme="turkmod"] .bi-people::before { content: "\f4d0"; }
html[data-public-theme="turkmod"] .bi-percent::before { content: "\f4d1"; }
html[data-public-theme="turkmod"] .bi-person-badge-fill::before { content: "\f4d2"; }
html[data-public-theme="turkmod"] .bi-person-badge::before { content: "\f4d3"; }
html[data-public-theme="turkmod"] .bi-person-bounding-box::before { content: "\f4d4"; }
html[data-public-theme="turkmod"] .bi-person-check-fill::before { content: "\f4d5"; }
html[data-public-theme="turkmod"] .bi-person-check::before { content: "\f4d6"; }
html[data-public-theme="turkmod"] .bi-person-circle::before { content: "\f4d7"; }
html[data-public-theme="turkmod"] .bi-person-dash-fill::before { content: "\f4d8"; }
html[data-public-theme="turkmod"] .bi-person-dash::before { content: "\f4d9"; }
html[data-public-theme="turkmod"] .bi-person-fill::before { content: "\f4da"; }
html[data-public-theme="turkmod"] .bi-person-lines-fill::before { content: "\f4db"; }
html[data-public-theme="turkmod"] .bi-person-plus-fill::before { content: "\f4dc"; }
html[data-public-theme="turkmod"] .bi-person-plus::before { content: "\f4dd"; }
html[data-public-theme="turkmod"] .bi-person-square::before { content: "\f4de"; }
html[data-public-theme="turkmod"] .bi-person-x-fill::before { content: "\f4df"; }
html[data-public-theme="turkmod"] .bi-person-x::before { content: "\f4e0"; }
html[data-public-theme="turkmod"] .bi-person::before { content: "\f4e1"; }
html[data-public-theme="turkmod"] .bi-phone-fill::before { content: "\f4e2"; }
html[data-public-theme="turkmod"] .bi-phone-landscape-fill::before { content: "\f4e3"; }
html[data-public-theme="turkmod"] .bi-phone-landscape::before { content: "\f4e4"; }
html[data-public-theme="turkmod"] .bi-phone-vibrate-fill::before { content: "\f4e5"; }
html[data-public-theme="turkmod"] .bi-phone-vibrate::before { content: "\f4e6"; }
html[data-public-theme="turkmod"] .bi-phone::before { content: "\f4e7"; }
html[data-public-theme="turkmod"] .bi-pie-chart-fill::before { content: "\f4e8"; }
html[data-public-theme="turkmod"] .bi-pie-chart::before { content: "\f4e9"; }
html[data-public-theme="turkmod"] .bi-pin-angle-fill::before { content: "\f4ea"; }
html[data-public-theme="turkmod"] .bi-pin-angle::before { content: "\f4eb"; }
html[data-public-theme="turkmod"] .bi-pin-fill::before { content: "\f4ec"; }
html[data-public-theme="turkmod"] .bi-pin::before { content: "\f4ed"; }
html[data-public-theme="turkmod"] .bi-pip-fill::before { content: "\f4ee"; }
html[data-public-theme="turkmod"] .bi-pip::before { content: "\f4ef"; }
html[data-public-theme="turkmod"] .bi-play-btn-fill::before { content: "\f4f0"; }
html[data-public-theme="turkmod"] .bi-play-btn::before { content: "\f4f1"; }
html[data-public-theme="turkmod"] .bi-play-circle-fill::before { content: "\f4f2"; }
html[data-public-theme="turkmod"] .bi-play-circle::before { content: "\f4f3"; }
html[data-public-theme="turkmod"] .bi-play-fill::before { content: "\f4f4"; }
html[data-public-theme="turkmod"] .bi-play::before { content: "\f4f5"; }
html[data-public-theme="turkmod"] .bi-plug-fill::before { content: "\f4f6"; }
html[data-public-theme="turkmod"] .bi-plug::before { content: "\f4f7"; }
html[data-public-theme="turkmod"] .bi-plus-circle-dotted::before { content: "\f4f8"; }
html[data-public-theme="turkmod"] .bi-plus-circle-fill::before { content: "\f4f9"; }
html[data-public-theme="turkmod"] .bi-plus-circle::before { content: "\f4fa"; }
html[data-public-theme="turkmod"] .bi-plus-square-dotted::before { content: "\f4fb"; }
html[data-public-theme="turkmod"] .bi-plus-square-fill::before { content: "\f4fc"; }
html[data-public-theme="turkmod"] .bi-plus-square::before { content: "\f4fd"; }
html[data-public-theme="turkmod"] .bi-plus::before { content: "\f4fe"; }
html[data-public-theme="turkmod"] .bi-power::before { content: "\f4ff"; }
html[data-public-theme="turkmod"] .bi-printer-fill::before { content: "\f500"; }
html[data-public-theme="turkmod"] .bi-printer::before { content: "\f501"; }
html[data-public-theme="turkmod"] .bi-puzzle-fill::before { content: "\f502"; }
html[data-public-theme="turkmod"] .bi-puzzle::before { content: "\f503"; }
html[data-public-theme="turkmod"] .bi-question-circle-fill::before { content: "\f504"; }
html[data-public-theme="turkmod"] .bi-question-circle::before { content: "\f505"; }
html[data-public-theme="turkmod"] .bi-question-diamond-fill::before { content: "\f506"; }
html[data-public-theme="turkmod"] .bi-question-diamond::before { content: "\f507"; }
html[data-public-theme="turkmod"] .bi-question-octagon-fill::before { content: "\f508"; }
html[data-public-theme="turkmod"] .bi-question-octagon::before { content: "\f509"; }
html[data-public-theme="turkmod"] .bi-question-square-fill::before { content: "\f50a"; }
html[data-public-theme="turkmod"] .bi-question-square::before { content: "\f50b"; }
html[data-public-theme="turkmod"] .bi-question::before { content: "\f50c"; }
html[data-public-theme="turkmod"] .bi-rainbow::before { content: "\f50d"; }
html[data-public-theme="turkmod"] .bi-receipt-cutoff::before { content: "\f50e"; }
html[data-public-theme="turkmod"] .bi-receipt::before { content: "\f50f"; }
html[data-public-theme="turkmod"] .bi-reception-0::before { content: "\f510"; }
html[data-public-theme="turkmod"] .bi-reception-1::before { content: "\f511"; }
html[data-public-theme="turkmod"] .bi-reception-2::before { content: "\f512"; }
html[data-public-theme="turkmod"] .bi-reception-3::before { content: "\f513"; }
html[data-public-theme="turkmod"] .bi-reception-4::before { content: "\f514"; }
html[data-public-theme="turkmod"] .bi-record-btn-fill::before { content: "\f515"; }
html[data-public-theme="turkmod"] .bi-record-btn::before { content: "\f516"; }
html[data-public-theme="turkmod"] .bi-record-circle-fill::before { content: "\f517"; }
html[data-public-theme="turkmod"] .bi-record-circle::before { content: "\f518"; }
html[data-public-theme="turkmod"] .bi-record-fill::before { content: "\f519"; }
html[data-public-theme="turkmod"] .bi-record::before { content: "\f51a"; }
html[data-public-theme="turkmod"] .bi-record2-fill::before { content: "\f51b"; }
html[data-public-theme="turkmod"] .bi-record2::before { content: "\f51c"; }
html[data-public-theme="turkmod"] .bi-reply-all-fill::before { content: "\f51d"; }
html[data-public-theme="turkmod"] .bi-reply-all::before { content: "\f51e"; }
html[data-public-theme="turkmod"] .bi-reply-fill::before { content: "\f51f"; }
html[data-public-theme="turkmod"] .bi-reply::before { content: "\f520"; }
html[data-public-theme="turkmod"] .bi-rss-fill::before { content: "\f521"; }
html[data-public-theme="turkmod"] .bi-rss::before { content: "\f522"; }
html[data-public-theme="turkmod"] .bi-rulers::before { content: "\f523"; }
html[data-public-theme="turkmod"] .bi-save-fill::before { content: "\f524"; }
html[data-public-theme="turkmod"] .bi-save::before { content: "\f525"; }
html[data-public-theme="turkmod"] .bi-save2-fill::before { content: "\f526"; }
html[data-public-theme="turkmod"] .bi-save2::before { content: "\f527"; }
html[data-public-theme="turkmod"] .bi-scissors::before { content: "\f528"; }
html[data-public-theme="turkmod"] .bi-screwdriver::before { content: "\f529"; }
html[data-public-theme="turkmod"] .bi-search::before { content: "\f52a"; }
html[data-public-theme="turkmod"] .bi-segmented-nav::before { content: "\f52b"; }
html[data-public-theme="turkmod"] .bi-server::before { content: "\f52c"; }
html[data-public-theme="turkmod"] .bi-share-fill::before { content: "\f52d"; }
html[data-public-theme="turkmod"] .bi-share::before { content: "\f52e"; }
html[data-public-theme="turkmod"] .bi-shield-check::before { content: "\f52f"; }
html[data-public-theme="turkmod"] .bi-shield-exclamation::before { content: "\f530"; }
html[data-public-theme="turkmod"] .bi-shield-fill-check::before { content: "\f531"; }
html[data-public-theme="turkmod"] .bi-shield-fill-exclamation::before { content: "\f532"; }
html[data-public-theme="turkmod"] .bi-shield-fill-minus::before { content: "\f533"; }
html[data-public-theme="turkmod"] .bi-shield-fill-plus::before { content: "\f534"; }
html[data-public-theme="turkmod"] .bi-shield-fill-x::before { content: "\f535"; }
html[data-public-theme="turkmod"] .bi-shield-fill::before { content: "\f536"; }
html[data-public-theme="turkmod"] .bi-shield-lock-fill::before { content: "\f537"; }
html[data-public-theme="turkmod"] .bi-shield-lock::before { content: "\f538"; }
html[data-public-theme="turkmod"] .bi-shield-minus::before { content: "\f539"; }
html[data-public-theme="turkmod"] .bi-shield-plus::before { content: "\f53a"; }
html[data-public-theme="turkmod"] .bi-shield-shaded::before { content: "\f53b"; }
html[data-public-theme="turkmod"] .bi-shield-slash-fill::before { content: "\f53c"; }
html[data-public-theme="turkmod"] .bi-shield-slash::before { content: "\f53d"; }
html[data-public-theme="turkmod"] .bi-shield-x::before { content: "\f53e"; }
html[data-public-theme="turkmod"] .bi-shield::before { content: "\f53f"; }
html[data-public-theme="turkmod"] .bi-shift-fill::before { content: "\f540"; }
html[data-public-theme="turkmod"] .bi-shift::before { content: "\f541"; }
html[data-public-theme="turkmod"] .bi-shop-window::before { content: "\f542"; }
html[data-public-theme="turkmod"] .bi-shop::before { content: "\f543"; }
html[data-public-theme="turkmod"] .bi-shuffle::before { content: "\f544"; }
html[data-public-theme="turkmod"] .bi-signpost-2-fill::before { content: "\f545"; }
html[data-public-theme="turkmod"] .bi-signpost-2::before { content: "\f546"; }
html[data-public-theme="turkmod"] .bi-signpost-fill::before { content: "\f547"; }
html[data-public-theme="turkmod"] .bi-signpost-split-fill::before { content: "\f548"; }
html[data-public-theme="turkmod"] .bi-signpost-split::before { content: "\f549"; }
html[data-public-theme="turkmod"] .bi-signpost::before { content: "\f54a"; }
html[data-public-theme="turkmod"] .bi-sim-fill::before { content: "\f54b"; }
html[data-public-theme="turkmod"] .bi-sim::before { content: "\f54c"; }
html[data-public-theme="turkmod"] .bi-skip-backward-btn-fill::before { content: "\f54d"; }
html[data-public-theme="turkmod"] .bi-skip-backward-btn::before { content: "\f54e"; }
html[data-public-theme="turkmod"] .bi-skip-backward-circle-fill::before { content: "\f54f"; }
html[data-public-theme="turkmod"] .bi-skip-backward-circle::before { content: "\f550"; }
html[data-public-theme="turkmod"] .bi-skip-backward-fill::before { content: "\f551"; }
html[data-public-theme="turkmod"] .bi-skip-backward::before { content: "\f552"; }
html[data-public-theme="turkmod"] .bi-skip-end-btn-fill::before { content: "\f553"; }
html[data-public-theme="turkmod"] .bi-skip-end-btn::before { content: "\f554"; }
html[data-public-theme="turkmod"] .bi-skip-end-circle-fill::before { content: "\f555"; }
html[data-public-theme="turkmod"] .bi-skip-end-circle::before { content: "\f556"; }
html[data-public-theme="turkmod"] .bi-skip-end-fill::before { content: "\f557"; }
html[data-public-theme="turkmod"] .bi-skip-end::before { content: "\f558"; }
html[data-public-theme="turkmod"] .bi-skip-forward-btn-fill::before { content: "\f559"; }
html[data-public-theme="turkmod"] .bi-skip-forward-btn::before { content: "\f55a"; }
html[data-public-theme="turkmod"] .bi-skip-forward-circle-fill::before { content: "\f55b"; }
html[data-public-theme="turkmod"] .bi-skip-forward-circle::before { content: "\f55c"; }
html[data-public-theme="turkmod"] .bi-skip-forward-fill::before { content: "\f55d"; }
html[data-public-theme="turkmod"] .bi-skip-forward::before { content: "\f55e"; }
html[data-public-theme="turkmod"] .bi-skip-start-btn-fill::before { content: "\f55f"; }
html[data-public-theme="turkmod"] .bi-skip-start-btn::before { content: "\f560"; }
html[data-public-theme="turkmod"] .bi-skip-start-circle-fill::before { content: "\f561"; }
html[data-public-theme="turkmod"] .bi-skip-start-circle::before { content: "\f562"; }
html[data-public-theme="turkmod"] .bi-skip-start-fill::before { content: "\f563"; }
html[data-public-theme="turkmod"] .bi-skip-start::before { content: "\f564"; }
html[data-public-theme="turkmod"] .bi-slack::before { content: "\f565"; }
html[data-public-theme="turkmod"] .bi-slash-circle-fill::before { content: "\f566"; }
html[data-public-theme="turkmod"] .bi-slash-circle::before { content: "\f567"; }
html[data-public-theme="turkmod"] .bi-slash-square-fill::before { content: "\f568"; }
html[data-public-theme="turkmod"] .bi-slash-square::before { content: "\f569"; }
html[data-public-theme="turkmod"] .bi-slash::before { content: "\f56a"; }
html[data-public-theme="turkmod"] .bi-sliders::before { content: "\f56b"; }
html[data-public-theme="turkmod"] .bi-smartwatch::before { content: "\f56c"; }
html[data-public-theme="turkmod"] .bi-snow::before { content: "\f56d"; }
html[data-public-theme="turkmod"] .bi-snow2::before { content: "\f56e"; }
html[data-public-theme="turkmod"] .bi-snow3::before { content: "\f56f"; }
html[data-public-theme="turkmod"] .bi-sort-alpha-down-alt::before { content: "\f570"; }
html[data-public-theme="turkmod"] .bi-sort-alpha-down::before { content: "\f571"; }
html[data-public-theme="turkmod"] .bi-sort-alpha-up-alt::before { content: "\f572"; }
html[data-public-theme="turkmod"] .bi-sort-alpha-up::before { content: "\f573"; }
html[data-public-theme="turkmod"] .bi-sort-down-alt::before { content: "\f574"; }
html[data-public-theme="turkmod"] .bi-sort-down::before { content: "\f575"; }
html[data-public-theme="turkmod"] .bi-sort-numeric-down-alt::before { content: "\f576"; }
html[data-public-theme="turkmod"] .bi-sort-numeric-down::before { content: "\f577"; }
html[data-public-theme="turkmod"] .bi-sort-numeric-up-alt::before { content: "\f578"; }
html[data-public-theme="turkmod"] .bi-sort-numeric-up::before { content: "\f579"; }
html[data-public-theme="turkmod"] .bi-sort-up-alt::before { content: "\f57a"; }
html[data-public-theme="turkmod"] .bi-sort-up::before { content: "\f57b"; }
html[data-public-theme="turkmod"] .bi-soundwave::before { content: "\f57c"; }
html[data-public-theme="turkmod"] .bi-speaker-fill::before { content: "\f57d"; }
html[data-public-theme="turkmod"] .bi-speaker::before { content: "\f57e"; }
html[data-public-theme="turkmod"] .bi-speedometer::before { content: "\f57f"; }
html[data-public-theme="turkmod"] .bi-speedometer2::before { content: "\f580"; }
html[data-public-theme="turkmod"] .bi-spellcheck::before { content: "\f581"; }
html[data-public-theme="turkmod"] .bi-square-fill::before { content: "\f582"; }
html[data-public-theme="turkmod"] .bi-square-half::before { content: "\f583"; }
html[data-public-theme="turkmod"] .bi-square::before { content: "\f584"; }
html[data-public-theme="turkmod"] .bi-stack::before { content: "\f585"; }
html[data-public-theme="turkmod"] .bi-star-fill::before { content: "\f586"; }
html[data-public-theme="turkmod"] .bi-star-half::before { content: "\f587"; }
html[data-public-theme="turkmod"] .bi-star::before { content: "\f588"; }
html[data-public-theme="turkmod"] .bi-stars::before { content: "\f589"; }
html[data-public-theme="turkmod"] .bi-stickies-fill::before { content: "\f58a"; }
html[data-public-theme="turkmod"] .bi-stickies::before { content: "\f58b"; }
html[data-public-theme="turkmod"] .bi-sticky-fill::before { content: "\f58c"; }
html[data-public-theme="turkmod"] .bi-sticky::before { content: "\f58d"; }
html[data-public-theme="turkmod"] .bi-stop-btn-fill::before { content: "\f58e"; }
html[data-public-theme="turkmod"] .bi-stop-btn::before { content: "\f58f"; }
html[data-public-theme="turkmod"] .bi-stop-circle-fill::before { content: "\f590"; }
html[data-public-theme="turkmod"] .bi-stop-circle::before { content: "\f591"; }
html[data-public-theme="turkmod"] .bi-stop-fill::before { content: "\f592"; }
html[data-public-theme="turkmod"] .bi-stop::before { content: "\f593"; }
html[data-public-theme="turkmod"] .bi-stoplights-fill::before { content: "\f594"; }
html[data-public-theme="turkmod"] .bi-stoplights::before { content: "\f595"; }
html[data-public-theme="turkmod"] .bi-stopwatch-fill::before { content: "\f596"; }
html[data-public-theme="turkmod"] .bi-stopwatch::before { content: "\f597"; }
html[data-public-theme="turkmod"] .bi-subtract::before { content: "\f598"; }
html[data-public-theme="turkmod"] .bi-suit-club-fill::before { content: "\f599"; }
html[data-public-theme="turkmod"] .bi-suit-club::before { content: "\f59a"; }
html[data-public-theme="turkmod"] .bi-suit-diamond-fill::before { content: "\f59b"; }
html[data-public-theme="turkmod"] .bi-suit-diamond::before { content: "\f59c"; }
html[data-public-theme="turkmod"] .bi-suit-heart-fill::before { content: "\f59d"; }
html[data-public-theme="turkmod"] .bi-suit-heart::before { content: "\f59e"; }
html[data-public-theme="turkmod"] .bi-suit-spade-fill::before { content: "\f59f"; }
html[data-public-theme="turkmod"] .bi-suit-spade::before { content: "\f5a0"; }
html[data-public-theme="turkmod"] .bi-sun-fill::before { content: "\f5a1"; }
html[data-public-theme="turkmod"] .bi-sun::before { content: "\f5a2"; }
html[data-public-theme="turkmod"] .bi-sunglasses::before { content: "\f5a3"; }
html[data-public-theme="turkmod"] .bi-sunrise-fill::before { content: "\f5a4"; }
html[data-public-theme="turkmod"] .bi-sunrise::before { content: "\f5a5"; }
html[data-public-theme="turkmod"] .bi-sunset-fill::before { content: "\f5a6"; }
html[data-public-theme="turkmod"] .bi-sunset::before { content: "\f5a7"; }
html[data-public-theme="turkmod"] .bi-symmetry-horizontal::before { content: "\f5a8"; }
html[data-public-theme="turkmod"] .bi-symmetry-vertical::before { content: "\f5a9"; }
html[data-public-theme="turkmod"] .bi-table::before { content: "\f5aa"; }
html[data-public-theme="turkmod"] .bi-tablet-fill::before { content: "\f5ab"; }
html[data-public-theme="turkmod"] .bi-tablet-landscape-fill::before { content: "\f5ac"; }
html[data-public-theme="turkmod"] .bi-tablet-landscape::before { content: "\f5ad"; }
html[data-public-theme="turkmod"] .bi-tablet::before { content: "\f5ae"; }
html[data-public-theme="turkmod"] .bi-tag-fill::before { content: "\f5af"; }
html[data-public-theme="turkmod"] .bi-tag::before { content: "\f5b0"; }
html[data-public-theme="turkmod"] .bi-tags-fill::before { content: "\f5b1"; }
html[data-public-theme="turkmod"] .bi-tags::before { content: "\f5b2"; }
html[data-public-theme="turkmod"] .bi-telegram::before { content: "\f5b3"; }
html[data-public-theme="turkmod"] .bi-telephone-fill::before { content: "\f5b4"; }
html[data-public-theme="turkmod"] .bi-telephone-forward-fill::before { content: "\f5b5"; }
html[data-public-theme="turkmod"] .bi-telephone-forward::before { content: "\f5b6"; }
html[data-public-theme="turkmod"] .bi-telephone-inbound-fill::before { content: "\f5b7"; }
html[data-public-theme="turkmod"] .bi-telephone-inbound::before { content: "\f5b8"; }
html[data-public-theme="turkmod"] .bi-telephone-minus-fill::before { content: "\f5b9"; }
html[data-public-theme="turkmod"] .bi-telephone-minus::before { content: "\f5ba"; }
html[data-public-theme="turkmod"] .bi-telephone-outbound-fill::before { content: "\f5bb"; }
html[data-public-theme="turkmod"] .bi-telephone-outbound::before { content: "\f5bc"; }
html[data-public-theme="turkmod"] .bi-telephone-plus-fill::before { content: "\f5bd"; }
html[data-public-theme="turkmod"] .bi-telephone-plus::before { content: "\f5be"; }
html[data-public-theme="turkmod"] .bi-telephone-x-fill::before { content: "\f5bf"; }
html[data-public-theme="turkmod"] .bi-telephone-x::before { content: "\f5c0"; }
html[data-public-theme="turkmod"] .bi-telephone::before { content: "\f5c1"; }
html[data-public-theme="turkmod"] .bi-terminal-fill::before { content: "\f5c2"; }
html[data-public-theme="turkmod"] .bi-terminal::before { content: "\f5c3"; }
html[data-public-theme="turkmod"] .bi-text-center::before { content: "\f5c4"; }
html[data-public-theme="turkmod"] .bi-text-indent-left::before { content: "\f5c5"; }
html[data-public-theme="turkmod"] .bi-text-indent-right::before { content: "\f5c6"; }
html[data-public-theme="turkmod"] .bi-text-left::before { content: "\f5c7"; }
html[data-public-theme="turkmod"] .bi-text-paragraph::before { content: "\f5c8"; }
html[data-public-theme="turkmod"] .bi-text-right::before { content: "\f5c9"; }
html[data-public-theme="turkmod"] .bi-textarea-resize::before { content: "\f5ca"; }
html[data-public-theme="turkmod"] .bi-textarea-t::before { content: "\f5cb"; }
html[data-public-theme="turkmod"] .bi-textarea::before { content: "\f5cc"; }
html[data-public-theme="turkmod"] .bi-thermometer-half::before { content: "\f5cd"; }
html[data-public-theme="turkmod"] .bi-thermometer-high::before { content: "\f5ce"; }
html[data-public-theme="turkmod"] .bi-thermometer-low::before { content: "\f5cf"; }
html[data-public-theme="turkmod"] .bi-thermometer-snow::before { content: "\f5d0"; }
html[data-public-theme="turkmod"] .bi-thermometer-sun::before { content: "\f5d1"; }
html[data-public-theme="turkmod"] .bi-thermometer::before { content: "\f5d2"; }
html[data-public-theme="turkmod"] .bi-three-dots-vertical::before { content: "\f5d3"; }
html[data-public-theme="turkmod"] .bi-three-dots::before { content: "\f5d4"; }
html[data-public-theme="turkmod"] .bi-toggle-off::before { content: "\f5d5"; }
html[data-public-theme="turkmod"] .bi-toggle-on::before { content: "\f5d6"; }
html[data-public-theme="turkmod"] .bi-toggle2-off::before { content: "\f5d7"; }
html[data-public-theme="turkmod"] .bi-toggle2-on::before { content: "\f5d8"; }
html[data-public-theme="turkmod"] .bi-toggles::before { content: "\f5d9"; }
html[data-public-theme="turkmod"] .bi-toggles2::before { content: "\f5da"; }
html[data-public-theme="turkmod"] .bi-tools::before { content: "\f5db"; }
html[data-public-theme="turkmod"] .bi-tornado::before { content: "\f5dc"; }
html[data-public-theme="turkmod"] .bi-trash-fill::before { content: "\f5dd"; }
html[data-public-theme="turkmod"] .bi-trash::before { content: "\f5de"; }
html[data-public-theme="turkmod"] .bi-trash2-fill::before { content: "\f5df"; }
html[data-public-theme="turkmod"] .bi-trash2::before { content: "\f5e0"; }
html[data-public-theme="turkmod"] .bi-tree-fill::before { content: "\f5e1"; }
html[data-public-theme="turkmod"] .bi-tree::before { content: "\f5e2"; }
html[data-public-theme="turkmod"] .bi-triangle-fill::before { content: "\f5e3"; }
html[data-public-theme="turkmod"] .bi-triangle-half::before { content: "\f5e4"; }
html[data-public-theme="turkmod"] .bi-triangle::before { content: "\f5e5"; }
html[data-public-theme="turkmod"] .bi-trophy-fill::before { content: "\f5e6"; }
html[data-public-theme="turkmod"] .bi-trophy::before { content: "\f5e7"; }
html[data-public-theme="turkmod"] .bi-tropical-storm::before { content: "\f5e8"; }
html[data-public-theme="turkmod"] .bi-truck-flatbed::before { content: "\f5e9"; }
html[data-public-theme="turkmod"] .bi-truck::before { content: "\f5ea"; }
html[data-public-theme="turkmod"] .bi-tsunami::before { content: "\f5eb"; }
html[data-public-theme="turkmod"] .bi-tv-fill::before { content: "\f5ec"; }
html[data-public-theme="turkmod"] .bi-tv::before { content: "\f5ed"; }
html[data-public-theme="turkmod"] .bi-twitch::before { content: "\f5ee"; }
html[data-public-theme="turkmod"] .bi-twitter::before { content: "\f5ef"; }
html[data-public-theme="turkmod"] .bi-type-bold::before { content: "\f5f0"; }
html[data-public-theme="turkmod"] .bi-type-h1::before { content: "\f5f1"; }
html[data-public-theme="turkmod"] .bi-type-h2::before { content: "\f5f2"; }
html[data-public-theme="turkmod"] .bi-type-h3::before { content: "\f5f3"; }
html[data-public-theme="turkmod"] .bi-type-italic::before { content: "\f5f4"; }
html[data-public-theme="turkmod"] .bi-type-strikethrough::before { content: "\f5f5"; }
html[data-public-theme="turkmod"] .bi-type-underline::before { content: "\f5f6"; }
html[data-public-theme="turkmod"] .bi-type::before { content: "\f5f7"; }
html[data-public-theme="turkmod"] .bi-ui-checks-grid::before { content: "\f5f8"; }
html[data-public-theme="turkmod"] .bi-ui-checks::before { content: "\f5f9"; }
html[data-public-theme="turkmod"] .bi-ui-radios-grid::before { content: "\f5fa"; }
html[data-public-theme="turkmod"] .bi-ui-radios::before { content: "\f5fb"; }
html[data-public-theme="turkmod"] .bi-umbrella-fill::before { content: "\f5fc"; }
html[data-public-theme="turkmod"] .bi-umbrella::before { content: "\f5fd"; }
html[data-public-theme="turkmod"] .bi-union::before { content: "\f5fe"; }
html[data-public-theme="turkmod"] .bi-unlock-fill::before { content: "\f5ff"; }
html[data-public-theme="turkmod"] .bi-unlock::before { content: "\f600"; }
html[data-public-theme="turkmod"] .bi-upc-scan::before { content: "\f601"; }
html[data-public-theme="turkmod"] .bi-upc::before { content: "\f602"; }
html[data-public-theme="turkmod"] .bi-upload::before { content: "\f603"; }
html[data-public-theme="turkmod"] .bi-vector-pen::before { content: "\f604"; }
html[data-public-theme="turkmod"] .bi-view-list::before { content: "\f605"; }
html[data-public-theme="turkmod"] .bi-view-stacked::before { content: "\f606"; }
html[data-public-theme="turkmod"] .bi-vinyl-fill::before { content: "\f607"; }
html[data-public-theme="turkmod"] .bi-vinyl::before { content: "\f608"; }
html[data-public-theme="turkmod"] .bi-voicemail::before { content: "\f609"; }
html[data-public-theme="turkmod"] .bi-volume-down-fill::before { content: "\f60a"; }
html[data-public-theme="turkmod"] .bi-volume-down::before { content: "\f60b"; }
html[data-public-theme="turkmod"] .bi-volume-mute-fill::before { content: "\f60c"; }
html[data-public-theme="turkmod"] .bi-volume-mute::before { content: "\f60d"; }
html[data-public-theme="turkmod"] .bi-volume-off-fill::before { content: "\f60e"; }
html[data-public-theme="turkmod"] .bi-volume-off::before { content: "\f60f"; }
html[data-public-theme="turkmod"] .bi-volume-up-fill::before { content: "\f610"; }
html[data-public-theme="turkmod"] .bi-volume-up::before { content: "\f611"; }
html[data-public-theme="turkmod"] .bi-vr::before { content: "\f612"; }
html[data-public-theme="turkmod"] .bi-wallet-fill::before { content: "\f613"; }
html[data-public-theme="turkmod"] .bi-wallet::before { content: "\f614"; }
html[data-public-theme="turkmod"] .bi-wallet2::before { content: "\f615"; }
html[data-public-theme="turkmod"] .bi-watch::before { content: "\f616"; }
html[data-public-theme="turkmod"] .bi-water::before { content: "\f617"; }
html[data-public-theme="turkmod"] .bi-whatsapp::before { content: "\f618"; }
html[data-public-theme="turkmod"] .bi-wifi-1::before { content: "\f619"; }
html[data-public-theme="turkmod"] .bi-wifi-2::before { content: "\f61a"; }
html[data-public-theme="turkmod"] .bi-wifi-off::before { content: "\f61b"; }
html[data-public-theme="turkmod"] .bi-wifi::before { content: "\f61c"; }
html[data-public-theme="turkmod"] .bi-wind::before { content: "\f61d"; }
html[data-public-theme="turkmod"] .bi-window-dock::before { content: "\f61e"; }
html[data-public-theme="turkmod"] .bi-window-sidebar::before { content: "\f61f"; }
html[data-public-theme="turkmod"] .bi-window::before { content: "\f620"; }
html[data-public-theme="turkmod"] .bi-wrench::before { content: "\f621"; }
html[data-public-theme="turkmod"] .bi-x-circle-fill::before { content: "\f622"; }
html[data-public-theme="turkmod"] .bi-x-circle::before { content: "\f623"; }
html[data-public-theme="turkmod"] .bi-x-diamond-fill::before { content: "\f624"; }
html[data-public-theme="turkmod"] .bi-x-diamond::before { content: "\f625"; }
html[data-public-theme="turkmod"] .bi-x-octagon-fill::before { content: "\f626"; }
html[data-public-theme="turkmod"] .bi-x-octagon::before { content: "\f627"; }
html[data-public-theme="turkmod"] .bi-x-square-fill::before { content: "\f628"; }
html[data-public-theme="turkmod"] .bi-x-square::before { content: "\f629"; }
html[data-public-theme="turkmod"] .bi-x::before { content: "\f62a"; }
html[data-public-theme="turkmod"] .bi-youtube::before { content: "\f62b"; }
html[data-public-theme="turkmod"] .bi-zoom-in::before { content: "\f62c"; }
html[data-public-theme="turkmod"] .bi-zoom-out::before { content: "\f62d"; }
html[data-public-theme="turkmod"] .bi-bank::before { content: "\f62e"; }
html[data-public-theme="turkmod"] .bi-bank2::before { content: "\f62f"; }
html[data-public-theme="turkmod"] .bi-bell-slash-fill::before { content: "\f630"; }
html[data-public-theme="turkmod"] .bi-bell-slash::before { content: "\f631"; }
html[data-public-theme="turkmod"] .bi-cash-coin::before { content: "\f632"; }
html[data-public-theme="turkmod"] .bi-check-lg::before { content: "\f633"; }
html[data-public-theme="turkmod"] .bi-coin::before { content: "\f634"; }
html[data-public-theme="turkmod"] .bi-currency-bitcoin::before { content: "\f635"; }
html[data-public-theme="turkmod"] .bi-currency-dollar::before { content: "\f636"; }
html[data-public-theme="turkmod"] .bi-currency-euro::before { content: "\f637"; }
html[data-public-theme="turkmod"] .bi-currency-exchange::before { content: "\f638"; }
html[data-public-theme="turkmod"] .bi-currency-pound::before { content: "\f639"; }
html[data-public-theme="turkmod"] .bi-currency-yen::before { content: "\f63a"; }
html[data-public-theme="turkmod"] .bi-dash-lg::before { content: "\f63b"; }
html[data-public-theme="turkmod"] .bi-exclamation-lg::before { content: "\f63c"; }
html[data-public-theme="turkmod"] .bi-file-earmark-pdf-fill::before { content: "\f63d"; }
html[data-public-theme="turkmod"] .bi-file-earmark-pdf::before { content: "\f63e"; }
html[data-public-theme="turkmod"] .bi-file-pdf-fill::before { content: "\f63f"; }
html[data-public-theme="turkmod"] .bi-file-pdf::before { content: "\f640"; }
html[data-public-theme="turkmod"] .bi-gender-ambiguous::before { content: "\f641"; }
html[data-public-theme="turkmod"] .bi-gender-female::before { content: "\f642"; }
html[data-public-theme="turkmod"] .bi-gender-male::before { content: "\f643"; }
html[data-public-theme="turkmod"] .bi-gender-trans::before { content: "\f644"; }
html[data-public-theme="turkmod"] .bi-headset-vr::before { content: "\f645"; }
html[data-public-theme="turkmod"] .bi-info-lg::before { content: "\f646"; }
html[data-public-theme="turkmod"] .bi-mastodon::before { content: "\f647"; }
html[data-public-theme="turkmod"] .bi-messenger::before { content: "\f648"; }
html[data-public-theme="turkmod"] .bi-piggy-bank-fill::before { content: "\f649"; }
html[data-public-theme="turkmod"] .bi-piggy-bank::before { content: "\f64a"; }
html[data-public-theme="turkmod"] .bi-pin-map-fill::before { content: "\f64b"; }
html[data-public-theme="turkmod"] .bi-pin-map::before { content: "\f64c"; }
html[data-public-theme="turkmod"] .bi-plus-lg::before { content: "\f64d"; }
html[data-public-theme="turkmod"] .bi-question-lg::before { content: "\f64e"; }
html[data-public-theme="turkmod"] .bi-recycle::before { content: "\f64f"; }
html[data-public-theme="turkmod"] .bi-reddit::before { content: "\f650"; }
html[data-public-theme="turkmod"] .bi-safe-fill::before { content: "\f651"; }
html[data-public-theme="turkmod"] .bi-safe2-fill::before { content: "\f652"; }
html[data-public-theme="turkmod"] .bi-safe2::before { content: "\f653"; }
html[data-public-theme="turkmod"] .bi-sd-card-fill::before { content: "\f654"; }
html[data-public-theme="turkmod"] .bi-sd-card::before { content: "\f655"; }
html[data-public-theme="turkmod"] .bi-skype::before { content: "\f656"; }
html[data-public-theme="turkmod"] .bi-slash-lg::before { content: "\f657"; }
html[data-public-theme="turkmod"] .bi-translate::before { content: "\f658"; }
html[data-public-theme="turkmod"] .bi-x-lg::before { content: "\f659"; }
html[data-public-theme="turkmod"] .bi-safe::before { content: "\f65a"; }
html[data-public-theme="turkmod"] .bi-apple::before { content: "\f65b"; }
html[data-public-theme="turkmod"] .bi-microsoft::before { content: "\f65d"; }
html[data-public-theme="turkmod"] .bi-windows::before { content: "\f65e"; }
html[data-public-theme="turkmod"] .bi-behance::before { content: "\f65c"; }
html[data-public-theme="turkmod"] .bi-dribbble::before { content: "\f65f"; }
html[data-public-theme="turkmod"] .bi-line::before { content: "\f660"; }
html[data-public-theme="turkmod"] .bi-medium::before { content: "\f661"; }
html[data-public-theme="turkmod"] .bi-paypal::before { content: "\f662"; }
html[data-public-theme="turkmod"] .bi-pinterest::before { content: "\f663"; }
html[data-public-theme="turkmod"] .bi-signal::before { content: "\f664"; }
html[data-public-theme="turkmod"] .bi-snapchat::before { content: "\f665"; }
html[data-public-theme="turkmod"] .bi-spotify::before { content: "\f666"; }
html[data-public-theme="turkmod"] .bi-stack-overflow::before { content: "\f667"; }
html[data-public-theme="turkmod"] .bi-strava::before { content: "\f668"; }
html[data-public-theme="turkmod"] .bi-wordpress::before { content: "\f669"; }
html[data-public-theme="turkmod"] .bi-vimeo::before { content: "\f66a"; }
html[data-public-theme="turkmod"] .bi-activity::before { content: "\f66b"; }
html[data-public-theme="turkmod"] .bi-easel2-fill::before { content: "\f66c"; }
html[data-public-theme="turkmod"] .bi-easel2::before { content: "\f66d"; }
html[data-public-theme="turkmod"] .bi-easel3-fill::before { content: "\f66e"; }
html[data-public-theme="turkmod"] .bi-easel3::before { content: "\f66f"; }
html[data-public-theme="turkmod"] .bi-fan::before { content: "\f670"; }
html[data-public-theme="turkmod"] .bi-fingerprint::before { content: "\f671"; }
html[data-public-theme="turkmod"] .bi-graph-down-arrow::before { content: "\f672"; }
html[data-public-theme="turkmod"] .bi-graph-up-arrow::before { content: "\f673"; }
html[data-public-theme="turkmod"] .bi-hypnotize::before { content: "\f674"; }
html[data-public-theme="turkmod"] .bi-magic::before { content: "\f675"; }
html[data-public-theme="turkmod"] .bi-person-rolodex::before { content: "\f676"; }
html[data-public-theme="turkmod"] .bi-person-video::before { content: "\f677"; }
html[data-public-theme="turkmod"] .bi-person-video2::before { content: "\f678"; }
html[data-public-theme="turkmod"] .bi-person-video3::before { content: "\f679"; }
html[data-public-theme="turkmod"] .bi-person-workspace::before { content: "\f67a"; }
html[data-public-theme="turkmod"] .bi-radioactive::before { content: "\f67b"; }
html[data-public-theme="turkmod"] .bi-webcam-fill::before { content: "\f67c"; }
html[data-public-theme="turkmod"] .bi-webcam::before { content: "\f67d"; }
html[data-public-theme="turkmod"] .bi-yin-yang::before { content: "\f67e"; }
html[data-public-theme="turkmod"] .bi-bandaid-fill::before { content: "\f680"; }
html[data-public-theme="turkmod"] .bi-bandaid::before { content: "\f681"; }
html[data-public-theme="turkmod"] .bi-bluetooth::before { content: "\f682"; }
html[data-public-theme="turkmod"] .bi-body-text::before { content: "\f683"; }
html[data-public-theme="turkmod"] .bi-boombox::before { content: "\f684"; }
html[data-public-theme="turkmod"] .bi-boxes::before { content: "\f685"; }
html[data-public-theme="turkmod"] .bi-dpad-fill::before { content: "\f686"; }
html[data-public-theme="turkmod"] .bi-dpad::before { content: "\f687"; }
html[data-public-theme="turkmod"] .bi-ear-fill::before { content: "\f688"; }
html[data-public-theme="turkmod"] .bi-ear::before { content: "\f689"; }
html[data-public-theme="turkmod"] .bi-envelope-check-1::before { content: "\f68a"; }
html[data-public-theme="turkmod"] .bi-envelope-check-fill::before { content: "\f68b"; }
html[data-public-theme="turkmod"] .bi-envelope-check::before { content: "\f68c"; }
html[data-public-theme="turkmod"] .bi-envelope-dash-1::before { content: "\f68d"; }
html[data-public-theme="turkmod"] .bi-envelope-dash-fill::before { content: "\f68e"; }
html[data-public-theme="turkmod"] .bi-envelope-dash::before { content: "\f68f"; }
html[data-public-theme="turkmod"] .bi-envelope-exclamation-1::before { content: "\f690"; }
html[data-public-theme="turkmod"] .bi-envelope-exclamation-fill::before { content: "\f691"; }
html[data-public-theme="turkmod"] .bi-envelope-exclamation::before { content: "\f692"; }
html[data-public-theme="turkmod"] .bi-envelope-plus-fill::before { content: "\f693"; }
html[data-public-theme="turkmod"] .bi-envelope-plus::before { content: "\f694"; }
html[data-public-theme="turkmod"] .bi-envelope-slash-1::before { content: "\f695"; }
html[data-public-theme="turkmod"] .bi-envelope-slash-fill::before { content: "\f696"; }
html[data-public-theme="turkmod"] .bi-envelope-slash::before { content: "\f697"; }
html[data-public-theme="turkmod"] .bi-envelope-x-1::before { content: "\f698"; }
html[data-public-theme="turkmod"] .bi-envelope-x-fill::before { content: "\f699"; }
html[data-public-theme="turkmod"] .bi-envelope-x::before { content: "\f69a"; }
html[data-public-theme="turkmod"] .bi-explicit-fill::before { content: "\f69b"; }
html[data-public-theme="turkmod"] .bi-explicit::before { content: "\f69c"; }
html[data-public-theme="turkmod"] .bi-git::before { content: "\f69d"; }
html[data-public-theme="turkmod"] .bi-infinity::before { content: "\f69e"; }
html[data-public-theme="turkmod"] .bi-list-columns-reverse::before { content: "\f69f"; }
html[data-public-theme="turkmod"] .bi-list-columns::before { content: "\f6a0"; }
html[data-public-theme="turkmod"] .bi-meta::before { content: "\f6a1"; }
html[data-public-theme="turkmod"] .bi-mortorboard-fill::before { content: "\f6a2"; }
html[data-public-theme="turkmod"] .bi-mortorboard::before { content: "\f6a3"; }
html[data-public-theme="turkmod"] .bi-nintendo-switch::before { content: "\f6a4"; }
html[data-public-theme="turkmod"] .bi-pc-display-horizontal::before { content: "\f6a5"; }
html[data-public-theme="turkmod"] .bi-pc-display::before { content: "\f6a6"; }
html[data-public-theme="turkmod"] .bi-pc-horizontal::before { content: "\f6a7"; }
html[data-public-theme="turkmod"] .bi-pc::before { content: "\f6a8"; }
html[data-public-theme="turkmod"] .bi-playstation::before { content: "\f6a9"; }
html[data-public-theme="turkmod"] .bi-plus-slash-minus::before { content: "\f6aa"; }
html[data-public-theme="turkmod"] .bi-projector-fill::before { content: "\f6ab"; }
html[data-public-theme="turkmod"] .bi-projector::before { content: "\f6ac"; }
html[data-public-theme="turkmod"] .bi-qr-code-scan::before { content: "\f6ad"; }
html[data-public-theme="turkmod"] .bi-qr-code::before { content: "\f6ae"; }
html[data-public-theme="turkmod"] .bi-quora::before { content: "\f6af"; }
html[data-public-theme="turkmod"] .bi-quote::before { content: "\f6b0"; }
html[data-public-theme="turkmod"] .bi-robot::before { content: "\f6b1"; }
html[data-public-theme="turkmod"] .bi-send-check-fill::before { content: "\f6b2"; }
html[data-public-theme="turkmod"] .bi-send-check::before { content: "\f6b3"; }
html[data-public-theme="turkmod"] .bi-send-dash-fill::before { content: "\f6b4"; }
html[data-public-theme="turkmod"] .bi-send-dash::before { content: "\f6b5"; }
html[data-public-theme="turkmod"] .bi-send-exclamation-1::before { content: "\f6b6"; }
html[data-public-theme="turkmod"] .bi-send-exclamation-fill::before { content: "\f6b7"; }
html[data-public-theme="turkmod"] .bi-send-exclamation::before { content: "\f6b8"; }
html[data-public-theme="turkmod"] .bi-send-fill::before { content: "\f6b9"; }
html[data-public-theme="turkmod"] .bi-send-plus-fill::before { content: "\f6ba"; }
html[data-public-theme="turkmod"] .bi-send-plus::before { content: "\f6bb"; }
html[data-public-theme="turkmod"] .bi-send-slash-fill::before { content: "\f6bc"; }
html[data-public-theme="turkmod"] .bi-send-slash::before { content: "\f6bd"; }
html[data-public-theme="turkmod"] .bi-send-x-fill::before { content: "\f6be"; }
html[data-public-theme="turkmod"] .bi-send-x::before { content: "\f6bf"; }
html[data-public-theme="turkmod"] .bi-send::before { content: "\f6c0"; }
html[data-public-theme="turkmod"] .bi-steam::before { content: "\f6c1"; }
html[data-public-theme="turkmod"] .bi-terminal-dash-1::before { content: "\f6c2"; }
html[data-public-theme="turkmod"] .bi-terminal-dash::before { content: "\f6c3"; }
html[data-public-theme="turkmod"] .bi-terminal-plus::before { content: "\f6c4"; }
html[data-public-theme="turkmod"] .bi-terminal-split::before { content: "\f6c5"; }
html[data-public-theme="turkmod"] .bi-ticket-detailed-fill::before { content: "\f6c6"; }
html[data-public-theme="turkmod"] .bi-ticket-detailed::before { content: "\f6c7"; }
html[data-public-theme="turkmod"] .bi-ticket-fill::before { content: "\f6c8"; }
html[data-public-theme="turkmod"] .bi-ticket-perforated-fill::before { content: "\f6c9"; }
html[data-public-theme="turkmod"] .bi-ticket-perforated::before { content: "\f6ca"; }
html[data-public-theme="turkmod"] .bi-ticket::before { content: "\f6cb"; }
html[data-public-theme="turkmod"] .bi-tiktok::before { content: "\f6cc"; }
html[data-public-theme="turkmod"] .bi-window-dash::before { content: "\f6cd"; }
html[data-public-theme="turkmod"] .bi-window-desktop::before { content: "\f6ce"; }
html[data-public-theme="turkmod"] .bi-window-fullscreen::before { content: "\f6cf"; }
html[data-public-theme="turkmod"] .bi-window-plus::before { content: "\f6d0"; }
html[data-public-theme="turkmod"] .bi-window-split::before { content: "\f6d1"; }
html[data-public-theme="turkmod"] .bi-window-stack::before { content: "\f6d2"; }
html[data-public-theme="turkmod"] .bi-window-x::before { content: "\f6d3"; }
html[data-public-theme="turkmod"] .bi-xbox::before { content: "\f6d4"; }
html[data-public-theme="turkmod"] .bi-ethernet::before { content: "\f6d5"; }
html[data-public-theme="turkmod"] .bi-hdmi-fill::before { content: "\f6d6"; }
html[data-public-theme="turkmod"] .bi-hdmi::before { content: "\f6d7"; }
html[data-public-theme="turkmod"] .bi-usb-c-fill::before { content: "\f6d8"; }
html[data-public-theme="turkmod"] .bi-usb-c::before { content: "\f6d9"; }
html[data-public-theme="turkmod"] .bi-usb-fill::before { content: "\f6da"; }
html[data-public-theme="turkmod"] .bi-usb-plug-fill::before { content: "\f6db"; }
html[data-public-theme="turkmod"] .bi-usb-plug::before { content: "\f6dc"; }
html[data-public-theme="turkmod"] .bi-usb-symbol::before { content: "\f6dd"; }
html[data-public-theme="turkmod"] .bi-usb::before { content: "\f6de"; }
html[data-public-theme="turkmod"] .bi-boombox-fill::before { content: "\f6df"; }
html[data-public-theme="turkmod"] .bi-displayport-1::before { content: "\f6e0"; }
html[data-public-theme="turkmod"] .bi-displayport::before { content: "\f6e1"; }
html[data-public-theme="turkmod"] .bi-gpu-card::before { content: "\f6e2"; }
html[data-public-theme="turkmod"] .bi-memory::before { content: "\f6e3"; }
html[data-public-theme="turkmod"] .bi-modem-fill::before { content: "\f6e4"; }
html[data-public-theme="turkmod"] .bi-modem::before { content: "\f6e5"; }
html[data-public-theme="turkmod"] .bi-motherboard-fill::before { content: "\f6e6"; }
html[data-public-theme="turkmod"] .bi-motherboard::before { content: "\f6e7"; }
html[data-public-theme="turkmod"] .bi-optical-audio-fill::before { content: "\f6e8"; }
html[data-public-theme="turkmod"] .bi-optical-audio::before { content: "\f6e9"; }
html[data-public-theme="turkmod"] .bi-pci-card::before { content: "\f6ea"; }
html[data-public-theme="turkmod"] .bi-router-fill::before { content: "\f6eb"; }
html[data-public-theme="turkmod"] .bi-router::before { content: "\f6ec"; }
html[data-public-theme="turkmod"] .bi-ssd-fill::before { content: "\f6ed"; }
html[data-public-theme="turkmod"] .bi-ssd::before { content: "\f6ee"; }
html[data-public-theme="turkmod"] .bi-thunderbolt-fill::before { content: "\f6ef"; }
html[data-public-theme="turkmod"] .bi-thunderbolt::before { content: "\f6f0"; }
html[data-public-theme="turkmod"] .bi-usb-drive-fill::before { content: "\f6f1"; }
html[data-public-theme="turkmod"] .bi-usb-drive::before { content: "\f6f2"; }
html[data-public-theme="turkmod"] .bi-usb-micro-fill::before { content: "\f6f3"; }
html[data-public-theme="turkmod"] .bi-usb-micro::before { content: "\f6f4"; }
html[data-public-theme="turkmod"] .bi-usb-mini-fill::before { content: "\f6f5"; }
html[data-public-theme="turkmod"] .bi-usb-mini::before { content: "\f6f6"; }
html[data-public-theme="turkmod"] .bi-cloud-haze2::before { content: "\f6f7"; }
html[data-public-theme="turkmod"] .bi-device-hdd-fill::before { content: "\f6f8"; }
html[data-public-theme="turkmod"] .bi-device-hdd::before { content: "\f6f9"; }
html[data-public-theme="turkmod"] .bi-device-ssd-fill::before { content: "\f6fa"; }
html[data-public-theme="turkmod"] .bi-device-ssd::before { content: "\f6fb"; }
html[data-public-theme="turkmod"] .bi-displayport-fill::before { content: "\f6fc"; }
html[data-public-theme="turkmod"] .bi-mortarboard-fill::before { content: "\f6fd"; }
html[data-public-theme="turkmod"] .bi-mortarboard::before { content: "\f6fe"; }
html[data-public-theme="turkmod"] .bi-terminal-x::before { content: "\f6ff"; }
html[data-public-theme="turkmod"] .bi-arrow-through-heart-fill::before { content: "\f700"; }
html[data-public-theme="turkmod"] .bi-arrow-through-heart::before { content: "\f701"; }
html[data-public-theme="turkmod"] .bi-badge-sd-fill::before { content: "\f702"; }
html[data-public-theme="turkmod"] .bi-badge-sd::before { content: "\f703"; }
html[data-public-theme="turkmod"] .bi-bag-heart-fill::before { content: "\f704"; }
html[data-public-theme="turkmod"] .bi-bag-heart::before { content: "\f705"; }
html[data-public-theme="turkmod"] .bi-balloon-fill::before { content: "\f706"; }
html[data-public-theme="turkmod"] .bi-balloon-heart-fill::before { content: "\f707"; }
html[data-public-theme="turkmod"] .bi-balloon-heart::before { content: "\f708"; }
html[data-public-theme="turkmod"] .bi-balloon::before { content: "\f709"; }
html[data-public-theme="turkmod"] .bi-box2-fill::before { content: "\f70a"; }
html[data-public-theme="turkmod"] .bi-box2-heart-fill::before { content: "\f70b"; }
html[data-public-theme="turkmod"] .bi-box2-heart::before { content: "\f70c"; }
html[data-public-theme="turkmod"] .bi-box2::before { content: "\f70d"; }
html[data-public-theme="turkmod"] .bi-braces-asterisk::before { content: "\f70e"; }
html[data-public-theme="turkmod"] .bi-calendar-heart-fill::before { content: "\f70f"; }
html[data-public-theme="turkmod"] .bi-calendar-heart::before { content: "\f710"; }
html[data-public-theme="turkmod"] .bi-calendar2-heart-fill::before { content: "\f711"; }
html[data-public-theme="turkmod"] .bi-calendar2-heart::before { content: "\f712"; }
html[data-public-theme="turkmod"] .bi-chat-heart-fill::before { content: "\f713"; }
html[data-public-theme="turkmod"] .bi-chat-heart::before { content: "\f714"; }
html[data-public-theme="turkmod"] .bi-chat-left-heart-fill::before { content: "\f715"; }
html[data-public-theme="turkmod"] .bi-chat-left-heart::before { content: "\f716"; }
html[data-public-theme="turkmod"] .bi-chat-right-heart-fill::before { content: "\f717"; }
html[data-public-theme="turkmod"] .bi-chat-right-heart::before { content: "\f718"; }
html[data-public-theme="turkmod"] .bi-chat-square-heart-fill::before { content: "\f719"; }
html[data-public-theme="turkmod"] .bi-chat-square-heart::before { content: "\f71a"; }
html[data-public-theme="turkmod"] .bi-clipboard-check-fill::before { content: "\f71b"; }
html[data-public-theme="turkmod"] .bi-clipboard-data-fill::before { content: "\f71c"; }
html[data-public-theme="turkmod"] .bi-clipboard-fill::before { content: "\f71d"; }
html[data-public-theme="turkmod"] .bi-clipboard-heart-fill::before { content: "\f71e"; }
html[data-public-theme="turkmod"] .bi-clipboard-heart::before { content: "\f71f"; }
html[data-public-theme="turkmod"] .bi-clipboard-minus-fill::before { content: "\f720"; }
html[data-public-theme="turkmod"] .bi-clipboard-plus-fill::before { content: "\f721"; }
html[data-public-theme="turkmod"] .bi-clipboard-pulse::before { content: "\f722"; }
html[data-public-theme="turkmod"] .bi-clipboard-x-fill::before { content: "\f723"; }
html[data-public-theme="turkmod"] .bi-clipboard2-check-fill::before { content: "\f724"; }
html[data-public-theme="turkmod"] .bi-clipboard2-check::before { content: "\f725"; }
html[data-public-theme="turkmod"] .bi-clipboard2-data-fill::before { content: "\f726"; }
html[data-public-theme="turkmod"] .bi-clipboard2-data::before { content: "\f727"; }
html[data-public-theme="turkmod"] .bi-clipboard2-fill::before { content: "\f728"; }
html[data-public-theme="turkmod"] .bi-clipboard2-heart-fill::before { content: "\f729"; }
html[data-public-theme="turkmod"] .bi-clipboard2-heart::before { content: "\f72a"; }
html[data-public-theme="turkmod"] .bi-clipboard2-minus-fill::before { content: "\f72b"; }
html[data-public-theme="turkmod"] .bi-clipboard2-minus::before { content: "\f72c"; }
html[data-public-theme="turkmod"] .bi-clipboard2-plus-fill::before { content: "\f72d"; }
html[data-public-theme="turkmod"] .bi-clipboard2-plus::before { content: "\f72e"; }
html[data-public-theme="turkmod"] .bi-clipboard2-pulse-fill::before { content: "\f72f"; }
html[data-public-theme="turkmod"] .bi-clipboard2-pulse::before { content: "\f730"; }
html[data-public-theme="turkmod"] .bi-clipboard2-x-fill::before { content: "\f731"; }
html[data-public-theme="turkmod"] .bi-clipboard2-x::before { content: "\f732"; }
html[data-public-theme="turkmod"] .bi-clipboard2::before { content: "\f733"; }
html[data-public-theme="turkmod"] .bi-emoji-kiss-fill::before { content: "\f734"; }
html[data-public-theme="turkmod"] .bi-emoji-kiss::before { content: "\f735"; }
html[data-public-theme="turkmod"] .bi-envelope-heart-fill::before { content: "\f736"; }
html[data-public-theme="turkmod"] .bi-envelope-heart::before { content: "\f737"; }
html[data-public-theme="turkmod"] .bi-envelope-open-heart-fill::before { content: "\f738"; }
html[data-public-theme="turkmod"] .bi-envelope-open-heart::before { content: "\f739"; }
html[data-public-theme="turkmod"] .bi-envelope-paper-fill::before { content: "\f73a"; }
html[data-public-theme="turkmod"] .bi-envelope-paper-heart-fill::before { content: "\f73b"; }
html[data-public-theme="turkmod"] .bi-envelope-paper-heart::before { content: "\f73c"; }
html[data-public-theme="turkmod"] .bi-envelope-paper::before { content: "\f73d"; }
html[data-public-theme="turkmod"] .bi-filetype-aac::before { content: "\f73e"; }
html[data-public-theme="turkmod"] .bi-filetype-ai::before { content: "\f73f"; }
html[data-public-theme="turkmod"] .bi-filetype-bmp::before { content: "\f740"; }
html[data-public-theme="turkmod"] .bi-filetype-cs::before { content: "\f741"; }
html[data-public-theme="turkmod"] .bi-filetype-css::before { content: "\f742"; }
html[data-public-theme="turkmod"] .bi-filetype-csv::before { content: "\f743"; }
html[data-public-theme="turkmod"] .bi-filetype-doc::before { content: "\f744"; }
html[data-public-theme="turkmod"] .bi-filetype-docx::before { content: "\f745"; }
html[data-public-theme="turkmod"] .bi-filetype-exe::before { content: "\f746"; }
html[data-public-theme="turkmod"] .bi-filetype-gif::before { content: "\f747"; }
html[data-public-theme="turkmod"] .bi-filetype-heic::before { content: "\f748"; }
html[data-public-theme="turkmod"] .bi-filetype-html::before { content: "\f749"; }
html[data-public-theme="turkmod"] .bi-filetype-java::before { content: "\f74a"; }
html[data-public-theme="turkmod"] .bi-filetype-jpg::before { content: "\f74b"; }
html[data-public-theme="turkmod"] .bi-filetype-js::before { content: "\f74c"; }
html[data-public-theme="turkmod"] .bi-filetype-jsx::before { content: "\f74d"; }
html[data-public-theme="turkmod"] .bi-filetype-key::before { content: "\f74e"; }
html[data-public-theme="turkmod"] .bi-filetype-m4p::before { content: "\f74f"; }
html[data-public-theme="turkmod"] .bi-filetype-md::before { content: "\f750"; }
html[data-public-theme="turkmod"] .bi-filetype-mdx::before { content: "\f751"; }
html[data-public-theme="turkmod"] .bi-filetype-mov::before { content: "\f752"; }
html[data-public-theme="turkmod"] .bi-filetype-mp3::before { content: "\f753"; }
html[data-public-theme="turkmod"] .bi-filetype-mp4::before { content: "\f754"; }
html[data-public-theme="turkmod"] .bi-filetype-otf::before { content: "\f755"; }
html[data-public-theme="turkmod"] .bi-filetype-pdf::before { content: "\f756"; }
html[data-public-theme="turkmod"] .bi-filetype-php::before { content: "\f757"; }
html[data-public-theme="turkmod"] .bi-filetype-png::before { content: "\f758"; }
html[data-public-theme="turkmod"] .bi-filetype-ppt-1::before { content: "\f759"; }
html[data-public-theme="turkmod"] .bi-filetype-ppt::before { content: "\f75a"; }
html[data-public-theme="turkmod"] .bi-filetype-psd::before { content: "\f75b"; }
html[data-public-theme="turkmod"] .bi-filetype-py::before { content: "\f75c"; }
html[data-public-theme="turkmod"] .bi-filetype-raw::before { content: "\f75d"; }
html[data-public-theme="turkmod"] .bi-filetype-rb::before { content: "\f75e"; }
html[data-public-theme="turkmod"] .bi-filetype-sass::before { content: "\f75f"; }
html[data-public-theme="turkmod"] .bi-filetype-scss::before { content: "\f760"; }
html[data-public-theme="turkmod"] .bi-filetype-sh::before { content: "\f761"; }
html[data-public-theme="turkmod"] .bi-filetype-svg::before { content: "\f762"; }
html[data-public-theme="turkmod"] .bi-filetype-tiff::before { content: "\f763"; }
html[data-public-theme="turkmod"] .bi-filetype-tsx::before { content: "\f764"; }
html[data-public-theme="turkmod"] .bi-filetype-ttf::before { content: "\f765"; }
html[data-public-theme="turkmod"] .bi-filetype-txt::before { content: "\f766"; }
html[data-public-theme="turkmod"] .bi-filetype-wav::before { content: "\f767"; }
html[data-public-theme="turkmod"] .bi-filetype-woff::before { content: "\f768"; }
html[data-public-theme="turkmod"] .bi-filetype-xls-1::before { content: "\f769"; }
html[data-public-theme="turkmod"] .bi-filetype-xls::before { content: "\f76a"; }
html[data-public-theme="turkmod"] .bi-filetype-xml::before { content: "\f76b"; }
html[data-public-theme="turkmod"] .bi-filetype-yml::before { content: "\f76c"; }
html[data-public-theme="turkmod"] .bi-heart-arrow::before { content: "\f76d"; }
html[data-public-theme="turkmod"] .bi-heart-pulse-fill::before { content: "\f76e"; }
html[data-public-theme="turkmod"] .bi-heart-pulse::before { content: "\f76f"; }
html[data-public-theme="turkmod"] .bi-heartbreak-fill::before { content: "\f770"; }
html[data-public-theme="turkmod"] .bi-heartbreak::before { content: "\f771"; }
html[data-public-theme="turkmod"] .bi-hearts::before { content: "\f772"; }
html[data-public-theme="turkmod"] .bi-hospital-fill::before { content: "\f773"; }
html[data-public-theme="turkmod"] .bi-hospital::before { content: "\f774"; }
html[data-public-theme="turkmod"] .bi-house-heart-fill::before { content: "\f775"; }
html[data-public-theme="turkmod"] .bi-house-heart::before { content: "\f776"; }
html[data-public-theme="turkmod"] .bi-incognito::before { content: "\f777"; }
html[data-public-theme="turkmod"] .bi-magnet-fill::before { content: "\f778"; }
html[data-public-theme="turkmod"] .bi-magnet::before { content: "\f779"; }
html[data-public-theme="turkmod"] .bi-person-heart::before { content: "\f77a"; }
html[data-public-theme="turkmod"] .bi-person-hearts::before { content: "\f77b"; }
html[data-public-theme="turkmod"] .bi-phone-flip::before { content: "\f77c"; }
html[data-public-theme="turkmod"] .bi-plugin::before { content: "\f77d"; }
html[data-public-theme="turkmod"] .bi-postage-fill::before { content: "\f77e"; }
html[data-public-theme="turkmod"] .bi-postage-heart-fill::before { content: "\f77f"; }
html[data-public-theme="turkmod"] .bi-postage-heart::before { content: "\f780"; }
html[data-public-theme="turkmod"] .bi-postage::before { content: "\f781"; }
html[data-public-theme="turkmod"] .bi-postcard-fill::before { content: "\f782"; }
html[data-public-theme="turkmod"] .bi-postcard-heart-fill::before { content: "\f783"; }
html[data-public-theme="turkmod"] .bi-postcard-heart::before { content: "\f784"; }
html[data-public-theme="turkmod"] .bi-postcard::before { content: "\f785"; }
html[data-public-theme="turkmod"] .bi-search-heart-fill::before { content: "\f786"; }
html[data-public-theme="turkmod"] .bi-search-heart::before { content: "\f787"; }
html[data-public-theme="turkmod"] .bi-sliders2-vertical::before { content: "\f788"; }
html[data-public-theme="turkmod"] .bi-sliders2::before { content: "\f789"; }
html[data-public-theme="turkmod"] .bi-trash3-fill::before { content: "\f78a"; }
html[data-public-theme="turkmod"] .bi-trash3::before { content: "\f78b"; }
html[data-public-theme="turkmod"] .bi-valentine::before { content: "\f78c"; }
html[data-public-theme="turkmod"] .bi-valentine2::before { content: "\f78d"; }
html[data-public-theme="turkmod"] .bi-wrench-adjustable-circle-fill::before { content: "\f78e"; }
html[data-public-theme="turkmod"] .bi-wrench-adjustable-circle::before { content: "\f78f"; }
html[data-public-theme="turkmod"] .bi-wrench-adjustable::before { content: "\f790"; }
html[data-public-theme="turkmod"] .bi-filetype-json::before { content: "\f791"; }
html[data-public-theme="turkmod"] .bi-filetype-pptx::before { content: "\f792"; }
html[data-public-theme="turkmod"] .bi-filetype-xlsx::before { content: "\f793"; }

/* --- OverlayScrollbars.min.css --- */
/*!
 * OverlayScrollbars
 * https://github.com/KingSora/OverlayScrollbars
 *
 * Version: 1.13.0
 *
 * Copyright KingSora | Rene Haas.
 * https://github.com/KingSora
 *
 * Released under the MIT license.
 * Date: 02.08.2020
 */
html[data-public-theme="turkmod"].os-html,html[data-public-theme="turkmod"].os-html>.os-host{display:block;overflow:hidden;box-sizing:border-box;height:100%!important;width:100%!important;min-width:100%!important;min-height:100%!important;margin:0!important;position:absolute!important}html[data-public-theme="turkmod"].os-html>.os-host>.os-padding{position:absolute}html[data-public-theme="turkmod"] body.os-dragging,html[data-public-theme="turkmod"] body.os-dragging *{cursor:default}html[data-public-theme="turkmod"] .os-host,html[data-public-theme="turkmod"] .os-host-textarea{position:relative;overflow:visible!important;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-ms-flex-line-pack:start;align-content:flex-start;-webkit-box-align:start;-ms-flex-align:start;-ms-grid-row-align:flex-start;align-items:flex-start}html[data-public-theme="turkmod"] .os-host-flexbox{overflow:hidden!important;display:-webkit-box;display:-ms-flexbox;display:flex}html[data-public-theme="turkmod"] .os-host-flexbox>.os-size-auto-observer{height:inherit!important}html[data-public-theme="turkmod"] .os-host-flexbox>.os-content-glue{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;-ms-flex-negative:0;flex-shrink:0}html[data-public-theme="turkmod"] .os-host-flexbox>.os-size-auto-observer,html[data-public-theme="turkmod"] .os-host-flexbox>.os-content-glue{min-height:0;min-width:0;-webkit-box-flex:0;-ms-flex-positive:0;flex-grow:0;-ms-flex-negative:1;flex-shrink:1;-ms-flex-preferred-size:auto;flex-basis:auto}html[data-public-theme="turkmod"] #os-dummy-scrollbar-size{position:fixed;opacity:0;-ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=0)';visibility:hidden;overflow:scroll;height:500px;width:500px}html[data-public-theme="turkmod"] #os-dummy-scrollbar-size>div{width:200%;height:200%;margin:10px 0}html[data-public-theme="turkmod"] #os-dummy-scrollbar-size:before,html[data-public-theme="turkmod"] #os-dummy-scrollbar-size:after,html[data-public-theme="turkmod"] .os-content:before,html[data-public-theme="turkmod"] .os-content:after{content:'';display:table;width:.01px;height:.01px;line-height:0;font-size:0;flex-grow:0;flex-shrink:0;visibility:hidden}html[data-public-theme="turkmod"] #os-dummy-scrollbar-size,html[data-public-theme="turkmod"] .os-viewport{-ms-overflow-style:scrollbar!important}html[data-public-theme="turkmod"] .os-viewport-native-scrollbars-invisible#os-dummy-scrollbar-size,html[data-public-theme="turkmod"] .os-viewport-native-scrollbars-invisible.os-viewport{scrollbar-width:none!important}html[data-public-theme="turkmod"] .os-viewport-native-scrollbars-invisible#os-dummy-scrollbar-size::-webkit-scrollbar,html[data-public-theme="turkmod"] .os-viewport-native-scrollbars-invisible.os-viewport::-webkit-scrollbar,html[data-public-theme="turkmod"] .os-viewport-native-scrollbars-invisible#os-dummy-scrollbar-size::-webkit-scrollbar-corner,html[data-public-theme="turkmod"] .os-viewport-native-scrollbars-invisible.os-viewport::-webkit-scrollbar-corner{display:none!important;width:0!important;height:0!important;visibility:hidden!important;background:0 0!important}html[data-public-theme="turkmod"] .os-content-glue{box-sizing:inherit;max-height:100%;max-width:100%;width:100%;pointer-events:none}html[data-public-theme="turkmod"] .os-padding{box-sizing:inherit;direction:inherit;position:absolute;overflow:visible;padding:0;margin:0;left:0;top:0;bottom:0;right:0;width:auto!important;height:auto!important;z-index:0}html[data-public-theme="turkmod"] .os-host-overflow>.os-padding{overflow:hidden}html[data-public-theme="turkmod"] .os-viewport{direction:inherit!important;box-sizing:inherit!important;resize:none!important;outline:0!important;position:absolute;overflow:hidden;top:0;left:0;bottom:0;right:0;padding:0;margin:0;-webkit-overflow-scrolling:touch}html[data-public-theme="turkmod"] .os-content-arrange{position:absolute;z-index:-1;min-height:1px;min-width:1px;pointer-events:none}html[data-public-theme="turkmod"] .os-content{direction:inherit;box-sizing:border-box!important;position:relative;display:block;height:100%;width:100%;height:100%;width:100%;visibility:visible}html[data-public-theme="turkmod"] .os-content>.os-textarea{box-sizing:border-box!important;direction:inherit!important;background:0 0!important;outline:0 transparent!important;overflow:hidden!important;position:absolute!important;display:block!important;top:0!important;left:0!important;margin:0!important;border-radius:0!important;float:none!important;-webkit-filter:none!important;filter:none!important;border:0!important;resize:none!important;-webkit-transform:none!important;transform:none!important;max-width:none!important;max-height:none!important;box-shadow:none!important;-webkit-perspective:none!important;perspective:none!important;opacity:1!important;z-index:1!important;clip:auto!important;vertical-align:baseline!important;padding:0}html[data-public-theme="turkmod"] .os-host-rtl>.os-padding>.os-viewport>.os-content>.os-textarea{right:0!important}html[data-public-theme="turkmod"] .os-content>.os-textarea-cover{z-index:-1;pointer-events:none}html[data-public-theme="turkmod"] .os-content>.os-textarea[wrap=off]{white-space:pre!important;margin:0!important}html[data-public-theme="turkmod"] .os-text-inherit{font-family:inherit;font-size:inherit;font-weight:inherit;font-style:inherit;font-variant:inherit;text-transform:inherit;text-decoration:inherit;text-indent:inherit;text-align:inherit;text-shadow:inherit;text-overflow:inherit;letter-spacing:inherit;word-spacing:inherit;line-height:inherit;unicode-bidi:inherit;direction:inherit;color:inherit;cursor:text}html[data-public-theme="turkmod"] .os-resize-observer,html[data-public-theme="turkmod"] .os-resize-observer-host{box-sizing:inherit;display:block;visibility:hidden;position:absolute;top:0;left:0;height:100%;width:100%;overflow:hidden;pointer-events:none;z-index:-1}html[data-public-theme="turkmod"] .os-resize-observer-host{padding:inherit;border:inherit;border-color:transparent;border-style:solid;box-sizing:border-box}html[data-public-theme="turkmod"] .os-resize-observer-host.observed{display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start}html[data-public-theme="turkmod"] .os-resize-observer-host>.os-resize-observer,html[data-public-theme="turkmod"] .os-resize-observer-host.observed>.os-resize-observer{height:200%;width:200%;padding:inherit;border:inherit;margin:0;display:block;box-sizing:content-box}html[data-public-theme="turkmod"] .os-resize-observer-host.observed>.os-resize-observer,html[data-public-theme="turkmod"] .os-resize-observer-host.observed>.os-resize-observer:before{display:flex;position:relative;flex-grow:1;flex-shrink:0;flex-basis:auto;box-sizing:border-box}html[data-public-theme="turkmod"] .os-resize-observer-host.observed>.os-resize-observer:before{content:'';box-sizing:content-box;padding:inherit;border:inherit;margin:0}html[data-public-theme="turkmod"] .os-size-auto-observer{box-sizing:inherit!important;height:100%;width:inherit;max-width:1px;position:relative;float:left;max-height:1px;overflow:hidden;z-index:-1;padding:0;margin:0;pointer-events:none;-webkit-box-flex:inherit;-ms-flex-positive:inherit;flex-grow:inherit;-ms-flex-negative:0;flex-shrink:0;-ms-flex-preferred-size:0;flex-basis:0}html[data-public-theme="turkmod"] .os-size-auto-observer>.os-resize-observer{width:1000%;height:1000%;min-height:1px;min-width:1px}html[data-public-theme="turkmod"] .os-resize-observer-item{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;z-index:-1;opacity:0;direction:ltr!important;-webkit-box-flex:0!important;-ms-flex:none!important;flex:none!important}html[data-public-theme="turkmod"] .os-resize-observer-item-final{position:absolute;left:0;top:0;-webkit-transition:none!important;transition:none!important;-webkit-box-flex:0!important;-ms-flex:none!important;flex:none!important}html[data-public-theme="turkmod"] .os-resize-observer{-webkit-animation-duration:.001s;animation-duration:.001s;-webkit-animation-name:os-resize-observer-dummy-animation;animation-name:os-resize-observer-dummy-animation}html[data-public-theme="turkmod"] object.os-resize-observer{box-sizing:border-box!important}@-webkit-keyframes os-resize-observer-dummy-animation{0%{z-index:0}to{z-index:-1}}@keyframes os-resize-observer-dummy-animation{0%{z-index:0}to{z-index:-1}}html[data-public-theme="turkmod"] .os-host-transition>.os-scrollbar,html[data-public-theme="turkmod"] .os-host-transition>.os-scrollbar-corner{-webkit-transition:opacity .3s,visibility .3s,top .3s,right .3s,bottom .3s,left .3s;transition:opacity .3s,visibility .3s,top .3s,right .3s,bottom .3s,left .3s}html[data-public-theme="turkmod"].os-html>.os-host>.os-scrollbar{position:absolute;z-index:999999}html[data-public-theme="turkmod"] .os-scrollbar,html[data-public-theme="turkmod"] .os-scrollbar-corner{position:absolute;opacity:1;-ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=100)';z-index:1}html[data-public-theme="turkmod"] .os-scrollbar-corner{bottom:0;right:0}html[data-public-theme="turkmod"] .os-scrollbar{pointer-events:none}html[data-public-theme="turkmod"] .os-scrollbar-track{pointer-events:auto;position:relative;height:100%;width:100%;padding:0!important;border:0!important}html[data-public-theme="turkmod"] .os-scrollbar-handle{pointer-events:auto;position:absolute;width:100%;height:100%}html[data-public-theme="turkmod"] .os-scrollbar-handle-off,html[data-public-theme="turkmod"] .os-scrollbar-track-off{pointer-events:none}html[data-public-theme="turkmod"] .os-scrollbar.os-scrollbar-unusable,html[data-public-theme="turkmod"] .os-scrollbar.os-scrollbar-unusable *{pointer-events:none!important}html[data-public-theme="turkmod"] .os-scrollbar.os-scrollbar-unusable .os-scrollbar-handle{opacity:0!important}html[data-public-theme="turkmod"] .os-scrollbar-horizontal{bottom:0;left:0}html[data-public-theme="turkmod"] .os-scrollbar-vertical{top:0;right:0}html[data-public-theme="turkmod"] .os-host-rtl>.os-scrollbar-horizontal{right:0}html[data-public-theme="turkmod"] .os-host-rtl>.os-scrollbar-vertical{right:auto;left:0}html[data-public-theme="turkmod"] .os-host-rtl>.os-scrollbar-corner{right:auto;left:0}html[data-public-theme="turkmod"] .os-scrollbar-auto-hidden,html[data-public-theme="turkmod"] .os-padding+.os-scrollbar-corner,html[data-public-theme="turkmod"] .os-host-resize-disabled.os-host-scrollbar-horizontal-hidden>.os-scrollbar-corner,html[data-public-theme="turkmod"] .os-host-scrollbar-horizontal-hidden>.os-scrollbar-horizontal,html[data-public-theme="turkmod"] .os-host-resize-disabled.os-host-scrollbar-vertical-hidden>.os-scrollbar-corner,html[data-public-theme="turkmod"] .os-host-scrollbar-vertical-hidden>.os-scrollbar-vertical,html[data-public-theme="turkmod"] .os-scrollbar-horizontal.os-scrollbar-auto-hidden+.os-scrollbar-vertical+.os-scrollbar-corner,html[data-public-theme="turkmod"] .os-scrollbar-horizontal+.os-scrollbar-vertical.os-scrollbar-auto-hidden+.os-scrollbar-corner,html[data-public-theme="turkmod"] .os-scrollbar-horizontal.os-scrollbar-auto-hidden+.os-scrollbar-vertical.os-scrollbar-auto-hidden+.os-scrollbar-corner{opacity:0;visibility:hidden;pointer-events:none}html[data-public-theme="turkmod"] .os-scrollbar-corner-resize-both{cursor:nwse-resize}html[data-public-theme="turkmod"] .os-host-rtl>.os-scrollbar-corner-resize-both{cursor:nesw-resize}html[data-public-theme="turkmod"] .os-scrollbar-corner-resize-horizontal{cursor:ew-resize}html[data-public-theme="turkmod"] .os-scrollbar-corner-resize-vertical{cursor:ns-resize}html[data-public-theme="turkmod"] .os-dragging .os-scrollbar-corner.os-scrollbar-corner-resize{cursor:default}html[data-public-theme="turkmod"] .os-host-resize-disabled.os-host-scrollbar-horizontal-hidden>.os-scrollbar-vertical{top:0;bottom:0}html[data-public-theme="turkmod"] .os-host-resize-disabled.os-host-scrollbar-vertical-hidden>.os-scrollbar-horizontal,html[data-public-theme="turkmod"] .os-host-rtl.os-host-resize-disabled.os-host-scrollbar-vertical-hidden>.os-scrollbar-horizontal{right:0;left:0}html[data-public-theme="turkmod"] .os-scrollbar:hover,html[data-public-theme="turkmod"] .os-scrollbar-corner.os-scrollbar-corner-resize{opacity:1!important;visibility:visible!important}html[data-public-theme="turkmod"] .os-scrollbar-corner.os-scrollbar-corner-resize{background-image:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+PHN2ZyAgIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIgICB4bWxuczpjYz0iaHR0cDovL2NyZWF0aXZlY29tbW9ucy5vcmcvbnMjIiAgIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyIgICB4bWxuczpzdmc9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgICB3aWR0aD0iMTAiICAgaGVpZ2h0PSIxMCIgICB2ZXJzaW9uPSIxLjEiPiAgPGcgICAgIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAsLTEwNDIuMzYyMikiICAgICBzdHlsZT0iZGlzcGxheTppbmxpbmUiPiAgICA8cGF0aCAgICAgICBzdHlsZT0iZmlsbDojMDAwMDAwO2ZpbGwtb3BhY2l0eTowLjQ5NDExNzY1O2ZpbGwtcnVsZTpldmVub2RkO3N0cm9rZTpub25lIiAgICAgICBkPSJtIDcuNDI0MjE4NywxMDQyLjM2MjIgYyAtMC43MjM1NzkyLDAgLTEuMzEwMTU2MiwwLjU4NjYgLTEuMzEwMTU2MiwxLjMxMDIgMCwwLjI5OSAwLjEwNDM0MTksMC41NzEgMC4yNzI5NDkyLDAuNzkxNSAwLjIwOTEwMjQsMC4xNDEzIDAuNDY1NjIwNiwwLjIxODQgMC43MzY5NjI5LDAuMjE4NCAwLjcyMzU3OTMsMCAxLjMxMDE1NjMsLTAuNTg2NiAxLjMxMDE1NjMsLTEuMzEwMiAwLC0wLjI3MTMgLTAuMDc3MDkzLC0wLjUyNzggLTAuMjE4MzU5NCwtMC43MzcgLTAuMjIwNDk0MSwtMC4xNjg2IC0wLjQ5MjU0NDMsLTAuMjcyOSAtMC43OTE1NTI4LC0wLjI3MjkgeiBtIDAsMy4wODQzIGMgLTAuNzIzNTc5MiwwIC0xLjMxMDE1NjIsMC41ODY2IC0xLjMxMDE1NjIsMS4zMTAyIDAsMC4yOTkgMC4xMDQzNDE5LDAuNTcxIDAuMjcyOTQ5MiwwLjc5MTUgMC4yMDkxMDI0LDAuMTQxMyAwLjQ2NTYyMDYsMC4yMTg0IDAuNzM2OTYyOSwwLjIxODQgMC43MjM1NzkzLDAgMS4zMTAxNTYzLC0wLjU4NjYgMS4zMTAxNTYzLC0xLjMxMDIgMCwtMC4yNzEzIC0wLjA3NzA5MywtMC41Mjc4IC0wLjIxODM1OTQsLTAuNzM2OSAtMC4yMjA0OTQxLC0wLjE2ODYgLTAuNDkyNTQ0MywtMC4yNzMgLTAuNzkxNTUyOCwtMC4yNzMgeiBtIC0zLjA4NDMyNjEsMCBjIC0wLjcyMzU3OTMsMCAtMS4zMTAxNTYzLDAuNTg2NiAtMS4zMTAxNTYzLDEuMzEwMiAwLDAuMjk5IDAuMTA0MzQxOSwwLjU3MSAwLjI3Mjk0OTIsMC43OTE1IDAuMjA5MTAyNCwwLjE0MTMgMC40NjU2MjA3LDAuMjE4NCAwLjczNjk2MjksMC4yMTg0IDAuNzIzNTc5MywwIDEuMzEwMTU2MywtMC41ODY2IDEuMzEwMTU2MywtMS4zMTAyIDAsLTAuMjcxMyAtMC4wNzcwOTMsLTAuNTI3OCAtMC4yMTgzNTk0LC0wLjczNjkgLTAuMjIwNDk0LC0wLjE2ODYgLTAuNDkyNTQ0MiwtMC4yNzMgLTAuNzkxNTUyNywtMC4yNzMgeiBtIC0zLjAyOTczNjQsMy4wMjk4IEMgMC41ODY1NzY5MywxMDQ4LjQ3NjMgMCwxMDQ5LjA2MjggMCwxMDQ5Ljc4NjQgYyAwLDAuMjk5IDAuMTA0MzQxOSwwLjU3MTEgMC4yNzI5NDkyMiwwLjc5MTYgMC4yMDkxMDIyOSwwLjE0MTIgMC40NjU2MjA2NSwwLjIxODMgMC43MzY5NjI4OCwwLjIxODMgMC43MjM1NzkzLDAgMS4zMTAxNTYzLC0wLjU4NjUgMS4zMTAxNTYzLC0xLjMxMDEgMCwtMC4yNzE0IC0wLjA3NzA5MywtMC41Mjc5IC0wLjIxODM1OTQsLTAuNzM3IC0wLjIyMDQ5NDEsLTAuMTY4NiAtMC40OTI1NDQzLC0wLjI3MjkgLTAuNzkxNTUyOCwtMC4yNzI5IHogbSAzLjAyOTczNjQsMCBjIC0wLjcyMzU3OTMsMCAtMS4zMTAxNTYzLDAuNTg2NSAtMS4zMTAxNTYzLDEuMzEwMSAwLDAuMjk5IDAuMTA0MzQxOSwwLjU3MTEgMC4yNzI5NDkyLDAuNzkxNiAwLjIwOTEwMjQsMC4xNDEyIDAuNDY1NjIwNywwLjIxODMgMC43MzY5NjI5LDAuMjE4MyAwLjcyMzU3OTMsMCAxLjMxMDE1NjMsLTAuNTg2NSAxLjMxMDE1NjMsLTEuMzEwMSAwLC0wLjI3MTQgLTAuMDc3MDkzLC0wLjUyNzkgLTAuMjE4MzU5NCwtMC43MzcgLTAuMjIwNDk0LC0wLjE2ODYgLTAuNDkyNTQ0MiwtMC4yNzI5IC0wLjc5MTU1MjcsLTAuMjcyOSB6IG0gMy4wODQzMjYxLDAgYyAtMC43MjM1NzkyLDAgLTEuMzEwMTU2MiwwLjU4NjUgLTEuMzEwMTU2MiwxLjMxMDEgMCwwLjI5OSAwLjEwNDM0MTksMC41NzExIDAuMjcyOTQ5MiwwLjc5MTYgMC4yMDkxMDI0LDAuMTQxMiAwLjQ2NTYyMDYsMC4yMTgzIDAuNzM2OTYyOSwwLjIxODMgMC43MjM1NzkzLDAgMS4zMTAxNTYzLC0wLjU4NjUgMS4zMTAxNTYzLC0xLjMxMDEgMCwtMC4yNzE0IC0wLjA3NzA5MywtMC41Mjc5IC0wLjIxODM1OTQsLTAuNzM3IC0wLjIyMDQ5NDEsLTAuMTY4NiAtMC40OTI1NDQzLC0wLjI3MjkgLTAuNzkxNTUyOCwtMC4yNzI5IHoiLz4gIDwvZz4gIDxnICAgICBzdHlsZT0iZGlzcGxheTppbmxpbmUiPiAgICA8cGF0aCAgICAgICBzdHlsZT0iZmlsbDojZmZmZmZmO2ZpbGwtb3BhY2l0eToxO2ZpbGwtcnVsZTpldmVub2RkO3N0cm9rZTpub25lIiAgICAgICBkPSJtIDguMjE1NzcxNSwwLjI3Mjk0OTIyIGMgMC4xNDEyNjY3LDAuMjA5MTAyMjkgMC4yMTgzNTk0LDAuNDY1NjIwNjUgMC4yMTgzNTk0LDAuNzM2OTYyODggMCwwLjcyMzU3OTMgLTAuNTg2NTc3LDEuMzEwMTU2MyAtMS4zMTAxNTYzLDEuMzEwMTU2MyAtMC4yNzEzNDIzLDAgLTAuNTI3ODYwNSwtMC4wNzcwOTMgLTAuNzM2OTYyOSwtMC4yMTgzNTk0IDAuMjM5NDEwNCwwLjMxMzA4NTkgMC42MTI2MzYyLDAuNTE4NjAzNSAxLjAzNzIwNywwLjUxODYwMzUgMC43MjM1NzkzLDAgMS4zMTAxNTYzLC0wLjU4NjU3NyAxLjMxMDE1NjMsLTEuMzEwMTU2MyAwLC0wLjQyNDU3MDc2IC0wLjIwNTUxNzYsLTAuNzk3Nzk2NTkgLTAuNTE4NjAzNSwtMS4wMzcyMDY5OCB6IG0gMCwzLjA4NDMyNjE4IGMgMC4xNDEyNjY3LDAuMjA5MTAyMyAwLjIxODM1OTQsMC40NjU2MjA2IDAuMjE4MzU5NCwwLjczNjk2MjkgMCwwLjcyMzU3OTMgLTAuNTg2NTc3LDEuMzEwMTU2MiAtMS4zMTAxNTYzLDEuMzEwMTU2MiAtMC4yNzEzNDIzLDAgLTAuNTI3ODYwNSwtMC4wNzcwOTMgLTAuNzM2OTYyOSwtMC4yMTgzNTkzIDAuMjM5NDEwNCwwLjMxMzA4NTkgMC42MTI2MzYyLDAuNTE4NjAzNSAxLjAzNzIwNywwLjUxODYwMzUgMC43MjM1NzkzLDAgMS4zMTAxNTYzLC0wLjU4NjU3NyAxLjMxMDE1NjMsLTEuMzEwMTU2MyAwLC0wLjQyNDU3MDggLTAuMjA1NTE3NiwtMC43OTc3OTY3IC0wLjUxODYwMzUsLTEuMDM3MjA3IHogbSAtMy4wODQzMjYyLDAgYyAwLjE0MTI2NjcsMC4yMDkxMDIzIDAuMjE4MzU5NCwwLjQ2NTYyMDYgMC4yMTgzNTk0LDAuNzM2OTYyOSAwLDAuNzIzNTc5MyAtMC41ODY1NzcsMS4zMTAxNTYyIC0xLjMxMDE1NjMsMS4zMTAxNTYyIC0wLjI3MTM0MjIsMCAtMC41Mjc4NjA1LC0wLjA3NzA5MyAtMC43MzY5NjI5LC0wLjIxODM1OTMgMC4yMzk0MTA0LDAuMzEzMDg1OSAwLjYxMjYzNjMsMC41MTg2MDM1IDEuMDM3MjA3MSwwLjUxODYwMzUgMC43MjM1NzkzLDAgMS4zMTAxNTYyLC0wLjU4NjU3NyAxLjMxMDE1NjIsLTEuMzEwMTU2MyAwLC0wLjQyNDU3MDggLTAuMjA1NTE3NSwtMC43OTc3OTY3IC0wLjUxODYwMzUsLTEuMDM3MjA3IHogTSAyLjEwMTcwOSw2LjM4NzAxMTcgYyAwLjE0MTI2NjcsMC4yMDkxMDI0IDAuMjE4MzU5NCwwLjQ2NTYyMDYgMC4yMTgzNTk0LDAuNzM2OTYyOSAwLDAuNzIzNTc5MyAtMC41ODY1NzcsMS4zMTAxNTYzIC0xLjMxMDE1NjMsMS4zMTAxNTYzIC0wLjI3MTM0MjIzLDAgLTAuNTI3ODYwNTksLTAuMDc3MDkzIC0wLjczNjk2Mjg4LC0wLjIxODM1OTQgMC4yMzk0MTAzOSwwLjMxMzA4NTkgMC42MTI2MzYyMiwwLjUxODYwMzUgMS4wMzcyMDY5OCwwLjUxODYwMzUgMC43MjM1NzkzLDAgMS4zMTAxNTYzLC0wLjU4NjU3NyAxLjMxMDE1NjMsLTEuMzEwMTU2MyAwLC0wLjQyNDU3MDggLTAuMjA1NTE3NiwtMC43OTc3OTY2IC0wLjUxODYwMzUsLTEuMDM3MjA3IHogbSAzLjAyOTczNjMsMCBjIDAuMTQxMjY2NywwLjIwOTEwMjQgMC4yMTgzNTk0LDAuNDY1NjIwNiAwLjIxODM1OTQsMC43MzY5NjI5IDAsMC43MjM1NzkzIC0wLjU4NjU3NywxLjMxMDE1NjMgLTEuMzEwMTU2MywxLjMxMDE1NjMgLTAuMjcxMzQyMiwwIC0wLjUyNzg2MDUsLTAuMDc3MDkzIC0wLjczNjk2MjksLTAuMjE4MzU5NCAwLjIzOTQxMDQsMC4zMTMwODU5IDAuNjEyNjM2MywwLjUxODYwMzUgMS4wMzcyMDcxLDAuNTE4NjAzNSAwLjcyMzU3OTMsMCAxLjMxMDE1NjIsLTAuNTg2NTc3IDEuMzEwMTU2MiwtMS4zMTAxNTYzIDAsLTAuNDI0NTcwOCAtMC4yMDU1MTc1LC0wLjc5Nzc5NjYgLTAuNTE4NjAzNSwtMS4wMzcyMDcgeiBtIDMuMDg0MzI2MiwwIGMgMC4xNDEyNjY3LDAuMjA5MTAyNCAwLjIxODM1OTQsMC40NjU2MjA2IDAuMjE4MzU5NCwwLjczNjk2MjkgMCwwLjcyMzU3OTMgLTAuNTg2NTc3LDEuMzEwMTU2MyAtMS4zMTAxNTYzLDEuMzEwMTU2MyAtMC4yNzEzNDIzLDAgLTAuNTI3ODYwNSwtMC4wNzcwOTMgLTAuNzM2OTYyOSwtMC4yMTgzNTk0IDAuMjM5NDEwNCwwLjMxMzA4NTkgMC42MTI2MzYyLDAuNTE4NjAzNSAxLjAzNzIwNywwLjUxODYwMzUgMC43MjM1NzkzLDAgMS4zMTAxNTYzLC0wLjU4NjU3NyAxLjMxMDE1NjMsLTEuMzEwMTU2MyAwLC0wLjQyNDU3MDggLTAuMjA1NTE3NiwtMC43OTc3OTY2IC0wLjUxODYwMzUsLTEuMDM3MjA3IHoiIC8+ICA8L2c+PC9zdmc+);background-repeat:no-repeat;background-position:100% 100%;pointer-events:auto!important}html[data-public-theme="turkmod"] .os-host-rtl>.os-scrollbar-corner.os-scrollbar-corner-resize{-webkit-transform:scale(-1,1);transform:scale(-1,1)}html[data-public-theme="turkmod"] .os-host-overflow{overflow:hidden!important}html[data-public-theme="turkmod"] .os-theme-none>.os-scrollbar-horizontal,html[data-public-theme="turkmod"] .os-theme-none>.os-scrollbar-vertical,html[data-public-theme="turkmod"] .os-theme-none>.os-scrollbar-corner{display:none!important}html[data-public-theme="turkmod"] .os-theme-none>.os-scrollbar-corner-resize{display:block!important;min-width:10px;min-height:10px}html[data-public-theme="turkmod"] .os-theme-dark>.os-scrollbar-horizontal,html[data-public-theme="turkmod"] .os-theme-light>.os-scrollbar-horizontal{right:10px;height:10px}html[data-public-theme="turkmod"] .os-theme-dark>.os-scrollbar-vertical,html[data-public-theme="turkmod"] .os-theme-light>.os-scrollbar-vertical{bottom:10px;width:10px}html[data-public-theme="turkmod"] .os-theme-dark.os-host-rtl>.os-scrollbar-horizontal,html[data-public-theme="turkmod"] .os-theme-light.os-host-rtl>.os-scrollbar-horizontal{left:10px;right:0}html[data-public-theme="turkmod"] .os-theme-dark>.os-scrollbar-corner,html[data-public-theme="turkmod"] .os-theme-light>.os-scrollbar-corner{height:10px;width:10px}html[data-public-theme="turkmod"] .os-theme-dark>.os-scrollbar-corner,html[data-public-theme="turkmod"] .os-theme-light>.os-scrollbar-corner{background-color:transparent}html[data-public-theme="turkmod"] .os-theme-dark>.os-scrollbar,html[data-public-theme="turkmod"] .os-theme-light>.os-scrollbar{padding:2px;box-sizing:border-box;background:0 0}html[data-public-theme="turkmod"] .os-theme-dark>.os-scrollbar.os-scrollbar-unusable,html[data-public-theme="turkmod"] .os-theme-light>.os-scrollbar.os-scrollbar-unusable{background:0 0}html[data-public-theme="turkmod"] .os-theme-dark>.os-scrollbar>.os-scrollbar-track,html[data-public-theme="turkmod"] .os-theme-light>.os-scrollbar>.os-scrollbar-track{background:0 0}html[data-public-theme="turkmod"] .os-theme-dark>.os-scrollbar-horizontal>.os-scrollbar-track>.os-scrollbar-handle,html[data-public-theme="turkmod"] .os-theme-light>.os-scrollbar-horizontal>.os-scrollbar-track>.os-scrollbar-handle{min-width:30px}html[data-public-theme="turkmod"] .os-theme-dark>.os-scrollbar-vertical>.os-scrollbar-track>.os-scrollbar-handle,html[data-public-theme="turkmod"] .os-theme-light>.os-scrollbar-vertical>.os-scrollbar-track>.os-scrollbar-handle{min-height:30px}html[data-public-theme="turkmod"] .os-theme-dark.os-host-transition>.os-scrollbar>.os-scrollbar-track>.os-scrollbar-handle,html[data-public-theme="turkmod"] .os-theme-light.os-host-transition>.os-scrollbar>.os-scrollbar-track>.os-scrollbar-handle{-webkit-transition:background-color .3s;transition:background-color .3s}html[data-public-theme="turkmod"] .os-theme-dark>.os-scrollbar>.os-scrollbar-track>.os-scrollbar-handle,html[data-public-theme="turkmod"] .os-theme-light>.os-scrollbar>.os-scrollbar-track>.os-scrollbar-handle,html[data-public-theme="turkmod"] .os-theme-dark>.os-scrollbar>.os-scrollbar-track,html[data-public-theme="turkmod"] .os-theme-light>.os-scrollbar>.os-scrollbar-track{border-radius:10px}html[data-public-theme="turkmod"] .os-theme-dark>.os-scrollbar>.os-scrollbar-track>.os-scrollbar-handle{background:rgba(0,0,0,.4)}html[data-public-theme="turkmod"] .os-theme-light>.os-scrollbar>.os-scrollbar-track>.os-scrollbar-handle{background:rgba(255,255,255,.4)}html[data-public-theme="turkmod"] .os-theme-dark>.os-scrollbar:hover>.os-scrollbar-track>.os-scrollbar-handle{background:rgba(0,0,0,.55)}html[data-public-theme="turkmod"] .os-theme-light>.os-scrollbar:hover>.os-scrollbar-track>.os-scrollbar-handle{background:rgba(255,255,255,.55)}html[data-public-theme="turkmod"] .os-theme-dark>.os-scrollbar>.os-scrollbar-track>.os-scrollbar-handle.active{background:rgba(0,0,0,.7)}html[data-public-theme="turkmod"] .os-theme-light>.os-scrollbar>.os-scrollbar-track>.os-scrollbar-handle.active{background:rgba(255,255,255,.7)}html[data-public-theme="turkmod"] .os-theme-dark>.os-scrollbar-horizontal .os-scrollbar-handle:before,html[data-public-theme="turkmod"] .os-theme-dark>.os-scrollbar-vertical .os-scrollbar-handle:before,html[data-public-theme="turkmod"] .os-theme-light>.os-scrollbar-horizontal .os-scrollbar-handle:before,html[data-public-theme="turkmod"] .os-theme-light>.os-scrollbar-vertical .os-scrollbar-handle:before{content:'';position:absolute;left:0;right:0;top:0;bottom:0;display:block}html[data-public-theme="turkmod"] .os-theme-dark.os-host-scrollbar-horizontal-hidden>.os-scrollbar-horizontal .os-scrollbar-handle:before,html[data-public-theme="turkmod"] .os-theme-dark.os-host-scrollbar-vertical-hidden>.os-scrollbar-vertical .os-scrollbar-handle:before,html[data-public-theme="turkmod"] .os-theme-light.os-host-scrollbar-horizontal-hidden>.os-scrollbar-horizontal .os-scrollbar-handle:before,html[data-public-theme="turkmod"] .os-theme-light.os-host-scrollbar-vertical-hidden>.os-scrollbar-vertical .os-scrollbar-handle:before{display:none}html[data-public-theme="turkmod"] .os-theme-dark>.os-scrollbar-horizontal .os-scrollbar-handle:before,html[data-public-theme="turkmod"] .os-theme-light>.os-scrollbar-horizontal .os-scrollbar-handle:before{top:-6px;bottom:-2px}html[data-public-theme="turkmod"] .os-theme-dark>.os-scrollbar-vertical .os-scrollbar-handle:before,html[data-public-theme="turkmod"] .os-theme-light>.os-scrollbar-vertical .os-scrollbar-handle:before{left:-6px;right:-2px}html[data-public-theme="turkmod"] .os-host-rtl.os-theme-dark>.os-scrollbar-vertical .os-scrollbar-handle:before,html[data-public-theme="turkmod"] .os-host-rtl.os-theme-light>.os-scrollbar-vertical .os-scrollbar-handle:before{right:-6px;left:-2px}
/* --- design-system-unified.css --- */
html[data-public-theme="turkmod"] \feff/* ============================================================
   UNIFIED DESIGN SYSTEM - Single Source of Truth
   Merges admin and user design systems
   Maintains 100% backward compatibility via aliases
   ============================================================ */

:root {
    /* ===== BRAND COLORS ===== */
    --brand-accent: #8b1538;
    --brand-accent-hover: #6d1029;
    --brand-accent-light: #b91d47;
    --brand-accent-soft: #fce7ec;
    --brand-accent-alpha-08: rgba(139, 21, 56, 0.08);
    --brand-accent-alpha-10: rgba(139, 21, 56, 0.1);
    --brand-accent-alpha-16: rgba(139, 21, 56, 0.16);
    --brand-accent-alpha-20: rgba(139, 21, 56, 0.2);
    --brand-accent-alpha-30: rgba(139, 21, 56, 0.3);

    /* ===== SEMANTIC COLORS (Light Mode Default) ===== */
    --color-success: #10b981;
    --color-success-light: #d1fae5;
    --color-success-dark: #059669;

    --color-danger: #dc2626;
    --color-danger-light: #fee2e2;
    --color-danger-dark: #991b1b;

    --color-warning: #b45309;
    --color-warning-light: #fef3c7;
    --color-warning-dark: #92400e;

    --color-info: #8b1538;
    --color-info-light: #f7edef;
    --color-info-dark: #1e40af;

    /* ===== LIGHT MODE PALETTE ===== */
    --theme-bg: #f0f2f5;
    --theme-surface: #ffffff;
    --theme-surface-muted: #f8fafc;
    --theme-surface-hover: #eef2f7;
    --theme-border: #d8dee8;
    --theme-border-strong: #b9c3d2;
    --theme-text: #111827;
    --theme-text-muted: #64748b;
    --theme-text-soft: #94a3b8;
    --theme-on-accent: #ffffff;

    /* ===== SPACING SCALE (Unified) ===== */
    --space-0: 0;
    --space-1: 0.25rem;    /* 4px */
    --space-2: 0.5rem;     /* 8px */
    --space-3: 0.75rem;    /* 12px */
    --space-4: 1rem;       /* 16px */
    --space-5: 1.25rem;    /* 20px */
    --space-6: 1.5rem;     /* 24px */
    --space-8: 2rem;       /* 32px */
    --space-10: 2.5rem;    /* 40px */
    --space-12: 3rem;      /* 48px */
    --space-16: 4rem;      /* 64px */
    --space-20: 5rem;      /* 80px */
    --space-24: 6rem;      /* 96px */

    /* ===== BORDER RADIUS (Unified) ===== */
    --radius-none: 0;
    --radius-sm: 6px;
    --radius-md: 8px;
    --radius-lg: 10px;
    --radius-xl: 14px;
    --radius-2xl: 18px;
    --radius-full: 9999px;

    /* ===== SHADOWS (Unified) ===== */
    --shadow-xs: 0 1px 2px rgba(15, 23, 42, 0.05);
    --shadow-sm: 0 2px 6px rgba(15, 23, 42, 0.06);
    --shadow-md: 0 4px 16px rgba(15, 23, 42, 0.08);
    --shadow-lg: 0 8px 28px rgba(15, 23, 42, 0.12);
    --shadow-xl: 0 16px 48px rgba(15, 23, 42, 0.16);

    /* ===== TYPOGRAPHY ===== */
    --font-family-base: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    --font-size-xs: 0.75rem;       /* 12px */
    --font-size-sm: 0.875rem;      /* 14px */
    --font-size-base: 1rem;        /* 16px */
    --font-size-lg: 1.125rem;      /* 18px */
    --font-size-xl: 1.25rem;       /* 20px */
    --font-size-2xl: 1.5rem;       /* 24px */
    --font-size-3xl: 1.875rem;     /* 30px */
    --font-size-4xl: 2.25rem;      /* 36px */
    --font-size-5xl: 3rem;         /* 48px */

    --font-weight-light: 300;
    --font-weight-normal: 400;
    --font-weight-medium: 500;
    --font-weight-semibold: 600;
    --font-weight-bold: 700;
    --font-weight-extrabold: 800;
    --font-weight-black: 900;

    --line-height-tight: 1.25;
    --line-height-snug: 1.375;
    --line-height-normal: 1.5;
    --line-height-relaxed: 1.625;
    --line-height-loose: 2;

    /* ===== TRANSITIONS ===== */
    --transition-fast: 150ms cubic-bezier(0.4, 0, 0.2, 1);
    --transition-base: 200ms cubic-bezier(0.4, 0, 0.2, 1);
    --transition-slow: 300ms cubic-bezier(0.4, 0, 0.2, 1);

    /* ===== Z-INDEX SCALE ===== */
    --z-dropdown: 1000;
    --z-sticky: 1020;
    --z-fixed: 1030;
    --z-modal-backdrop: 1040;
    --z-modal: 1050;
    --z-popover: 1060;
    --z-tooltip: 1070;

    /* ===== RESPONSIVE BREAKPOINTS ===== */
    --breakpoint-xs: 320px;
    --breakpoint-sm: 640px;
    --breakpoint-md: 768px;
    --breakpoint-lg: 1024px;
    --breakpoint-xl: 1280px;

    /* ===== BACKWARD COMPATIBILITY ALIASES (Admin) ===== */
    --ui-admin-bg: var(--theme-bg);
    --ui-admin-surface: var(--theme-surface);
    --ui-admin-surface-alt: var(--theme-surface-muted);
    --ui-admin-border: var(--theme-border);
    --ui-admin-border-strong: var(--theme-border-strong);
    --ui-admin-text: var(--theme-text);
    --ui-admin-text-secondary: var(--theme-text-muted);
    --ui-admin-text-muted: var(--theme-text-soft);
    --ui-admin-accent: var(--brand-accent);
    --ui-admin-primary: var(--brand-accent);
    --ui-admin-accent-hover: var(--brand-accent-hover);
    --ui-admin-accent-light: var(--brand-accent-light);
    --ui-admin-primary-soft: var(--brand-accent-alpha-10);
    --ui-admin-primary-ring: var(--brand-accent-alpha-20);
    --ui-admin-ui-radius: var(--radius-lg);
    --ui-admin-ui-shadow: var(--shadow-sm);
    --ui-admin-ui-shadow-hover: var(--shadow-md);

    /* ===== BACKWARD COMPATIBILITY ALIASES (User) ===== */
    --bg: var(--theme-bg);
    --bg-white: var(--theme-surface);
    --bg-hover: var(--theme-surface-hover);
    --primary: var(--brand-accent);
    --primary-dark: var(--brand-accent-hover);
    --primary-light: var(--brand-accent-light);
    --text: var(--theme-text);
    --text-dim: var(--theme-text-muted);
    --text-light: var(--theme-text-soft);
    --border: var(--theme-border);
    --success: var(--color-success);
    --danger: var(--color-danger);
    --warning: var(--brand-accent);
    --info: var(--brand-accent);
    --on-primary: var(--theme-on-accent);

    /* ===== SPACING ALIASES (Admin) ===== */
    --spacing-1: var(--space-1);
    --spacing-2: var(--space-2);
    --spacing-3: var(--space-3);
    --spacing-4: var(--space-4);
    --spacing-5: var(--space-5);
    --spacing-6: var(--space-6);
    --spacing-8: var(--space-8);
    --spacing-10: var(--space-10);
    --spacing-12: var(--space-12);

    /* ===== RADIUS ALIASES (Admin) ===== */
    --radius-md-admin: 10px;
    --radius-lg-admin: 14px;
    --radius-xl-admin: 18px;

    /* ===== CONTROL SIZES ===== */
    --control-height: 2.5rem;
    --control-radius: var(--radius-md);
    --surface-radius: var(--radius-md);
    --ui-radius: var(--radius-md);
}

/* ===== DARK MODE OVERRIDES ===== */
html[data-public-theme="turkmod"][data-theme="dark"],
html[data-public-theme="turkmod"] [data-theme="dark"] {
    --brand-accent: #b91d47;
    --brand-accent-hover: #d92454;
    --brand-accent-light: #ff2d6a;
    --brand-accent-soft: rgba(185, 29, 71, 0.18);
    --brand-accent-alpha-08: rgba(185, 29, 71, 0.08);
    --brand-accent-alpha-10: rgba(185, 29, 71, 0.1);
    --brand-accent-alpha-16: rgba(185, 29, 71, 0.16);
    --brand-accent-alpha-20: rgba(185, 29, 71, 0.2);
    --brand-accent-alpha-30: rgba(185, 29, 71, 0.3);

    /* Dark mode semantic colors */
    --color-success: #34d399;
    --color-success-light: rgba(16, 185, 129, 0.16);
    --color-success-dark: #10b981;

    --color-danger: #fb7185;
    --color-danger-light: rgba(239, 68, 68, 0.16);
    --color-danger-dark: #dc2626;

    --color-warning: #fbbf24;
    --color-warning-light: rgba(245, 158, 11, 0.18);
    --color-warning-dark: #b45309;

    --color-info: #60a5fa;
    --color-info-light: rgba(139, 21, 56, 0.18);
    --color-info-dark: #8b1538;

    /* Dark mode surfaces */
    --theme-bg: #020617;
    --theme-surface: #0f172a;
    --theme-surface-muted: #1e293b;
    --theme-surface-hover: #243244;
    --theme-border: #334155;
    --theme-border-strong: #475569;
    --theme-text: #f8fafc;
    --theme-text-muted: #cbd5e1;
    --theme-text-soft: #94a3b8;
    --theme-on-accent: #ffffff;

    /* Dark mode shadows - normalized opacity */
    --shadow-xs: 0 1px 2px rgba(0, 0, 0, 0.2);
    --shadow-sm: 0 2px 6px rgba(0, 0, 0, 0.25);
    --shadow-md: 0 4px 16px rgba(0, 0, 0, 0.3);
    --shadow-lg: 0 8px 28px rgba(0, 0, 0, 0.35);
    --shadow-xl: 0 16px 48px rgba(0, 0, 0, 0.4);
}

/* ===== LIGHT MODE EXPLICIT ===== */
html[data-public-theme="turkmod"][data-theme="light"],
html[data-public-theme="turkmod"] [data-theme="light"] {
    --brand-accent: #8b1538;
    --brand-accent-hover: #6d1029;
    --brand-accent-light: #b91d47;
    --brand-accent-soft: #fce7ec;
    --brand-accent-alpha-08: rgba(139, 21, 56, 0.08);
    --brand-accent-alpha-10: rgba(139, 21, 56, 0.1);
    --brand-accent-alpha-16: rgba(139, 21, 56, 0.16);
    --brand-accent-alpha-20: rgba(139, 21, 56, 0.2);
    --brand-accent-alpha-30: rgba(139, 21, 56, 0.3);

    --color-success: #10b981;
    --color-success-light: #d1fae5;
    --color-success-dark: #059669;

    --color-danger: #dc2626;
    --color-danger-light: #fee2e2;
    --color-danger-dark: #991b1b;

    --color-warning: #b45309;
    --color-warning-light: #fef3c7;
    --color-warning-dark: #92400e;

    --color-info: #8b1538;
    --color-info-light: #f7edef;
    --color-info-dark: #1e40af;

    --theme-bg: #f0f2f5;
    --theme-surface: #ffffff;
    --theme-surface-muted: #f8fafc;
    --theme-surface-hover: #eef2f7;
    --theme-border: #d8dee8;
    --theme-border-strong: #b9c3d2;
    --theme-text: #111827;
    --theme-text-muted: #64748b;
    --theme-text-soft: #94a3b8;
    --theme-on-accent: #ffffff;

    --shadow-xs: 0 1px 2px rgba(15, 23, 42, 0.05);
    --shadow-sm: 0 2px 6px rgba(15, 23, 42, 0.06);
    --shadow-md: 0 4px 16px rgba(15, 23, 42, 0.08);
    --shadow-lg: 0 8px 28px rgba(15, 23, 42, 0.12);
    --shadow-xl: 0 16px 48px rgba(15, 23, 42, 0.16);
}

/* ===== COLOR SCHEME ===== */
html[data-public-theme="turkmod"] {
    color-scheme: light dark;
}

html[data-public-theme="turkmod"][data-theme="light"] {
    color-scheme: light;
}

html[data-public-theme="turkmod"][data-theme="dark"] {
    color-scheme: dark;
}

/* --- design-system.css --- */
html[data-public-theme="turkmod"] \feff/* Shared component bridge loaded after legacy CSS. */
:root {
    --bg: var(--theme-bg);
    --bg-white: var(--theme-surface);
    --bg-hover: var(--theme-surface-hover);
    --primary: var(--brand-accent);
    --primary-dark: var(--brand-accent-hover);
    --primary-light: var(--brand-accent-light);
    --text: var(--theme-text);
    --text-dim: var(--theme-text-muted);
    --text-light: var(--theme-text-soft);
    --border: var(--theme-border);
    --success: var(--theme-success);
    --danger: var(--theme-danger);
    --warning: var(--brand-accent);
    --info: var(--brand-accent);
    --on-primary: var(--theme-on-accent);

    --ui-admin-bg: var(--theme-bg);
    --ui-admin-surface: var(--theme-surface);
    --ui-admin-surface-alt: var(--theme-surface-muted);
    --ui-admin-border: var(--theme-border);
    --ui-admin-text: var(--theme-text);
    --ui-admin-text-secondary: var(--theme-text-muted);
    --ui-admin-text-muted: var(--theme-text-soft);
    --ui-admin-btn-bg: var(--theme-surface);
    --ui-admin-btn-border: var(--theme-border-strong);
    --ui-admin-accent: var(--brand-accent);
    --ui-admin-primary: var(--brand-accent);
    --ui-admin-accent-hover: var(--brand-accent-hover);
    --ui-admin-accent-light: var(--brand-accent-light);
    --ui-admin-primary-soft: var(--brand-accent-alpha-10);
    --ui-admin-primary-ring: var(--brand-accent-alpha-20);
    --ui-admin-ui-surface: var(--theme-surface);
    --ui-admin-ui-muted: var(--theme-surface-muted);
    --ui-admin-ui-hover: var(--theme-surface-hover);
    --ui-admin-ui-border: var(--theme-border);
    --ui-admin-ui-border-strong: var(--theme-border-strong);
    --ui-admin-ui-radius: var(--surface-radius);
    --ui-admin-ui-shadow: var(--shadow-sm);
    --ui-admin-ui-shadow-hover: var(--shadow-md);
}

html[data-public-theme="turkmod"] body {
    background: var(--theme-bg);
    color: var(--theme-text);
}

html[data-public-theme="turkmod"] :where(.header,
    .footer,
    .widget,
    .feed-card,
    .topic-list-card,
    .topic-section,
    .auth-stage,
    .auth-box,
    .profile-section,
    .profile-card,
    .upload-card,
    .upload-wizard-panel,
    .admin-card,
    .admin-surface-card,
    .ui-admin-premium-card,
    .settings-card,
    .topics-filter-bar,
    .report-toolbar,
    .ui-comment-manager-filters,
    .media-uploader-card) {
    background-color: var(--theme-surface);
    border-color: var(--theme-border);
    border-radius: var(--surface-radius);
    box-shadow: var(--shadow-sm);
}

html[data-public-theme="turkmod"] :where(.btn-upload,
    .btn-register,
    .btn-auth,
    .btn-download,
    .topic-read-more,
    .topic-dl-button,
    .topic-report-submit,
    .auth-popover-primary,
    .ui-admin-btn-primary,
    .ui-admin-btn-save,
    .ui-admin-btn-hero,
    .ui-admin-btn-warning,
    .filter-btn,
    .ui-comment-manager-filter-btn,
    .action-btn) {
    color: var(--theme-on-accent) !important;
    background: linear-gradient(135deg, var(--brand-accent), var(--brand-accent-hover)) !important;
    border-color: var(--brand-accent) !important;
    border-radius: var(--control-radius) !important;
    box-shadow: 0 10px 22px var(--brand-accent-alpha-20) !important;
}

html[data-public-theme="turkmod"] :where(.btn-secondary,
    .btn-login,
    .btn-auth-link,
    .auth-popover-secondary,
    .ui-admin-btn-outline,
    .ui-admin-btn-secondary,
    .ui-admin-btn-ghost,
    .btn-icon-modern,
    .ui-comment-manager-filter-btn-secondary) {
    color: var(--theme-text) !important;
    background: var(--theme-surface-muted) !important;
    border: 1px solid var(--theme-border) !important;
    border-radius: var(--control-radius) !important;
    box-shadow: none !important;
}

html[data-public-theme="turkmod"] :where(input,
    select,
    textarea,
    .ui-admin-form-control,
    .ui-admin-form-select,
    .filter-input,
    .filter-select,
    .ui-comment-manager-filter-input,
    .action-select,
    .action-input,
    .auth-input-shell,
    .search input,
    .game-select,
    .sort-select) {
    color: var(--theme-text) !important;
    background-color: var(--theme-surface-muted) !important;
    border-color: var(--theme-border) !important;
    border-radius: var(--control-radius) !important;
}

html[data-public-theme="turkmod"] :where(input,
    select,
    textarea,
    .ui-admin-form-control,
    .ui-admin-form-select,
    .filter-input,
    .filter-select,
    .ui-comment-manager-filter-input,
    .action-select,
    .action-input,
    .search input,
    .game-select,
    .sort-select):focus {
    border-color: var(--brand-accent) !important;
    box-shadow: var(--theme-ring) !important;
    outline: none !important;
}

html[data-public-theme="turkmod"] :where(.badge,
    .status-badge,
    .history-badge,
    .ui-comment-manager-comment-status,
    .tag,
    .topic-category,
    .card__category,
    .profile-topic-category,
    .appeal-status) {
    border-radius: var(--radius-full) !important;
}

html[data-public-theme="turkmod"] :where(.admin-page-title,
    .profile-section-title,
    .topic-section h2,
    .widget-header h3,
    .card-header,
    .auth-header h1,
    .auth-visual h2) {
    color: var(--theme-text) !important;
    letter-spacing: 0 !important;
}

html[data-public-theme="turkmod"] :where(.text-secondary,
    .stat-label,
    .filter-label,
    .ui-admin-form-label,
    .topic-list-date,
    .card__meta,
    .footer,
    .footer a,
    .footer p,
    .auth-header p,
    .auth-visual p) {
    color: var(--theme-text-muted) !important;
}

html[data-public-theme="turkmod"] .topic-carousel,
html[data-public-theme="turkmod"] .topic-carousel-main,
html[data-public-theme="turkmod"] .ui-comment-thumb {
    border-color: var(--theme-border) !important;
}

html[data-public-theme="turkmod"] .topic-carousel-main {
    position: relative !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    aspect-ratio: 16 / 9 !important;
    margin-bottom: 1rem !important;
    overflow: hidden !important;
    background: #020617 !important;
}

html[data-public-theme="turkmod"][data-theme="light"] .topic-carousel-main {
    background: #0f172a !important;
}

html[data-public-theme="turkmod"] .topic-carousel-content,
html[data-public-theme="turkmod"] .topic-carousel-media {
    width: 100% !important;
    height: 100% !important;
}

html[data-public-theme="turkmod"] .topic-carousel-content {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

html[data-public-theme="turkmod"] .topic-carousel-media {
    border: 0 !important;
    object-fit: contain !important;
}

html[data-public-theme="turkmod"] .topic-carousel-thumbs {
    display: flex !important;
    gap: 0.625rem !important;
    overflow-x: auto !important;
    padding-bottom: 0.625rem !important;
    scrollbar-width: thin !important;
}

html[data-public-theme="turkmod"] .ui-comment-thumb {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex: 0 0 90px !important;
    width: 90px !important;
    height: 60px !important;
    overflow: hidden !important;
    cursor: pointer !important;
    background: var(--theme-surface-muted) !important;
    border: 2px solid transparent !important;
    transition: border-color var(--transition-fast), opacity var(--transition-fast), transform var(--transition-fast) !important;
}

html[data-public-theme="turkmod"] .ui-comment-thumb:hover {
    transform: translateY(-1px);
}

html[data-public-theme="turkmod"] .ui-comment-thumb img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
}

html[data-public-theme="turkmod"] .ui-comment-thumb i {
    color: var(--theme-text-soft) !important;
    font-size: 1.5rem !important;
}

html[data-public-theme="turkmod"] .topic-carousel-nav {
    position: absolute !important;
    top: 50% !important;
    z-index: 10 !important;
    width: 44px !important;
    height: 44px !important;
    padding: 0 !important;
    border-radius: var(--radius-full) !important;
    backdrop-filter: blur(8px) !important;
    transform: translateY(-50%) !important;
}

html[data-public-theme="turkmod"] .topic-carousel-nav-prev {
    left: 15px !important;
}

html[data-public-theme="turkmod"] .topic-carousel-nav-next {
    right: 15px !important;
}

html[data-public-theme="turkmod"] .topic-carousel-nav i {
    font-size: 1.25rem !important;
}

html[data-public-theme="turkmod"] .admin-sidebar,
html[data-public-theme="turkmod"] .admin-topbar,
html[data-public-theme="turkmod"] .admin-footer {
    background: var(--theme-surface) !important;
    border-color: var(--theme-border) !important;
}

html[data-public-theme="turkmod"] .admin-menu-item.active,
html[data-public-theme="turkmod"] .nav a.active {
    color: var(--brand-accent) !important;
    background: var(--brand-accent-alpha-10) !important;
}

html[data-public-theme="turkmod"] .theme-toggle,
html[data-public-theme="turkmod"] #theme-toggle {
    min-width: var(--control-height);
    min-height: var(--control-height);
}

html[data-public-theme="turkmod"] .admin-theme-toggle {
    padding: 0.5rem 0.75rem !important;
}

html[data-public-theme="turkmod"] .profile-sidebar-stat-icon {
    color: var(--theme-on-accent) !important;
    background: linear-gradient(135deg, var(--brand-accent), var(--brand-accent-hover)) !important;
}

html[data-public-theme="turkmod"] .profile-sidebar-stat-icon.stat-success {
    background: linear-gradient(135deg, var(--theme-success), color-mix(in srgb, var(--theme-success) 72%, #047857)) !important;
}

html[data-public-theme="turkmod"] .profile-sidebar-stat-icon.stat-info {
    background: linear-gradient(135deg, var(--theme-info), color-mix(in srgb, var(--theme-info) 72%, #8b1538)) !important;
}

html[data-public-theme="turkmod"] .profile-sidebar-stat-icon.stat-warning {
    background: linear-gradient(135deg, var(--theme-warning), color-mix(in srgb, var(--theme-warning) 72%, #92400e)) !important;
}

html[data-public-theme="turkmod"] .admin-card-spaced {
    margin-bottom: 1rem !important;
}

html[data-public-theme="turkmod"] .admin-settings-grid,
html[data-public-theme="turkmod"] .admin-appearance-grid {
    display: grid !important;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)) !important;
    gap: 1rem !important;
}

html[data-public-theme="turkmod"] .admin-settings-grid-sm {
    display: grid !important;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)) !important;
    gap: 0.75rem !important;
}

html[data-public-theme="turkmod"] .admin-field-wide {
    grid-column: 1 / -1 !important;
}

html[data-public-theme="turkmod"] .admin-section-note {
    margin-bottom: 1rem !important;
    padding: 0.85rem 1rem !important;
    color: var(--ui-admin-text-secondary) !important;
    background: var(--ui-admin-surface-alt) !important;
    border: 1px solid var(--ui-admin-border) !important;
    border-radius: var(--ui-admin-ui-radius, var(--radius-md)) !important;
    font-size: 0.88rem !important;
    line-height: 1.6 !important;
}

html[data-public-theme="turkmod"] .admin-section-desc {
    margin-bottom: 1.5rem !important;
    color: var(--ui-admin-text-secondary) !important;
    font-size: 0.9rem !important;
    line-height: 1.45 !important;
}

html[data-public-theme="turkmod"] .admin-section-block {
    margin-bottom: 1.5rem !important;
}

html[data-public-theme="turkmod"] .admin-inline-head {
    display: flex !important;
    align-items: center !important;
    gap: 0.5rem !important;
    margin-bottom: 0.85rem !important;
    padding-bottom: 0.5rem !important;
    border-bottom: 2px solid var(--ui-admin-border) !important;
}

html[data-public-theme="turkmod"] .admin-inline-head i,
html[data-public-theme="turkmod"] .admin-accent-icon {
    color: var(--ui-admin-accent) !important;
    font-size: 1.1rem !important;
}

html[data-public-theme="turkmod"] .admin-inline-title {
    color: var(--ui-admin-text) !important;
    font-size: 0.92rem !important;
    font-weight: 800 !important;
}

html[data-public-theme="turkmod"] .admin-divider-block {
    margin-top: 1rem !important;
    padding-top: 1rem !important;
    border-top: 1px solid var(--ui-admin-border) !important;
}

html[data-public-theme="turkmod"] .admin-inline-control {
    display: flex !important;
    align-items: center !important;
    gap: 0.5rem !important;
}

html[data-public-theme="turkmod"] .admin-help-icon {
    cursor: help !important;
    color: var(--ui-admin-text-muted) !important;
    font-size: 0.85rem !important;
}

html[data-public-theme="turkmod"] .admin-muted-input {
    background: var(--ui-admin-surface-alt) !important;
}

html[data-public-theme="turkmod"] .admin-card-body-flush {
    padding: 0 !important;
    overflow: hidden !important;
    border-radius: 0 0 var(--ui-admin-ui-radius, var(--radius-md)) var(--ui-admin-ui-radius, var(--radius-md)) !important;
}

html[data-public-theme="turkmod"] .appearance-section-head {
    display: flex !important;
    align-items: center !important;
    gap: 0.75rem !important;
    margin-bottom: 1rem !important;
    padding: 0.75rem 1rem !important;
    color: var(--ui-admin-text) !important;
    background: linear-gradient(135deg, var(--ui-admin-primary-soft), var(--ui-admin-surface-alt)) !important;
    border: 1px solid var(--ui-admin-border) !important;
    border-radius: var(--ui-admin-ui-radius, var(--radius-md)) !important;
}

html[data-public-theme="turkmod"] .appearance-section-head i {
    color: var(--ui-admin-primary) !important;
    font-size: 1.5rem !important;
}

html[data-public-theme="turkmod"] .appearance-section-title {
    color: var(--ui-admin-text) !important;
    font-size: 0.95rem !important;
    font-weight: 700 !important;
}

html[data-public-theme="turkmod"] .appearance-section-desc {
    color: var(--ui-admin-text-secondary) !important;
    font-size: 0.82rem !important;
}

html[data-public-theme="turkmod"] .profile-stack-fill {
    flex: 1 !important;
    min-width: 0 !important;
}

html[data-public-theme="turkmod"] .profile-mini-row {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    flex-wrap: wrap !important;
    gap: 0.5rem !important;
}

html[data-public-theme="turkmod"] .profile-mini-row-wrap {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    flex-wrap: wrap !important;
    gap: 0.5rem !important;
}

html[data-public-theme="turkmod"] .profile-muted {
    color: var(--text-dim) !important;
}

html[data-public-theme="turkmod"] .profile-small-muted {
    color: var(--text-dim) !important;
    font-size: 0.78rem !important;
    white-space: nowrap !important;
}

html[data-public-theme="turkmod"] .profile-mini-row .profile-link-strong {
    flex: 1 1 14rem !important;
    min-width: 0 !important;
    overflow-wrap: anywhere !important;
}

html[data-public-theme="turkmod"] .profile-mini-row .profile-small-muted {
    flex: 0 0 auto !important;
    margin-left: auto !important;
}

html[data-public-theme="turkmod"] .profile-date-muted {
    color: var(--text-dim) !important;
    font-size: 0.78rem !important;
    white-space: nowrap !important;
}

html[data-public-theme="turkmod"] .profile-link-strong {
    color: var(--text) !important;
    font-size: 0.85rem !important;
    font-weight: 700 !important;
    text-decoration: none !important;
}

html[data-public-theme="turkmod"] .profile-link-plain {
    color: inherit !important;
    text-decoration: none !important;
}

html[data-public-theme="turkmod"] .profile-center-cta {
    padding-top: 0.75rem !important;
    text-align: center !important;
}

html[data-public-theme="turkmod"] .profile-center-cta a {
    color: var(--primary) !important;
    font-size: 0.85rem !important;
    font-weight: 700 !important;
    text-decoration: none !important;
}

html[data-public-theme="turkmod"] .profile-favorites-list {
    display: grid !important;
    gap: 0.5rem !important;
}

html[data-public-theme="turkmod"] .profile-topic-item-compact {
    margin: 0 !important;
    padding: 0.85rem !important;
    background: var(--bg-hover) !important;
    border: 1px solid var(--border) !important;
    border-radius: var(--ui-radius) !important;
}

html[data-public-theme="turkmod"] .profile-section-title-offset {
    margin-top: 1.5rem !important;
}

html[data-public-theme="turkmod"] .profile-section-title-tight {
    margin-bottom: 0.85rem !important;
}

html[data-public-theme="turkmod"] .profile-alert-sm {
    font-size: 0.88rem !important;
}

html[data-public-theme="turkmod"] .profile-form-hint {
    color: var(--text-dim) !important;
    font-size: 0.78rem !important;
}

html[data-public-theme="turkmod"] .profile-disabled-input {
    color: var(--text-dim) !important;
    background: var(--bg-hover) !important;
}

html[data-public-theme="turkmod"] .profile-avatar-preview {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex-shrink: 0 !important;
    width: 64px !important;
    height: 64px !important;
    overflow: hidden !important;
    color: #fff !important;
    background: linear-gradient(135deg, var(--primary), var(--primary-dark)) !important;
    border-radius: var(--ui-radius) !important;
}

html[data-public-theme="turkmod"] .profile-avatar-preview img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
}

html[data-public-theme="turkmod"] .profile-avatar-initial {
    color: #fff !important;
    font-size: 1.25rem !important;
    font-weight: 900 !important;
}

html[data-public-theme="turkmod"] .profile-upload-title {
    color: var(--text) !important;
    font-size: 0.88rem !important;
    font-weight: 700 !important;
}

html[data-public-theme="turkmod"] .profile-upload-text {
    color: var(--text-dim) !important;
    font-size: 0.78rem !important;
}

html[data-public-theme="turkmod"] .profile-file-input-hidden {
    display: none !important;
}

html[data-public-theme="turkmod"] .profile-info-list {
    color: var(--text-light) !important;
    font-size: 0.85rem !important;
    line-height: 2 !important;
}

html[data-public-theme="turkmod"] .profile-check-list {
    color: var(--text-light) !important;
    font-size: 0.85rem !important;
    line-height: 2.2 !important;
}

html[data-public-theme="turkmod"] .profile-check-row {
    display: flex !important;
    align-items: center !important;
    gap: 0.5rem !important;
}

html[data-public-theme="turkmod"] .profile-success-icon {
    color: var(--success) !important;
}

html[data-public-theme="turkmod"] .profile-warning-icon {
    color: var(--warning) !important;
}

html[data-public-theme="turkmod"] .profile-danger-icon {
    color: var(--danger) !important;
}

html[data-public-theme="turkmod"] .profile-empty-mini {
    padding: 1rem !important;
    color: var(--text-dim) !important;
    font-size: 0.85rem !important;
    text-align: center !important;
}

html[data-public-theme="turkmod"] .profile-activity-copy {
    flex: 1 !important;
    font-size: 0.83rem !important;
}

@media (max-width: 767.98px) {
    html[data-public-theme="turkmod"] :where(.admin-content,
        .container,
        .topic-section,
        .auth-stage,
        .profile-section,
        .upload-wizard-panel,
        .admin-card) {
        border-radius: var(--surface-radius);
    }
}

/* --- design-tokens.css --- */
/* Shared design tokens for public and admin surfaces. */
html[data-public-theme="turkmod"] {
    color-scheme: light dark;

    --brand-accent: #8b1538;
    --brand-accent-hover: #6d1029;
    --brand-accent-light: #b91d47;
    --brand-accent-soft: #fce7ec;
    --brand-accent-alpha-08: rgba(139, 21, 56, 0.08);
    --brand-accent-alpha-10: rgba(139, 21, 56, 0.1);
    --brand-accent-alpha-16: rgba(139, 21, 56, 0.16);
    --brand-accent-alpha-20: rgba(139, 21, 56, 0.2);
    --brand-accent-alpha-30: rgba(139, 21, 56, 0.3);

    --theme-bg: #f0f2f5;
    --theme-surface: #ffffff;
    --theme-surface-muted: #f8fafc;
    --theme-surface-hover: #eef2f7;
    --theme-border: #d8dee8;
    --theme-border-strong: #b9c3d2;
    --theme-text: #111827;
    --theme-text-muted: #64748b;
    --theme-text-soft: #94a3b8;
    --theme-on-accent: #ffffff;

    --theme-success: #10b981;
    --theme-success-soft: #d1fae5;
    --theme-danger: #dc2626;
    --theme-danger-soft: #fee2e2;
    --theme-warning: #b45309;
    --theme-warning-soft: #fef3c7;
    --theme-info: #2563eb;
    --theme-info-soft: #dbeafe;

    /* Color aliases for new components. Keep legacy aliases below intact. */
    --color-canvas: var(--theme-bg);
    --color-surface: var(--theme-surface);
    --color-surface-muted: var(--theme-surface-muted);
    --color-surface-hover: var(--theme-surface-hover);
    --color-border: var(--theme-border);
    --color-border-strong: var(--theme-border-strong);
    --color-text: var(--theme-text);
    --color-text-muted: var(--theme-text-muted);
    --color-text-soft: var(--theme-text-soft);
    --color-primary: var(--brand-accent);
    --color-primary-hover: var(--brand-accent-hover);
    --color-primary-soft: var(--brand-accent-soft);
    --color-on-primary: var(--theme-on-accent);
    --color-success: var(--theme-success);
    --color-success-soft: var(--theme-success-soft);
    --color-danger: var(--theme-danger);
    --color-danger-soft: var(--theme-danger-soft);
    --color-warning: var(--theme-warning);
    --color-warning-soft: var(--theme-warning-soft);
    --color-info: var(--theme-info);
    --color-info-soft: var(--theme-info-soft);

    --font-family-base: "Inter", "Segoe UI", system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
    --font-family-heading: var(--font-family-base);
    --font-family-mono: "SFMono-Regular", Consolas, "Liberation Mono", Menlo, monospace;

    --font-size-2xs: 0.6875rem;
    --font-size-xs: 0.75rem;
    --font-size-sm: 0.875rem;
    --font-size-md: 1rem;
    --font-size-lg: 1.125rem;
    --font-size-xl: 1.25rem;
    --font-size-2xl: 1.5rem;
    --font-size-3xl: 1.875rem;
    --font-size-4xl: 2.25rem;

    --font-weight-regular: 400;
    --font-weight-medium: 500;
    --font-weight-semibold: 600;
    --font-weight-bold: 700;
    --font-weight-extrabold: 800;

    --line-height-tight: 1.2;
    --line-height-snug: 1.35;
    --line-height-base: 1.5;
    --line-height-relaxed: 1.65;
    --letter-spacing-normal: 0;

    --space-0: 0;
    --space-1: 0.25rem;
    --space-2: 0.5rem;
    --space-3: 0.75rem;
    --space-4: 1rem;
    --space-5: 1.25rem;
    --space-6: 1.5rem;
    --space-8: 2rem;
    --space-10: 2.5rem;
    --space-12: 3rem;
    --space-14: 3.5rem;
    --space-16: 4rem;
    --space-20: 5rem;

    --grid-gutter: var(--space-6);
    --container-xs: 100%;
    --container-sm: 540px;
    --container-md: 720px;
    --container-lg: 960px;
    --container-xl: 1140px;
    --container-2xl: 1320px;
    --container-wide: 1400px;

    /*
      Breakpoint tokens are reference values for docs and JS.
      CSS custom properties cannot be used directly in media query conditions.
    */
    --breakpoint-mobile: 480px;
    --breakpoint-tablet: 768px;
    --breakpoint-laptop: 992px;
    --breakpoint-desktop: 1200px;
    --breakpoint-large-desktop: 1400px;

    --radius-sm: 6px;
    --radius-md: 8px;
    --radius-lg: 10px;
    --radius-xl: 14px;
    --radius-full: 9999px;
    --radius-control: var(--radius-md);
    --radius-card: var(--radius-md);
    --radius-dialog: var(--radius-lg);
    --radius-pill: var(--radius-full);

    --shadow-xs: 0 1px 2px rgba(15, 23, 42, 0.05);
    --shadow-sm: 0 4px 12px rgba(15, 23, 42, 0.06);
    --shadow-md: 0 10px 28px rgba(15, 23, 42, 0.09);
    --shadow-lg: 0 18px 42px rgba(15, 23, 42, 0.12);
    --shadow-overlay: 0 24px 70px rgba(15, 23, 42, 0.2);
    --theme-ring: 0 0 0 3px var(--brand-accent-alpha-16);

    --z-base: 0;
    --z-raised: 10;
    --z-sticky: 100;
    --z-header: 900;
    --z-dropdown: 1000;
    --z-drawer: 1040;
    --z-modal-backdrop: 1050;
    --z-modal: 1060;
    --z-popover: 1070;
    --z-tooltip: 1080;
    --z-toast: 1090;

    --duration-instant: 0ms;
    --duration-fast: 150ms;
    --duration-base: 220ms;
    --duration-slow: 320ms;
    --duration-slower: 500ms;
    --ease-standard: cubic-bezier(0.4, 0, 0.2, 1);
    --ease-emphasized: cubic-bezier(0.2, 0, 0, 1);
    --ease-out: cubic-bezier(0, 0, 0.2, 1);
    --ease-in: cubic-bezier(0.4, 0, 1, 1);
    --transition-fast: 150ms cubic-bezier(0.4, 0, 0.2, 1);
    --transition-base: 220ms cubic-bezier(0.4, 0, 0.2, 1);
    --transition-control: border-color var(--duration-fast) var(--ease-standard), box-shadow var(--duration-fast) var(--ease-standard), background-color var(--duration-fast) var(--ease-standard), color var(--duration-fast) var(--ease-standard);
    --transition-surface: background-color var(--duration-base) var(--ease-standard), border-color var(--duration-base) var(--ease-standard), box-shadow var(--duration-base) var(--ease-standard);

    --control-height: 2.5rem;
    --control-height-sm: 2rem;
    --control-height-lg: 3rem;
    --control-radius: var(--radius-md);
    --control-padding-x: var(--space-3);
    --control-padding-y: var(--space-2);
    --surface-radius: var(--radius-md);

    --state-hover-bg: var(--theme-surface-hover);
    --state-focus-ring: var(--theme-ring);
    --state-active-bg: var(--brand-accent-alpha-10);
    --state-selected-bg: var(--brand-accent-soft);
    --state-disabled-bg: var(--theme-surface-muted);
    --state-disabled-text: var(--theme-text-soft);
    --state-disabled-opacity: 0.55;
    --state-loading-opacity: 0.72;
    --state-success-bg: var(--theme-success-soft);
    --state-success-text: var(--theme-success);
    --state-warning-bg: var(--theme-warning-soft);
    --state-warning-text: var(--theme-warning);
    --state-error-bg: var(--theme-danger-soft);
    --state-error-text: var(--theme-danger);
    --state-info-bg: var(--theme-info-soft);
    --state-info-text: var(--theme-info);
    --state-empty-bg: var(--theme-surface-muted);
    --state-empty-text: var(--theme-text-muted);

    --component-gap-xs: var(--space-2);
    --component-gap-sm: var(--space-3);
    --component-gap-md: var(--space-4);
    --component-gap-lg: var(--space-6);

    --button-height: var(--control-height);
    --button-radius: var(--radius-control);
    --button-padding-x: var(--space-4);
    --button-font-size: var(--font-size-sm);
    --button-font-weight: var(--font-weight-semibold);

    --input-height: var(--control-height);
    --input-radius: var(--radius-control);
    --input-padding-x: var(--control-padding-x);
    --input-font-size: var(--font-size-sm);
    --input-border: var(--theme-border);
    --input-bg: var(--theme-surface);
    --input-text: var(--theme-text);
    --input-placeholder: var(--theme-text-soft);

    --card-radius: var(--radius-card);
    --card-padding: var(--space-5);
    --card-bg: var(--theme-surface);
    --card-border: var(--theme-border);
    --card-shadow: var(--shadow-sm);

    --modal-radius: var(--radius-dialog);
    --modal-bg: var(--theme-surface);
    --modal-border: var(--theme-border);
    --modal-shadow: var(--shadow-overlay);
    --modal-backdrop: rgba(15, 23, 42, 0.58);

    --toast-radius: var(--radius-md);
    --toast-shadow: var(--shadow-lg);
    --tooltip-radius: var(--radius-sm);
    --tooltip-bg: var(--theme-text);
    --tooltip-text: var(--theme-surface);

    --bg: var(--theme-bg);
    --bg-white: var(--theme-surface);
    --bg-hover: var(--theme-surface-hover);
    --primary: var(--brand-accent);
    --primary-dark: var(--brand-accent-hover);
    --primary-light: var(--brand-accent-light);
    --text: var(--theme-text);
    --text-dim: var(--theme-text-muted);
    --text-light: var(--theme-text-soft);
    --border: var(--theme-border);
    --success: var(--theme-success);
    --danger: var(--theme-danger);
    --warning: var(--brand-accent);
    --info: var(--brand-accent);
    --on-primary: var(--theme-on-accent);

    --ui-surface: var(--theme-surface);
    --ui-surface-muted: var(--theme-surface-muted);
    --ui-hover: var(--theme-surface-hover);
    --ui-border: var(--theme-border);
    --ui-border-strong: var(--theme-border-strong);
    --ui-radius: var(--surface-radius);
    --ui-shadow: var(--shadow-sm);
    --ui-shadow-hover: var(--shadow-md);
    --ui-ring: var(--theme-ring);
}

html[data-public-theme="turkmod"][data-theme="dark"] {
    --brand-accent: #b91d47;
    --brand-accent-hover: #d92454;
    --brand-accent-light: #ff2d6a;
    --brand-accent-soft: rgba(185, 29, 71, 0.18);
    --brand-accent-alpha-08: rgba(185, 29, 71, 0.08);
    --brand-accent-alpha-10: rgba(185, 29, 71, 0.1);
    --brand-accent-alpha-16: rgba(185, 29, 71, 0.16);
    --brand-accent-alpha-20: rgba(185, 29, 71, 0.2);
    --brand-accent-alpha-30: rgba(185, 29, 71, 0.3);

    --theme-bg: #020617;
    --theme-surface: #0f172a;
    --theme-surface-muted: #111c31;
    --theme-surface-hover: #1e293b;
    --theme-border: #243244;
    --theme-border-strong: #3b4a5f;
    --theme-text: #f8fafc;
    --theme-text-muted: #cbd5e1;
    --theme-text-soft: #94a3b8;
    --theme-on-accent: #ffffff;

    --theme-success: #34d399;
    --theme-success-soft: rgba(16, 185, 129, 0.16);
    --theme-danger: #fb7185;
    --theme-danger-soft: rgba(239, 68, 68, 0.16);
    --theme-warning: #fbbf24;
    --theme-warning-soft: rgba(245, 158, 11, 0.18);
    --theme-info: #60a5fa;
    --theme-info-soft: rgba(37, 99, 235, 0.18);

    --shadow-xs: 0 1px 2px rgba(0, 0, 0, 0.28);
    --shadow-sm: 0 8px 20px rgba(0, 0, 0, 0.22);
    --shadow-md: 0 16px 38px rgba(0, 0, 0, 0.3);
    --shadow-lg: 0 24px 54px rgba(0, 0, 0, 0.38);
    --shadow-overlay: 0 28px 80px rgba(0, 0, 0, 0.48);
    --modal-backdrop: rgba(0, 0, 0, 0.68);
}





/* --- general.css --- */
html[data-public-theme="turkmod"] \feff/* ============================================
   DESIGN TOKENS - Standardized Design System
   ============================================ */

html {
    color-scheme: dark;
}





html[data-public-theme="turkmod"] {
    /* ===== Color Palette ===== */
    /* ===== Brand Colors (Burgundy Accent) ===== */
    --brand-accent: #8b1538;
    --brand-accent-hover: #6d1029;
    --brand-accent-light: #b91d47;
    --brand-accent-alpha-10: rgba(139, 21, 56, 0.1);
    --brand-accent-alpha-20: rgba(139, 21, 56, 0.2);
    --brand-accent-alpha-30: rgba(139, 21, 56, 0.3);

    /* Primary Colors (Legacy - map to brand) */
    --color-primary-50: #fce7ec;
    --color-primary-100: #f7c2d0;
    --color-primary-200: #f199b3;
    --color-primary-300: #eb7096;
    --color-primary-400: #e65280;
    --color-primary-500: #8b1538;
    --color-primary-600: #6d1029;
    --color-primary-700: #5a0d22;
    --color-primary-800: #470a1b;
    --color-primary-900: #340714;

    /* Neutral Colors - Dark Theme */
    --color-neutral-50: #f0f4f8;
    --color-neutral-100: #d9e2ec;
    --color-neutral-200: #bcccdc;
    --color-neutral-300: #9fb3c8;
    --color-neutral-400: #829ab1;
    --color-neutral-500: #627d98;
    --color-neutral-600: #486581;
    --color-neutral-700: #334e68;
    --color-neutral-800: #243b53;
    --color-neutral-900: #102a43;

    /* Semantic Colors */
    --color-success-light: #d1fae5;
    --color-success: #00d084;
    --color-success-dark: #00a368;
    
    --color-info-light: #f7edef;
    --color-info: #0099ff;
    --color-info-dark: #0077cc;
    
    --color-warning-light: var(--brand-accent-light);
    --color-warning: var(--brand-accent);
    --color-warning-dark: var(--brand-accent-hover);
    
    --color-danger-light: #fee2e2;
    --color-danger: #ff4757;
    --color-danger-dark: #cc3946;

    /* ===== Spacing Scale ===== */
    --space-0: 0;
    --space-1: 0.25rem;   /* 4px */
    --space-2: 0.5rem;    /* 8px */
    --space-3: 0.75rem;   /* 12px */
    --space-4: 1rem;      /* 16px */
    --space-5: 1.25rem;   /* 20px */
    --space-6: 1.5rem;    /* 24px */
    --space-8: 2rem;      /* 32px */
    --space-10: 2.5rem;   /* 40px */
    --space-12: 3rem;     /* 48px */
    --space-16: 4rem;     /* 64px */
    --space-20: 5rem;     /* 80px */
    --space-24: 6rem;     /* 96px */

    /* ===== Typography Scale ===== */
    --font-size-xs: 0.75rem;      /* 12px */
    --font-size-sm: 0.875rem;     /* 14px */
    --font-size-base: 1rem;       /* 16px */
    --font-size-lg: 1.125rem;     /* 18px */
    --font-size-xl: 1.25rem;      /* 20px */
    --font-size-2xl: 1.5rem;      /* 24px */
    --font-size-3xl: 1.875rem;    /* 30px */
    --font-size-4xl: 2.25rem;     /* 36px */
    --font-size-5xl: 3rem;        /* 48px */

    /* Font Weights */
    --font-weight-light: 300;
    --font-weight-normal: 400;
    --font-weight-medium: 500;
    --font-weight-semibold: 600;
    --font-weight-bold: 700;
    --font-weight-extrabold: 800;

    /* Line Heights */
    --line-height-tight: 1.25;
    --line-height-snug: 1.375;
    --line-height-normal: 1.5;
    --line-height-relaxed: 1.625;
    --line-height-loose: 2;

    /* ===== Border Radius ===== */
    --radius-none: 0;
    --radius-sm: 6px;
    --radius-md: 10px;
    --radius-lg: 14px;
    --radius-xl: 18px;
    --radius-2xl: 24px;
    --radius-full: 9999px;

    /* ===== Shadows ===== */
    --shadow-xs: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
    --shadow-sm: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
    --shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
    --shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
    --shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
    --shadow-2xl: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
    --shadow-inner: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06);

    /* ===== Z-Index Scale ===== */
    --z-index-dropdown: 1000;
    --z-index-sticky: 1020;
    --z-index-fixed: 1030;
    --z-index-modal-backdrop: 1040;
    --z-index-modal: 1050;
    --z-index-popover: 1060;
    --z-index-tooltip: 1070;

    /* ===== Transitions ===== */
    --transition-fast: 150ms cubic-bezier(0.4, 0, 0.2, 1);
    --transition-base: 200ms cubic-bezier(0.4, 0, 0.2, 1);
    --transition-slow: 300ms cubic-bezier(0.4, 0, 0.2, 1);
    --transition-slower: 500ms cubic-bezier(0.4, 0, 0.2, 1);

    /* ===== Breakpoints (for reference in JS) ===== */
    --breakpoint-sm: 640px;
    --breakpoint-md: 768px;
    --breakpoint-lg: 1024px;
    --breakpoint-xl: 1280px;
    --breakpoint-2xl: 1536px;

    /* ===== Container Widths ===== */
    --container-sm: 640px;
    --container-md: 768px;
    --container-lg: 1024px;
    --container-xl: 1280px;
    --container-2xl: 1400px;

    /* ===== Theme-specific mappings (Dark) ===== */
    --bg: #020617;
    --bg-white: #0f172a;
    --bg-hover: #1e293b;
    --primary: var(--brand-accent);
    --primary-dark: var(--brand-accent-hover);
    --primary-light: var(--brand-accent-light);
    --text: #f8fafc;
    --text-dim: #94a3b8;
    --text-light: #64748b;
    --border: #1e293b;
    --success: var(--color-success);
    --info: var(--brand-accent);
    --warning: var(--color-warning);
    --danger: var(--color-danger);
    --shadow: rgba(0, 0, 0, 0.4);
    --on-primary: #ffffff;

    /* ===== T\c3\bcrev token'lar \e2\20ac\201d primary rengin \c5\178effaf varyantlar\c4\b1 ===== */
    /* color-mix() kullanarak tema de\c4\178i\c5\178iminde otomatik g\c3\bcncellenir    */
    --primary-alpha-03: color-mix(in srgb, var(--primary)  3%, transparent);
    --primary-alpha-05: color-mix(in srgb, var(--primary)  5%, transparent);
    --primary-alpha-08: color-mix(in srgb, var(--primary)  8%, transparent);
    --primary-alpha-10: color-mix(in srgb, var(--primary) 10%, transparent);
    --primary-alpha-15: color-mix(in srgb, var(--primary) 15%, transparent);
    --primary-alpha-20: color-mix(in srgb, var(--primary) 20%, transparent);
    --primary-alpha-25: color-mix(in srgb, var(--primary) 25%, transparent);
    --primary-alpha-30: color-mix(in srgb, var(--primary) 30%, transparent);
    --primary-alpha-40: color-mix(in srgb, var(--primary) 40%, transparent);

    /* ===== Topic/Public accent sistemi ===== */
    /* Admin'de --ui-admin-accent kar\c5\178\c4\b1l\c4\b1\c4\178\c4\b1; kullan\c4\b1c\c4\b1 taraf\c4\b1nda vurgu rengi */
    --topic-accent:        var(--brand-accent);
    --topic-accent-strong: var(--brand-accent-hover);
    --topic-accent-light:  var(--brand-accent-light);
    --topic-on-accent:     #ffffff;
    --topic-dark:          #1d2633;
    --topic-dark-soft:     #273345;

    /* Upload panel \c3\b6zel renkleri */
    --upload-panel-bg:     linear-gradient(135deg,
                             color-mix(in srgb, var(--topic-accent) 18%, transparent),
                             color-mix(in srgb, #8b1538 16%, transparent)
                           ), #1f2937;
}

/* Light Theme Overrides */
html[data-public-theme="turkmod"] [data-theme="light"] {
    --bg: #f0f2f5;
    --bg-white: #ffffff;
    --bg-hover: #e8ebf0;
    --primary: var(--brand-accent);
    --primary-dark: var(--brand-accent-hover);
    --primary-light: var(--brand-accent-light);
    --text: #111827;
    --text-dim: #374151;
    --text-light: #6b7280;
    --border: #d1d5db;
    --shadow: rgba(0, 0, 0, 0.1);
    --on-primary: #ffffff;
    --info: var(--brand-accent);
}

/* Dark Theme Overrides - Lighter burgundy for readability */
html[data-public-theme="turkmod"] [data-theme="dark"] {
    --brand-accent: #b91d47;
    --brand-accent-hover: #d92454;
    --brand-accent-light: #ff2d6a;
    --brand-accent-alpha-10: rgba(185, 29, 71, 0.1);
    --brand-accent-alpha-20: rgba(185, 29, 71, 0.2);
    --brand-accent-alpha-30: rgba(185, 29, 71, 0.3);
}

/* ===== Utility Classes Based on Design Tokens ===== */

/* Spacing Utilities */
html[data-public-theme="turkmod"] .p-0 { padding: var(--space-0); }
html[data-public-theme="turkmod"] .p-1 { padding: var(--space-1); }
html[data-public-theme="turkmod"] .p-2 { padding: var(--space-2); }
html[data-public-theme="turkmod"] .p-3 { padding: var(--space-3); }
html[data-public-theme="turkmod"] .p-4 { padding: var(--space-4); }
html[data-public-theme="turkmod"] .p-6 { padding: var(--space-6); }
html[data-public-theme="turkmod"] .p-8 { padding: var(--space-8); }

html[data-public-theme="turkmod"] .m-0 { margin: var(--space-0); }
html[data-public-theme="turkmod"] .m-1 { margin: var(--space-1); }
html[data-public-theme="turkmod"] .m-2 { margin: var(--space-2); }
html[data-public-theme="turkmod"] .m-3 { margin: var(--space-3); }
html[data-public-theme="turkmod"] .m-4 { margin: var(--space-4); }
html[data-public-theme="turkmod"] .m-6 { margin: var(--space-6); }
html[data-public-theme="turkmod"] .m-8 { margin: var(--space-8); }

/* Gap Utilities */
html[data-public-theme="turkmod"] .gap-1 { gap: var(--space-1); }
html[data-public-theme="turkmod"] .gap-2 { gap: var(--space-2); }
html[data-public-theme="turkmod"] .gap-3 { gap: var(--space-3); }
html[data-public-theme="turkmod"] .gap-4 { gap: var(--space-4); }
html[data-public-theme="turkmod"] .gap-6 { gap: var(--space-6); }
html[data-public-theme="turkmod"] .gap-8 { gap: var(--space-8); }

/* Border Radius Utilities */
html[data-public-theme="turkmod"] .rounded-none { border-radius: var(--radius-none); }
html[data-public-theme="turkmod"] .rounded-sm { border-radius: var(--radius-sm); }
html[data-public-theme="turkmod"] .rounded-md { border-radius: var(--radius-md); }
html[data-public-theme="turkmod"] .rounded-lg { border-radius: var(--radius-lg); }
html[data-public-theme="turkmod"] .rounded-xl { border-radius: var(--radius-xl); }
html[data-public-theme="turkmod"] .rounded-full { border-radius: var(--radius-full); }

/* Shadow Utilities */
html[data-public-theme="turkmod"] .shadow-xs { box-shadow: var(--shadow-xs); }
html[data-public-theme="turkmod"] .shadow-sm { box-shadow: var(--shadow-sm); }
html[data-public-theme="turkmod"] .shadow-md { box-shadow: var(--shadow-md); }
html[data-public-theme="turkmod"] .shadow-lg { box-shadow: var(--shadow-lg); }
html[data-public-theme="turkmod"] .shadow-xl { box-shadow: var(--shadow-xl); }

/* Typography Utilities */
html[data-public-theme="turkmod"] .text-xs { font-size: var(--font-size-xs); }
html[data-public-theme="turkmod"] .text-sm { font-size: var(--font-size-sm); }
html[data-public-theme="turkmod"] .text-base { font-size: var(--font-size-base); }
html[data-public-theme="turkmod"] .text-lg { font-size: var(--font-size-lg); }
html[data-public-theme="turkmod"] .text-xl { font-size: var(--font-size-xl); }
html[data-public-theme="turkmod"] .text-2xl { font-size: var(--font-size-2xl); }

html[data-public-theme="turkmod"] .font-light { font-weight: var(--font-weight-light); }
html[data-public-theme="turkmod"] .font-normal { font-weight: var(--font-weight-normal); }
html[data-public-theme="turkmod"] .font-medium { font-weight: var(--font-weight-medium); }
html[data-public-theme="turkmod"] .font-semibold { font-weight: var(--font-weight-semibold); }
html[data-public-theme="turkmod"] .font-bold { font-weight: var(--font-weight-bold); }

/* Transition Utilities */
html[data-public-theme="turkmod"] .transition-fast { transition: all var(--transition-fast); }
html[data-public-theme="turkmod"] .transition-base { transition: all var(--transition-base); }
html[data-public-theme="turkmod"] .transition-slow { transition: all var(--transition-slow); }

/* --- home-categories.css --- */
html[data-public-theme="turkmod"] \feff/* Homepage category widget - simplified tree */
.sidebar-left .category-atlas-widget {
    --home-cat-surface: #ffffff;
    --home-cat-text: #111827;
    --home-cat-muted: #64748b;
    --home-cat-line: #e5e7eb;
    --home-cat-soft: #f8fafc;
    --home-cat-hover: #f1f5f9;
    --home-cat-active: #eef6ff;
    --home-cat-blue: #8b1538;
    overflow: hidden !important;
    padding: 0 !important;
    border: 1px solid var(--home-cat-line) !important;
    border-radius: 12px !important;
    background: var(--home-cat-surface) !important;
    box-shadow: 0 10px 26px rgba(15, 23, 42, .07) !important;
}

html[data-public-theme="turkmod"] [data-theme="dark"] .sidebar-left .category-atlas-widget {
    --home-cat-surface: #0f172a;
    --home-cat-text: #e5edf8;
    --home-cat-muted: #94a3b8;
    --home-cat-line: rgba(148, 163, 184, .22);
    --home-cat-soft: rgba(15, 23, 42, .86);
    --home-cat-hover: rgba(30, 41, 59, .78);
    --home-cat-active: rgba(139, 21, 56, .18);
}

html[data-public-theme="turkmod"] .sidebar-left .category-atlas-widget::before,
html[data-public-theme="turkmod"] .sidebar-left .category-atlas-widget .category-icon-wrap,
html[data-public-theme="turkmod"] .sidebar-left .category-atlas-widget .category-description,
html[data-public-theme="turkmod"] .sidebar-left .category-atlas-widget .subcategory-rail {
    display: none !important;
    content: none !important;
}

html[data-public-theme="turkmod"] .sidebar-left .category-atlas-widget .category-atlas-header {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    min-height: 52px !important;
    padding: 14px 15px !important;
    color: var(--home-cat-text) !important;
    background: var(--home-cat-surface) !important;
    border: 0 !important;
    border-bottom: 1px solid var(--home-cat-line) !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}

html[data-public-theme="turkmod"] .sidebar-left .category-atlas-widget .category-atlas-heading strong {
    display: block !important;
    color: var(--home-cat-text) !important;
    font-size: 18px !important;
    font-weight: 900 !important;
    line-height: 1.1 !important;
}

html[data-public-theme="turkmod"] .sidebar-left .category-atlas-widget .category-atlas-total {
    color: var(--home-cat-muted) !important;
    font-size: 11px !important;
    font-weight: 800 !important;
    white-space: nowrap !important;
}

html[data-public-theme="turkmod"] .sidebar-left .category-atlas-widget .category-atlas-body {
    display: block !important;
    max-height: min(68vh, 620px) !important;
    overflow: auto !important;
    padding: 8px !important;
    background: var(--home-cat-surface) !important;
    scrollbar-width: thin !important;
}

html[data-public-theme="turkmod"] .sidebar-left .category-atlas-widget .category-atlas-list {
    display: grid !important;
    gap: 5px !important;
    padding: 0 !important;
}

html[data-public-theme="turkmod"] .sidebar-left .category-atlas-widget .category-link-all {
    display: none !important;
}

html[data-public-theme="turkmod"] .sidebar-left .category-atlas-widget .category-item {
    overflow: hidden !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 1px solid var(--home-cat-line) !important;
    border-radius: 10px !important;
    background: var(--home-cat-surface) !important;
    box-shadow: none !important;
}

html[data-public-theme="turkmod"] .sidebar-left .category-atlas-widget .category-item.open,
html[data-public-theme="turkmod"] .sidebar-left .category-atlas-widget .category-item.active,
html[data-public-theme="turkmod"] .sidebar-left .category-atlas-widget .category-item.has-active-child {
    border-color: rgba(139, 21, 56, .28) !important;
}

html[data-public-theme="turkmod"] .sidebar-left .category-atlas-widget .category-item > .category-link,
html[data-public-theme="turkmod"] .sidebar-left .category-atlas-widget .category-item > .category-toggle {
    display: grid !important;
    grid-template-columns: 22px minmax(0, 1fr) auto !important;
    align-items: center !important;
    gap: 9px !important;
    width: 100% !important;
    min-height: 42px !important;
    margin: 0 !important;
    padding: 9px 10px !important;
    color: var(--home-cat-text) !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    font: inherit !important;
    text-align: left !important;
    text-decoration: none !important;
    transform: none !important;
}

html[data-public-theme="turkmod"] .sidebar-left .category-atlas-widget .category-item > .category-link {
    grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr) !important;
}

html[data-public-theme="turkmod"] .sidebar-left .category-atlas-widget .category-item > .category-link:hover,
html[data-public-theme="turkmod"] .sidebar-left .category-atlas-widget .category-item > .category-toggle:hover {
    background: var(--home-cat-hover) !important;
}

html[data-public-theme="turkmod"] .sidebar-left .category-atlas-widget .category-item.open > .category-toggle,
html[data-public-theme="turkmod"] .sidebar-left .category-atlas-widget .category-item.active > .category-link,
html[data-public-theme="turkmod"] .sidebar-left .category-atlas-widget .category-item.active > .category-toggle,
html[data-public-theme="turkmod"] .sidebar-left .category-atlas-widget .category-item.has-active-child > .category-toggle {
    background: var(--home-cat-active) !important;
}

html[data-public-theme="turkmod"] .sidebar-left .category-atlas-widget .category-link-content {
    display: contents !important;
    min-width: 0 !important;
}

html[data-public-theme="turkmod"] .sidebar-left .category-atlas-widget .category-item > .category-link .category-link-content {
    display: block !important;
}

html[data-public-theme="turkmod"] .sidebar-left .category-atlas-widget .category-chevron {
    display: grid !important;
    width: 22px !important;
    min-width: 22px !important;
    height: 22px !important;
    place-items: center !important;
    color: var(--home-cat-muted) !important;
    background: transparent !important;
    border-radius: 6px !important;
}

html[data-public-theme="turkmod"] .sidebar-left .category-atlas-widget .chevron-icon {
    color: currentColor !important;
    font-size: .72rem !important;
    transition: transform .18s ease !important;
}

html[data-public-theme="turkmod"] .sidebar-left .category-atlas-widget .category-item.open > .category-toggle .chevron-icon {
    transform: rotate(90deg) !important;
}

html[data-public-theme="turkmod"] .sidebar-left .category-atlas-widget .category-copy,
html[data-public-theme="turkmod"] .sidebar-left .category-atlas-widget .subcategory-link-content {
    min-width: 0 !important;
}

html[data-public-theme="turkmod"] .sidebar-left .category-atlas-widget .category-name,
html[data-public-theme="turkmod"] .sidebar-left .category-atlas-widget .subcategory-name {
    display: block !important;
    overflow: hidden !important;
    color: inherit !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}

html[data-public-theme="turkmod"] .sidebar-left .category-atlas-widget .category-name {
    color: var(--home-cat-text) !important;
    font-size: 13px !important;
    font-weight: 850 !important;
    line-height: 1.2 !important;
}

html[data-public-theme="turkmod"] .sidebar-left .category-atlas-widget .category-count {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 36px !important;
    max-width: 64px !important;
    padding: 5px 7px !important;
    overflow: hidden !important;
    color: var(--home-cat-muted) !important;
    background: var(--home-cat-soft) !important;
    border: 0 !important;
    border-radius: 999px !important;
    font-size: 11px !important;
    font-weight: 850 !important;
    line-height: 1 !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}

html[data-public-theme="turkmod"] .sidebar-left .category-atlas-widget .subcategories {
    display: none !important;
    margin: 0 !important;
    padding: 4px 7px 8px 38px !important;
    background: var(--home-cat-soft) !important;
    border-top: 1px solid var(--home-cat-line) !important;
}

html[data-public-theme="turkmod"] .sidebar-left .category-atlas-widget .category-item.open > .subcategories {
    display: grid !important;
    gap: 3px !important;
}

html[data-public-theme="turkmod"] .sidebar-left .category-atlas-widget .subcategory-link {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 10px !important;
    min-height: 31px !important;
    margin: 0 !important;
    padding: 6px 8px !important;
    color: var(--home-cat-muted) !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 8px !important;
    font-size: 12px !important;
    font-weight: 750 !important;
    line-height: 1.25 !important;
    text-decoration: none !important;
}

html[data-public-theme="turkmod"] .sidebar-left .category-atlas-widget .subcategory-link:hover,
html[data-public-theme="turkmod"] .sidebar-left .category-atlas-widget .subcategory-link:focus-visible {
    color: var(--home-cat-text) !important;
    background: var(--home-cat-hover) !important;
    outline: none !important;
}

html[data-public-theme="turkmod"] .sidebar-left .category-atlas-widget .subcategory-link.active {
    color: var(--home-cat-blue) !important;
    background: rgba(139, 21, 56, .10) !important;
}

html[data-public-theme="turkmod"] .sidebar-left .category-atlas-widget .subcategory-link-content {
    position: relative !important;
    flex: 1 1 auto !important;
    padding-left: 12px !important;
}

html[data-public-theme="turkmod"] .sidebar-left .category-atlas-widget .subcategory-link-content::before {
    content: "" !important;
    position: absolute !important;
    left: 0 !important;
    top: 50% !important;
    width: 4px !important;
    height: 4px !important;
    border-radius: 999px !important;
    background: currentColor !important;
    opacity: .45 !important;
    transform: translateY(-50%) !important;
}

html[data-public-theme="turkmod"] .sidebar-left .category-atlas-widget .subcategory-count {
    flex: 0 0 auto !important;
    min-width: 24px !important;
    max-width: 52px !important;
    overflow: hidden !important;
    color: inherit !important;
    font-size: 11px !important;
    font-weight: 800 !important;
    line-height: 1.25 !important;
    text-align: right !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    opacity: .82 !important;
}

@media (max-width: 575.98px) {
    html[data-public-theme="turkmod"] .sidebar-left .category-atlas-widget .category-atlas-heading strong {
        font-size: 17px !important;
    }

    html[data-public-theme="turkmod"] .sidebar-left .category-atlas-widget .category-atlas-body {
        max-height: none !important;
    }

    html[data-public-theme="turkmod"] .sidebar-left .category-atlas-widget .subcategories {
        padding-left: 34px !important;
    }
}

/* --- pro-comments.css --- */
html[data-public-theme="turkmod"] \feff/* PRO-COMMENTS v6 \e2\20ac\201d Minimal Professional */
/* Clean, readable, Reddit/GitHub-inspired */

.topic-comments {
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
}

html[data-public-theme="turkmod"] .topic-comments .ui-comment-header {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    align-items: start !important;
    gap: var(--component-gap-xs) !important;
    min-height: 0 !important;
    padding: 0 0 var(--space-2) !important;
    background: transparent !important;
    border: 0 !important;
    border-bottom: 1px solid var(--ui-admin-border) !important;
    border-radius: 0 !important;
    margin: 0 0 var(--component-gap-sm) !important;
    box-shadow: none !important;
}

html[data-public-theme="turkmod"] .topic-comments .ui-comment-header h2,
html[data-public-theme="turkmod"] .topic-comments .ui-comment-header__title {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    grid-column: 2 !important;
    justify-self: center !important;
    gap: 8px !important;
    min-width: 0 !important;
    width: max-content !important;
    max-width: 100% !important;
    margin: 0 !important;
    font-size: .9rem !important;
    font-weight: 600 !important;
    line-height: 1.2 !important;
    color: var(--text) !important;
}

html[data-public-theme="turkmod"] .topic-comments .ui-comment-header h2 i {
    color: var(--text-dim) !important;
    font-size: 1rem !important;
}

html[data-public-theme="turkmod"] .topic-comments .ui-comment-count {
    font-size: .8rem !important;
    font-weight: 500 !important;
    color: var(--text-dim) !important;
}

html[data-public-theme="turkmod"] .topic-comments .ui-comment-form-wrap {
    display: flex !important;
    gap: 16px !important;
    padding: 20px 24px !important;
    background: var(--ui-admin-surface) !important;
    border: 1px solid var(--ui-admin-border) !important;
    border-radius: var(--radius-lg) !important;
    margin-bottom: 24px !important;
    box-shadow: var(--shadow-sm) !important;
    align-items: flex-start !important;
}

html[data-public-theme="turkmod"] .topic-comments .ui-comment-form-avatar {
    width: 36px !important;
    height: 36px !important;
    flex-shrink: 0 !important;
    display: grid !important;
    place-items: center !important;
    background: var(--theme-surface-muted) !important;
    color: var(--text-dim) !important;
    font-weight: 600 !important;
    font-size: .82rem !important;
    border-radius: 50% !important;
    overflow: hidden !important;
}

html[data-public-theme="turkmod"] .topic-comments .ui-comment-form-avatar img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
}

html[data-public-theme="turkmod"] .topic-comments .ui-comment-form-body {
    flex: 1 !important;
    min-width: 0 !important;
}

html[data-public-theme="turkmod"] .topic-comments .ui-comment-textarea {
    width: 100% !important;
    padding: 10px 12px !important;
    border: 1px solid var(--border) !important;
    border-radius: var(--radius-md) !important;
    font-size: .875rem !important;
    font-family: inherit !important;
    resize: none !important;
    background: var(--bg-white) !important;
    color: var(--text) !important;
    line-height: 1.5 !important;
    transition: border-color var(--transition-fast) !important;
}

html[data-public-theme="turkmod"] .topic-comments .ui-comment-textarea:focus {
    outline: none !important;
    border-color: var(--text-dim) !important;
}

html[data-public-theme="turkmod"] .topic-comments .ui-comment-form-actions {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    margin-top: 8px !important;
}

html[data-public-theme="turkmod"] .topic-comments .ui-comment-form-btns {
    display: flex !important;
    gap: 8px !important;
}

html[data-public-theme="turkmod"] .topic-comments .ui-comment-btn-submit {
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    padding: 7px 16px !important;
    background: var(--primary) !important;
    color: var(--on-primary) !important;
    border: none !important;
    border-radius: var(--radius-md) !important;
    font-size: .82rem !important;
    font-weight: 500 !important;
    cursor: pointer !important;
    transition: opacity var(--transition-fast) !important;
}

html[data-public-theme="turkmod"] .topic-comments .ui-comment-btn-submit:hover:not(:disabled) {
    opacity: .85 !important;
}

html[data-public-theme="turkmod"] .topic-comments .ui-comment-btn-submit:disabled {
    opacity: .35 !important;
    cursor: not-allowed !important;
}

html[data-public-theme="turkmod"] .topic-comments .ui-comment-btn-cancel {
    padding: 7px 14px !important;
    background: transparent !important;
    border: 1px solid var(--border) !important;
    border-radius: var(--radius-md) !important;
    font-size: .82rem !important;
    font-weight: 500 !important;
    color: var(--text-dim) !important;
    cursor: pointer !important;
    transition: background var(--transition-fast) !important;
}

html[data-public-theme="turkmod"] .topic-comments .ui-comment-btn-cancel:hover {
    background: var(--theme-surface-muted) !important;
}

html[data-public-theme="turkmod"] .topic-comments .ui-comment-login-prompt {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 10px !important;
    padding: 24px !important;
    background: var(--ui-admin-surface) !important;
    border: 1px solid var(--ui-admin-border) !important;
    border-radius: var(--radius-lg) !important;
    margin-bottom: 24px !important;
    color: var(--ui-admin-text-secondary) !important;
    font-size: .95rem !important;
    box-shadow: var(--shadow-sm) !important;
}

html[data-public-theme="turkmod"] .topic-comments .ui-comment-login-prompt a {
    color: var(--primary) !important;
    font-weight: 500 !important;
    text-decoration: none !important;
}

html[data-public-theme="turkmod"] .topic-comments .ui-comment-login-prompt a:hover {
    text-decoration: underline !important;
}

html[data-public-theme="turkmod"] .topic-comments .ui-comment-list {
    padding: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 8px !important;
}

html[data-public-theme="turkmod"] .topic-comments .ui-comment-loading {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    padding: 2rem 20px !important;
    color: var(--text-dim) !important;
    font-size: .85rem !important;
}

html[data-public-theme="turkmod"] .topic-comments .ui-comment-spinner {
    width: 16px !important;
    height: 16px !important;
    border: 2px solid var(--border) !important;
    border-top-color: var(--text-dim) !important;
    border-radius: 50% !important;
    animation: tcSpin .6s linear infinite !important;
}

@keyframes tcSpin {
    to {
        transform: rotate(360deg);
    }
}

html[data-public-theme="turkmod"] .topic-comments .ui-comment-empty {
    text-align: center !important;
    padding: 2.5rem 20px !important;
    color: var(--text-dim) !important;
    font-size: .875rem !important;
}

html[data-public-theme="turkmod"] .topic-comments .ui-comment-item {
    display: flex !important;
    gap: 12px !important;
    padding: 12px 16px !important;
    background: var(--ui-admin-surface) !important;
    border: 1px solid var(--ui-admin-border) !important;
    border-radius: var(--radius-lg) !important;
    box-shadow: var(--shadow-sm) !important;
    transition: all var(--transition-base) !important;
    position: relative !important;
}

html[data-public-theme="turkmod"] .topic-comments .ui-comment-item:hover {
    box-shadow: var(--shadow-md) !important;
    transform: translateY(-2px) !important;
    border-color: var(--ui-admin-accent) !important;
}

html[data-public-theme="turkmod"] .topic-comments .ui-comment-avatar {
    width: 36px !important;
    height: 36px !important;
    flex-shrink: 0 !important;
    display: grid !important;
    place-items: center !important;
    background: var(--ui-admin-surface-alt) !important;
    color: var(--ui-admin-text-secondary) !important;
    font-weight: 700 !important;
    font-size: .85rem !important;
    border-radius: 50% !important;
    overflow: hidden !important;
    margin-top: 2px !important;
    border: 1px solid var(--ui-admin-border) !important;
    box-shadow: 0 2px 6px rgba(0,0,0,0.05) !important;
}

html[data-public-theme="turkmod"] .topic-comments .ui-comment-avatar img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
}

html[data-public-theme="turkmod"] .topic-comments .ui-comment-avatar[data-hue="0"] {
    background: #fef2f2;
    color: #be123c;
}

html[data-public-theme="turkmod"] .topic-comments .ui-comment-avatar[data-hue="1"] {
    background: #fff7ed;
    color: #c2410c;
}

html[data-public-theme="turkmod"] .topic-comments .ui-comment-avatar[data-hue="2"] {
    background: #fefce8;
    color: #a16207;
}

html[data-public-theme="turkmod"] .topic-comments .ui-comment-avatar[data-hue="3"] {
    background: #f0fdf4;
    color: #15803d;
}

html[data-public-theme="turkmod"] .topic-comments .ui-comment-avatar[data-hue="4"] {
    background: #eff6ff;
    color: #8b1538;
}

html[data-public-theme="turkmod"] .topic-comments .ui-comment-avatar[data-hue="5"] {
    background: #f5f3ff;
    color: #7c3aed;
}

html[data-public-theme="turkmod"] .topic-comments .ui-comment-avatar[data-hue="6"] {
    background: #fdf2f8;
    color: #be185d;
}

html[data-public-theme="turkmod"] .topic-comments .ui-comment-body {
    flex: 1 !important;
    min-width: 0 !important;
}

html[data-public-theme="turkmod"] .topic-comments .ui-comment-meta {
    display: flex !important;
    align-items: center !important;
    gap: 6px !important;
    margin-bottom: 4px !important;
    flex-wrap: wrap !important;
}

html[data-public-theme="turkmod"] .topic-comments .ui-comment-author {
    font-size: .85rem !important;
    font-weight: 600 !important;
    color: var(--text) !important;
}

html[data-public-theme="turkmod"] .topic-comments .ui-comment-time {
    font-size: .78rem !important;
    color: var(--theme-text-muted, var(--text-dim)) !important;
}

html[data-public-theme="turkmod"] .topic-comments .ui-comment-text,
html[data-public-theme="turkmod"] .topic-comments .comment-body {
    font-size: .9rem !important;
    line-height: 1.65 !important;
    color: var(--theme-text, var(--text)) !important;
    word-break: break-word !important;
    margin: 0 !important;
    padding: 0 !important;
    background: none !important;
}

html[data-public-theme="turkmod"] .topic-comments .ui-comment-bottom-bar {
    display: flex !important;
    align-items: center !important;
    flex-wrap: wrap !important;
    gap: 12px !important;
    margin-top: 12px !important;
}

html[data-public-theme="turkmod"] .topic-comments .ui-comment-actions-row {
    display: flex !important;
    gap: 8px !important;
    flex-wrap: wrap !important;
}

html[data-public-theme="turkmod"] .topic-comments .ui-comment-action-btn {
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    padding: 6px 12px !important;
    background: transparent !important;
    border: none !important;
    border-radius: var(--control-radius, 6px) !important;
    color: var(--theme-text-muted, var(--ui-admin-text-secondary)) !important;
    font-size: .78rem !important;
    font-weight: 500 !important;
    cursor: pointer !important;
    transition: all 0.2s ease !important;
}

html[data-public-theme="turkmod"] .topic-comments .ui-comment-action-btn:hover {
    color: var(--theme-text, var(--ui-admin-text)) !important;
    background: var(--theme-surface-muted, var(--ui-admin-surface-alt)) !important;
}

html[data-public-theme="turkmod"] .topic-comments .ui-comment-action-btn.ui-comment-reply-btn:hover {
    color: var(--brand-accent, var(--primary)) !important;
}

html[data-public-theme="turkmod"] .topic-comments .ui-comment-action-btn.ui-comment-delete:hover {
    color: var(--theme-danger, #ef4444) !important;
}

html[data-public-theme="turkmod"] .topic-comments .ui-comment-action-btn.ui-comment-edit:hover {
    color: var(--theme-warning, #f59e0b) !important;
}

html[data-public-theme="turkmod"] .topic-comments .ui-comment-quote-tag {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    margin: 0 0 10px !important;
    padding: 10px 14px !important;
    border-left: 3px solid var(--brand-accent, var(--primary)) !important;
    background: var(--theme-surface-muted, var(--ui-admin-surface-alt)) !important;
    border-radius: 4px !important;
    font-size: .82rem !important;
    color: var(--theme-text-muted, var(--text-dim)) !important;
    line-height: 1.5 !important;
}

html[data-public-theme="turkmod"] .topic-comments .ui-comment-quote-tag i {
    color: var(--brand-accent, var(--primary)) !important;
    font-size: 0.95rem !important;
}

html[data-public-theme="turkmod"] .topic-comments .ui-comment-quote-tag strong {
    color: var(--brand-accent, var(--primary)) !important;
}

html[data-public-theme="turkmod"] .topic-comments .ui-comment-replies {
    padding-left: 0 !important;
    margin-left: 32px !important;
    border-left: 2px solid var(--theme-border, var(--ui-admin-border)) !important;
    margin-top: 10px !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 8px !important;
    transition: border-color 0.20s ease !important;
}

html[data-public-theme="turkmod"] .topic-comments .ui-comment-replies:hover {
    border-left-color: var(--brand-accent, var(--ui-admin-accent)) !important;
}

html[data-public-theme="turkmod"] .topic-comments .ui-comment-replies .ui-comment-item {
    padding: 12px 16px !important;
    gap: 12px !important;
    background: var(--theme-surface-muted, var(--ui-admin-surface-alt)) !important;
    box-shadow: none !important;
    margin-bottom: 0 !important;
    border: 1px solid var(--theme-border, var(--ui-admin-border)) !important;
    border-radius: var(--surface-radius, 10px) !important;
}

html[data-public-theme="turkmod"] .topic-comments .ui-comment-replies .ui-comment-item:hover {
    border-color: var(--brand-accent, var(--ui-admin-accent)) !important;
    box-shadow: 0 4px 12px rgba(0,0,0,0.03) !important;
}

html[data-public-theme="turkmod"] .topic-comments .ui-comment-replies .ui-comment-avatar {
    width: 32px !important;
    height: 32px !important;
    font-size: .78rem !important;
    box-shadow: 0 2px 6px rgba(0,0,0,0.06) !important;
}

html[data-public-theme="turkmod"] .topic-comments .ui-comment-replies .ui-comment-text {
    font-size: .86rem !important;
}

html[data-public-theme="turkmod"] .topic-comments .ui-comment-reactions {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 8px !important;
    margin-left: auto !important;
}

html[data-public-theme="turkmod"] .topic-comments .comment-reaction-btn {
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    padding: 6px 12px !important;
    background: var(--theme-surface-muted, var(--ui-admin-surface-alt)) !important;
    border: 1px solid var(--theme-border, var(--ui-admin-border)) !important;
    border-radius: var(--radius-full, 20px) !important;
    color: var(--theme-text-muted, var(--ui-admin-text-secondary)) !important;
    font-size: .78rem !important;
    font-weight: 600 !important;
    cursor: pointer !important;
    transition: all 0.20s ease !important;
}

html[data-public-theme="turkmod"] .topic-comments .comment-reaction-btn:hover {
    color: var(--theme-text, var(--ui-admin-text)) !important;
    border-color: var(--theme-text-muted, var(--ui-admin-text-secondary)) !important;
    background: var(--theme-surface-hover, var(--ui-admin-ui-hover)) !important;
}

html[data-public-theme="turkmod"] .topic-comments .comment-reaction-btn.active {
    background: var(--brand-accent-alpha-10, rgba(var(--brand-accent), 0.1)) !important;
    border-color: var(--brand-accent-alpha-20, rgba(var(--brand-accent), 0.2)) !important;
    color: var(--brand-accent, var(--ui-admin-accent)) !important;
}

html[data-public-theme="turkmod"] .topic-comments .comment-reaction-btn.ui-comment-like-btn.active {
    background: rgba(16, 185, 129, 0.1) !important;
    border-color: rgba(16, 185, 129, 0.2) !important;
    color: #059669 !important;
}

html[data-public-theme="turkmod"] .topic-comments .comment-reaction-btn.ui-comment-dislike-btn.active {
    background: rgba(239, 68, 68, 0.1) !important;
    border-color: rgba(239, 68, 68, 0.2) !important;
    color: #dc2626 !important;
}

html[data-public-theme="turkmod"] .topic-comments .ui-comment-inline-form {
    margin-top: 8px !important;
    padding: 12px !important;
    background: var(--theme-surface-muted) !important;
    border-radius: var(--radius-md) !important;
}

html[data-public-theme="turkmod"] .topic-comments .ui-comment-inline-textarea {
    width: 100% !important;
    min-height: 48px !important;
    font-size: .85rem !important;
    padding: 8px 10px !important;
    border: 1px solid var(--border) !important;
    border-radius: var(--radius-md) !important;
    font-family: inherit !important;
    line-height: 1.5 !important;
    resize: none !important;
    background: var(--bg-white) !important;
    color: var(--text) !important;
    transition: border-color var(--transition-fast) !important;
}

html[data-public-theme="turkmod"] .topic-comments .ui-comment-inline-textarea:focus {
    outline: none !important;
    border-color: var(--text-dim) !important;
}

html[data-public-theme="turkmod"] .topic-comments .ui-comment-inline-btns {
    display: flex !important;
    gap: 8px !important;
    justify-content: flex-end !important;
    margin-top: 8px !important;
}

html[data-public-theme="turkmod"] .topic-comments .ui-comment-inline-btns .ui-comment-btn-submit {
    padding: 6px 14px !important;
}

html[data-public-theme="turkmod"] .topic-comments .ui-comment-inline-btns .ui-comment-btn-cancel {
    padding: 6px 12px !important;
}

html[data-public-theme="turkmod"] .topic-comments .ui-comment-inline-meta {
    display: flex !important;
    justify-content: flex-end !important;
    margin-top: 4px !important;
    font-size: .73rem !important;
    color: var(--text-dim) !important;
}

html[data-public-theme="turkmod"] .topic-comments .comment-edited-badge {
    display: inline-flex !important;
    align-items: center !important;
    gap: 3px !important;
    font-size: .7rem !important;
    color: var(--text-dim) !important;
    padding: 0 !important;
    background: none !important;
    border: none !important;
    margin-left: 4px !important;
}

html[data-public-theme="turkmod"] .topic-comments .comment-edit-history-btn {
    background: transparent !important;
    border: none !important;
    color: var(--primary) !important;
    cursor: pointer !important;
    font-size: .7rem !important;
    padding: 0 !important;
    font-weight: 500 !important;
}

html[data-public-theme="turkmod"] .mention-autocomplete {
    position: fixed !important;
    z-index: 1050 !important;
    display: grid !important;
    gap: 2px !important;
    max-height: 240px !important;
    overflow-y: auto !important;
    padding: 4px !important;
    background: var(--bg-white) !important;
    border: 1px solid var(--border) !important;
    border-radius: var(--radius-md) !important;
    box-shadow: var(--shadow-md) !important;
}

html[data-public-theme="turkmod"] .mention-autocomplete[hidden] {
    display: none !important;
}

html[data-public-theme="turkmod"] .mention-autocomplete-option {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    width: 100% !important;
    min-height: 36px !important;
    padding: 6px 8px !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: var(--radius-sm) !important;
    color: var(--text) !important;
    cursor: pointer !important;
    font: inherit !important;
    text-align: left !important;
    transition: background var(--transition-fast) !important;
}

html[data-public-theme="turkmod"] .mention-autocomplete-option:hover,
html[data-public-theme="turkmod"] .mention-autocomplete-option.active {
    background: var(--theme-surface-muted) !important;
}

html[data-public-theme="turkmod"] .mention-autocomplete-avatar {
    width: 24px !important;
    height: 24px !important;
    flex: 0 0 24px !important;
    display: grid !important;
    place-items: center !important;
    background: var(--theme-surface-muted) !important;
    color: var(--text-dim) !important;
    border-radius: 50% !important;
    font-size: .7rem !important;
    font-weight: 600 !important;
}

html[data-public-theme="turkmod"] .mention-autocomplete-name {
    font-size: .85rem !important;
    font-weight: 500 !important;
    color: var(--text) !important;
}

html[data-public-theme="turkmod"] .topic-comments .ui-comment-alert {
    margin: 12px 20px 0 !important;
    padding: 8px 12px !important;
    border-radius: var(--radius-md) !important;
    font-size: .84rem !important;
    font-weight: 500 !important;
}

html[data-public-theme="turkmod"] .topic-comments .ui-comment-alert-success {
    background: var(--theme-success-soft) !important;
    color: #065f46 !important;
}

html[data-public-theme="turkmod"] .topic-comments .ui-comment-alert-error {
    background: var(--theme-danger-soft) !important;
    color: #991b1b !important;
}

html[data-public-theme="turkmod"] .topic-comments .ui-comment-char-count {
    font-size: .75rem !important;
    color: var(--text-dim) !important;
}

html[data-public-theme="turkmod"] .topic-comments .ui-comment-quote-info {
    display: flex !important;
    align-items: center !important;
    gap: 6px !important;
    padding: 6px 10px !important;
    margin-bottom: 8px !important;
    background: var(--theme-surface-muted) !important;
    border-radius: var(--radius-sm) !important;
    font-size: .8rem !important;
    color: var(--text-dim) !important;
}

html[data-public-theme="turkmod"] .topic-comments .ui-comment-quote-info i {
    color: var(--primary) !important;
}

html[data-public-theme="turkmod"] .topic-comments .ui-comment-quote-info strong {
    color: var(--primary) !important;
}

/* \e2\201d\20ac\e2\201d\20ac Sort Dropdown \e2\201d\20ac\e2\201d\20ac */
html[data-public-theme="turkmod"] .topic-comments .ui-comment-sort {
    display: inline-flex !important;
    align-items: center !important;
    grid-column: 3 !important;
    justify-self: end !important;
    align-self: start !important;
    gap: 6px !important;
    margin-left: auto !important;
    margin-bottom: 0 !important;
    order: 0 !important;
    width: max-content !important;
    max-width: 100% !important;
    font-size: .78rem !important;
    color: var(--text-dim) !important;
}

html[data-public-theme="turkmod"] .topic-comments .ui-comment-sort-label {
    font-weight: 500 !important;
}

html[data-public-theme="turkmod"] .topic-comments .ui-comment-sort-select {
    appearance: none !important;
    background: var(--theme-surface-muted) !important;
    border: 1px solid var(--border) !important;
    border-radius: var(--radius-sm) !important;
    padding: 3px 24px 3px 8px !important;
    font-size: .78rem !important;
    font-family: inherit !important;
    color: var(--text) !important;
    cursor: pointer !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M0 0l5 6 5-6z' fill='%2394a3b8'/%3E%3C/svg%3E") !important;
    background-repeat: no-repeat !important;
    background-position: right 8px center !important;
    transition: border-color var(--transition-fast) !important;
}

html[data-public-theme="turkmod"] .topic-comments .ui-comment-sort-select:focus {
    outline: none !important;
    border-color: var(--text-dim) !important;
}

/* \e2\201d\20ac\e2\201d\20ac Skeleton Loading \e2\201d\20ac\e2\201d\20ac */
html[data-public-theme="turkmod"] .topic-comments .ui-comment-skeleton {
    padding: 14px 20px !important;
    display: flex !important;
    gap: 12px !important;
    animation: tcPulse 1.5s ease-in-out infinite !important;
}

html[data-public-theme="turkmod"] .topic-comments .ui-comment-skeleton-avatar {
    width: 36px !important;
    height: 36px !important;
    border-radius: 50% !important;
    background: var(--theme-surface-muted) !important;
    flex-shrink: 0 !important;
}

html[data-public-theme="turkmod"] .topic-comments .ui-comment-skeleton-body {
    flex: 1 !important;
}

html[data-public-theme="turkmod"] .topic-comments .ui-comment-skeleton-line {
    width: 100% !important;
    height: 10px !important;
    border-radius: 4px !important;
    background: var(--theme-surface-muted) !important;
    margin-bottom: 8px !important;
}

html[data-public-theme="turkmod"] .topic-comments .ui-comment-skeleton-line--short {
    width: 30% !important;
}

html[data-public-theme="turkmod"] .topic-comments .ui-comment-skeleton-line--full {
    width: 100% !important;
}

html[data-public-theme="turkmod"] .topic-comments .ui-comment-skeleton-line--medium {
    width: 70% !important;
}

html[data-public-theme="turkmod"] .topic-comments .ui-comment-skeleton-line--compact {
    width: 40% !important;
}

html[data-public-theme="turkmod"] .topic-comments .ui-comment-skeleton-line--wide {
    width: 85% !important;
}

html[data-public-theme="turkmod"] .topic-comments .ui-comment-skeleton-line--half {
    width: 50% !important;
}

html[data-public-theme="turkmod"] .topic-comments .ui-comment-skeleton--muted {
    opacity: .6 !important;
}

html[data-public-theme="turkmod"] .topic-comments .ui-comment-skeleton-line:last-child {
    margin-bottom: 0 !important;
}

@keyframes tcPulse {

    0%,
    100% {
        opacity: 1;
    }

    50% {
        opacity: .4;
    }
}

/* \e2\201d\20ac\e2\201d\20ac Pin Badge \e2\201d\20ac\e2\201d\20ac */
html[data-public-theme="turkmod"] .topic-comments .ui-comment-pin-badge {
    display: inline-flex !important;
    align-items: center !important;
    gap: 3px !important;
    padding: 1px 6px !important;
    background: var(--brand-accent-alpha-08) !important;
    color: var(--primary) !important;
    border-radius: var(--radius-sm) !important;
    font-size: .68rem !important;
    font-weight: 600 !important;
    line-height: 1.4 !important;
}

html[data-public-theme="turkmod"] .topic-comments .ui-comment-pin-badge i {
    font-size: .65rem !important;
}

html[data-public-theme="turkmod"] .topic-comments .ui-comment-item.is-pinned {
    background: var(--brand-accent-alpha-08) !important;
    border-left: 2px solid var(--primary) !important;
    padding-left: 18px !important;
}

/* \e2\201d\20ac\e2\201d\20ac Permalink \e2\201d\20ac\e2\201d\20ac */
html[data-public-theme="turkmod"] .topic-comments .ui-comment-permalink {
    color: var(--text-dim) !important;
    text-decoration: none !important;
    font-size: .75rem !important;
    opacity: 0 !important;
    transition: opacity var(--transition-fast) !important;
}

html[data-public-theme="turkmod"] .topic-comments .ui-comment-item:hover .ui-comment-permalink {
    opacity: 1 !important;
}

html[data-public-theme="turkmod"] .topic-comments .ui-comment-permalink:hover {
    color: var(--primary) !important;
}

/* \e2\201d\20ac\e2\201d\20ac Collapse Replies \e2\201d\20ac\e2\201d\20ac */
html[data-public-theme="turkmod"] .topic-comments .ui-comment-collapse-btn {
    display: inline-flex !important;
    align-items: center !important;
    gap: 4px !important;
    padding: 3px 8px !important;
    background: transparent !important;
    border: none !important;
    color: var(--text-dim) !important;
    font-size: .75rem !important;
    font-weight: 500 !important;
    cursor: pointer !important;
    transition: color var(--transition-fast) !important;
    margin-left: 48px !important;
}

html[data-public-theme="turkmod"] .topic-comments .ui-comment-collapse-btn:hover {
    color: var(--primary) !important;
}

html[data-public-theme="turkmod"] .topic-comments .ui-comment-collapse-btn i {
    font-size: .7rem !important;
    transition: transform var(--transition-fast) !important;
}

html[data-public-theme="turkmod"] .topic-comments .ui-comment-collapse-btn.is-collapsed i {
    transform: rotate(-90deg) !important;
}

html[data-public-theme="turkmod"] .topic-comments .ui-comment-replies.is-collapsed {
    display: none !important;
}

/* \e2\201d\20ac\e2\201d\20ac @mention highlight \e2\201d\20ac\e2\201d\20ac */
html[data-public-theme="turkmod"] .topic-comments .ui-comment-mention {
    color: var(--primary) !important;
    font-weight: 500 !important;
    text-decoration: none !important;
    cursor: pointer !important;
}

html[data-public-theme="turkmod"] .topic-comments .ui-comment-mention:hover {
    text-decoration: underline !important;
}

/* \e2\201d\20ac\e2\201d\20ac Inline code \e2\201d\20ac\e2\201d\20ac */
html[data-public-theme="turkmod"] .topic-comments .comment-body code,
html[data-public-theme="turkmod"] .topic-comments .ui-comment-text code {
    background: var(--theme-surface-muted) !important;
    padding: 1px 5px !important;
    border-radius: 3px !important;
    font-size: .84rem !important;
    font-family: 'SF Mono', 'Fira Code', 'Consolas', monospace !important;
    color: var(--theme-danger) !important;
}

/* \e2\201d\20ac\e2\201d\20ac Code block \e2\201d\20ac\e2\201d\20ac */
html[data-public-theme="turkmod"] .topic-comments .comment-body pre,
html[data-public-theme="turkmod"] .topic-comments .ui-comment-text pre {
    background: var(--theme-surface-muted) !important;
    border: 1px solid var(--border) !important;
    border-radius: var(--radius-md) !important;
    padding: 12px 14px !important;
    overflow-x: auto !important;
    margin: 8px 0 !important;
    font-size: .82rem !important;
    line-height: 1.5 !important;
}

html[data-public-theme="turkmod"] .topic-comments .comment-body pre code,
html[data-public-theme="turkmod"] .topic-comments .ui-comment-text pre code {
    background: none !important;
    padding: 0 !important;
    color: var(--text) !important;
    font-size: inherit !important;
}

/* \e2\201d\20ac\e2\201d\20ac Shortcuts hint \e2\201d\20ac\e2\201d\20ac */
html[data-public-theme="turkmod"] .topic-comments .ui-comment-shortcut-hint {
    font-size: .7rem !important;
    color: var(--text-dim) !important;
    opacity: .6 !important;
}

/* \e2\201d\20ac\e2\201d\20ac Load More \e2\201d\20ac\e2\201d\20ac */
html[data-public-theme="turkmod"] .topic-comments .ui-comment-load-more-wrap {
    display: flex !important;
    justify-content: center !important;
    padding: 12px 20px !important;
}

html[data-public-theme="turkmod"] .topic-comments .ui-comment-load-more-btn {
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    padding: 8px 20px !important;
    background: var(--theme-surface-muted) !important;
    border: 1px solid var(--border) !important;
    border-radius: var(--radius-md) !important;
    color: var(--text-dim) !important;
    font-size: .82rem !important;
    font-weight: 500 !important;
    cursor: pointer !important;
    transition: all var(--transition-fast) !important;
}

html[data-public-theme="turkmod"] .topic-comments .ui-comment-load-more-btn:hover {
    background: var(--bg-white) !important;
    color: var(--text) !important;
    border-color: var(--text-dim) !important;
}

html[data-public-theme="turkmod"] .topic-comments .ui-comment-load-more-btn:disabled {
    opacity: .5 !important;
    cursor: not-allowed !important;
}

/* \e2\201d\20ac\e2\201d\20ac Report Modal \e2\201d\20ac\e2\201d\20ac */
html[data-public-theme="turkmod"] .ui-comment-report-modal {
    position: fixed !important;
    inset: 0 !important;
    z-index: 10000 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

html[data-public-theme="turkmod"] .ui-comment-report-overlay {
    position: absolute !important;
    inset: 0 !important;
    background: rgba(0, 0, 0, .45) !important;
}

html[data-public-theme="turkmod"] .ui-comment-report-content {
    position: relative !important;
    background: var(--bg-white) !important;
    border-radius: var(--radius-lg) !important;
    box-shadow: 0 25px 50px rgba(0, 0, 0, .25) !important;
    width: 90% !important;
    max-width: 420px !important;
    max-height: 80vh !important;
    overflow-y: auto !important;
    animation: tcFadeIn .2s ease-out !important;
}

html[data-public-theme="turkmod"] .ui-comment-report-header {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    padding: 16px 20px !important;
    border-bottom: 1px solid var(--border) !important;
}

html[data-public-theme="turkmod"] .ui-comment-report-header h3 {
    margin: 0 !important;
    font-size: .95rem !important;
    font-weight: 600 !important;
    color: var(--text) !important;
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
}

html[data-public-theme="turkmod"] .ui-comment-report-header h3 i {
    color: var(--theme-danger) !important;
}

html[data-public-theme="turkmod"] .ui-comment-report-close {
    background: none !important;
    border: none !important;
    font-size: 1.4rem !important;
    color: var(--text-dim) !important;
    cursor: pointer !important;
    padding: 0 !important;
    line-height: 1 !important;
}

html[data-public-theme="turkmod"] .ui-comment-report-close:hover {
    color: var(--text) !important;
}

html[data-public-theme="turkmod"] .ui-comment-report-body {
    padding: 16px 20px !important;
}

html[data-public-theme="turkmod"] .ui-comment-report-reasons {
    display: flex !important;
    flex-direction: column !important;
    gap: 6px !important;
    margin-bottom: 12px !important;
}

html[data-public-theme="turkmod"] .ui-comment-report-reason-btn {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    padding: 10px 12px !important;
    background: var(--theme-surface-muted) !important;
    border: 1px solid transparent !important;
    border-radius: var(--radius-md) !important;
    color: var(--text) !important;
    font-size: .85rem !important;
    font-weight: 500 !important;
    cursor: pointer !important;
    transition: all var(--transition-fast) !important;
    text-align: left !important;
    width: 100% !important;
}

html[data-public-theme="turkmod"] .ui-comment-report-reason-btn:hover {
    background: var(--bg-white) !important;
    border-color: var(--border) !important;
}

html[data-public-theme="turkmod"] .ui-comment-report-reason-btn.active {
    border-color: var(--primary) !important;
    background: var(--brand-accent-alpha-08) !important;
    color: var(--primary) !important;
    box-shadow: 0 0 0 3px color-mix(in srgb, var(--primary) 16%, transparent) !important;
}

html[data-public-theme="turkmod"] .ui-comment-report-reason-btn.active::after {
    content: "\F633";
    margin-left: auto;
    font-family: "bootstrap-icons";
    font-size: 1rem;
    font-weight: 400;
}

html[data-public-theme="turkmod"] .ui-comment-report-selected {
    margin: -4px 0 10px !important;
    color: var(--text-dim) !important;
    font-size: .78rem !important;
    font-weight: 700 !important;
}

html[data-public-theme="turkmod"] .ui-comment-report-reason-btn i {
    font-size: .9rem !important;
    width: 18px !important;
    text-align: center !important;
}

html[data-public-theme="turkmod"] .ui-comment-report-details {
    width: 100% !important;
    min-height: 60px !important;
    padding: 8px 10px !important;
    border: 1px solid var(--border) !important;
    border-radius: var(--radius-md) !important;
    font-size: .85rem !important;
    font-family: inherit !important;
    line-height: 1.5 !important;
    resize: vertical !important;
    background: var(--bg-white) !important;
    color: var(--text) !important;
    margin-bottom: 12px !important;
    transition: border-color var(--transition-fast) !important;
}

html[data-public-theme="turkmod"] .ui-comment-report-details:focus {
    outline: none !important;
    border-color: var(--text-dim) !important;
}

html[data-public-theme="turkmod"] .ui-comment-report-submit {
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    padding: 8px 18px !important;
    background: var(--theme-danger) !important;
    color: #fff !important;
    border: none !important;
    border-radius: var(--radius-md) !important;
    font-size: .85rem !important;
    font-weight: 500 !important;
    cursor: pointer !important;
    transition: opacity var(--transition-fast) !important;
}

html[data-public-theme="turkmod"] .ui-comment-report-submit:hover {
    opacity: .85 !important;
}

html[data-public-theme="turkmod"] .ui-comment-report-submit:disabled {
    opacity: .4 !important;
    cursor: not-allowed !important;
}

/* \e2\201d\20ac\e2\201d\20ac Edit History Modal \e2\201d\20ac\e2\201d\20ac */
html[data-public-theme="turkmod"] .comment-history-modal {
    position: fixed !important;
    inset: 0 !important;
    z-index: 10000 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

html[data-public-theme="turkmod"] .comment-history-overlay {
    position: absolute !important;
    inset: 0 !important;
    background: rgba(0, 0, 0, .45) !important;
}

html[data-public-theme="turkmod"] .comment-history-content {
    position: relative !important;
    background: var(--bg-white) !important;
    border-radius: var(--radius-lg) !important;
    box-shadow: 0 25px 50px rgba(0, 0, 0, .25) !important;
    width: 90% !important;
    max-width: 540px !important;
    max-height: 80vh !important;
    overflow-y: auto !important;
    animation: tcFadeIn .2s ease-out !important;
}

html[data-public-theme="turkmod"] .comment-history-header {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    padding: 16px 20px !important;
    border-bottom: 1px solid var(--border) !important;
}

html[data-public-theme="turkmod"] .comment-history-header h3 {
    margin: 0 !important;
    font-size: .95rem !important;
    font-weight: 600 !important;
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    color: var(--text) !important;
}

html[data-public-theme="turkmod"] .comment-history-close {
    background: none !important;
    border: none !important;
    font-size: 1.4rem !important;
    color: var(--text-dim) !important;
    cursor: pointer !important;
    padding: 0 !important;
}

html[data-public-theme="turkmod"] .comment-history-body {
    padding: 16px 20px !important;
}

html[data-public-theme="turkmod"] .history-item {
    padding: 12px 0 !important;
    border-bottom: 1px solid var(--border) !important;
}

html[data-public-theme="turkmod"] .history-item:last-child {
    border-bottom: none !important;
}

html[data-public-theme="turkmod"] .history-meta {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    margin-bottom: 8px !important;
    font-size: .82rem !important;
}

html[data-public-theme="turkmod"] .history-diff {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 12px !important;
}

html[data-public-theme="turkmod"] .history-old,
html[data-public-theme="turkmod"] .history-new {
    padding: 8px 10px !important;
    border-radius: var(--radius-sm) !important;
    font-size: .82rem !important;
    line-height: 1.5 !important;
}

html[data-public-theme="turkmod"] .history-old {
    background: #fef2f2 !important;
    border: 1px solid #fecaca !important;
}

html[data-public-theme="turkmod"] .history-new {
    background: #f0fdf4 !important;
    border: 1px solid #bbf7d0 !important;
}

html[data-public-theme="turkmod"] .history-old label,
html[data-public-theme="turkmod"] .history-new label {
    display: block !important;
    font-size: .72rem !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    letter-spacing: .5px !important;
    margin-bottom: 4px !important;
    color: var(--text-dim) !important;
}

/* \e2\201d\20ac\e2\201d\20ac Markdown rendered content \e2\201d\20ac\e2\201d\20ac */
html[data-public-theme="turkmod"] .topic-comments .ui-comment-text strong,
html[data-public-theme="turkmod"] .topic-comments .comment-body strong {
    font-weight: 700 !important;
}

html[data-public-theme="turkmod"] .topic-comments .ui-comment-text em,
html[data-public-theme="turkmod"] .topic-comments .comment-body em {
    font-style: italic !important;
}

html[data-public-theme="turkmod"] .topic-comments .ui-comment-text a,
html[data-public-theme="turkmod"] .topic-comments .comment-body a {
    color: var(--primary) !important;
    text-decoration: none !important;
}

html[data-public-theme="turkmod"] .topic-comments .ui-comment-text a:hover,
html[data-public-theme="turkmod"] .topic-comments .comment-body a:hover {
    text-decoration: underline !important;
}

/* \e2\201d\20ac\e2\201d\20ac Action btn: report \e2\201d\20ac\e2\201d\20ac */
html[data-public-theme="turkmod"] .topic-comments .ui-comment-action-btn.ui-comment-report-btn:hover {
    color: var(--theme-danger) !important;
}

/* \e2\201d\20ac\e2\201d\20ac Edit Mode Highlight \e2\201d\20ac\e2\201d\20ac */
html[data-public-theme="turkmod"] .topic-comments .ui-comment-item.is-editing {
    background: var(--theme-surface-muted) !important;
}

/* \e2\201d\20ac\e2\201d\20ac New comment animation \e2\201d\20ac\e2\201d\20ac */
@keyframes tcFadeIn {
    from {
        opacity: 0;
        transform: translateY(-4px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

html[data-public-theme="turkmod"] .topic-comments .ui-comment-item.is-new {
    animation: tcFadeIn .3s ease-out !important;
}

/* \e2\201d\20ac\e2\201d\20ac Pagination Info \e2\201d\20ac\e2\201d\20ac */
html[data-public-theme="turkmod"] .topic-comments .ui-comment-pagination-info {
    text-align: center !important;
    padding: 4px 20px 8px !important;
    font-size: .78rem !important;
    color: var(--text-dim) !important;
}

@media (max-width: 768px) {
    html[data-public-theme="turkmod"] .topic-comments {
        border-radius: 0 !important;
        border-left: 0 !important;
        border-right: 0 !important;
    }

    html[data-public-theme="turkmod"] .topic-comments .ui-comment-form-wrap {
        padding: 14px 16px !important;
    }

    html[data-public-theme="turkmod"] .topic-comments .ui-comment-header {
        grid-template-columns: minmax(0, 1fr) !important;
        align-items: start !important;
    }

    html[data-public-theme="turkmod"] .topic-comments .ui-comment-header h2,
    html[data-public-theme="turkmod"] .topic-comments .ui-comment-header__title {
        grid-column: 1 !important;
    }

    html[data-public-theme="turkmod"] .topic-comments .ui-comment-sort {
        grid-column: 1 !important;
        justify-content: flex-end !important;
        justify-self: end !important;
        width: max-content !important;
        max-width: 100% !important;
        margin-left: auto !important;
    }

    html[data-public-theme="turkmod"] .topic-comments .ui-comment-item {
        padding: 12px 16px !important;
    }

    html[data-public-theme="turkmod"] .topic-comments .ui-comment-list {
        padding: 0 !important;
    }

    html[data-public-theme="turkmod"] .topic-comments .ui-comment-replies {
        margin-left: 36px !important;
    }

    html[data-public-theme="turkmod"] .topic-comments .ui-comment-collapse-btn {
        margin-left: 36px !important;
    }

    html[data-public-theme="turkmod"] .topic-comments .ui-comment-item.is-pinned {
        padding-left: 14px !important;
    }

    html[data-public-theme="turkmod"] .topic-comments .ui-comment-permalink {
        opacity: 1 !important;
    }

    /* Deep thread flattening on mobile */
    html[data-public-theme="turkmod"] .topic-comments .ui-comment-replies .ui-comment-replies {
        margin-left: 0 !important;
        padding-left: 0 !important;
        border-left: none !important;
    }
}

@media (max-width: 480px) {
    html[data-public-theme="turkmod"] .topic-comments .ui-comment-form-wrap {
        flex-direction: column !important;
        gap: 8px !important;
    }

    html[data-public-theme="turkmod"] .topic-comments .ui-comment-form-avatar {
        display: none !important;
    }

    html[data-public-theme="turkmod"] .topic-comments .ui-comment-avatar {
        width: 32px !important;
        height: 32px !important;
    }

    html[data-public-theme="turkmod"] .topic-comments .ui-comment-replies {
        margin-left: 24px !important;
    }

    html[data-public-theme="turkmod"] .topic-comments .ui-comment-collapse-btn {
        margin-left: 24px !important;
    }

    html[data-public-theme="turkmod"] .topic-comments .ui-comment-replies .ui-comment-replies {
        margin-left: 0 !important;
    }

    html[data-public-theme="turkmod"] .history-diff {
        grid-template-columns: 1fr !important;
    }
}

/* \e2\201d\20ac\e2\201d\20ac Premium UX Enhancements \e2\201d\20ac\e2\201d\20ac */

/* 1. Micro-animations */
@keyframes tcPop {
    0% { transform: scale(1); }
    50% { transform: scale(1.2); }
    100% { transform: scale(1); }
}

html[data-public-theme="turkmod"] .topic-comments .comment-reaction-btn:active i {
    animation: tcPop 0.3s ease-out;
}

@keyframes fadeSlideUp {
    from {
        opacity: 0;
        transform: translateY(15px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

html[data-public-theme="turkmod"] .topic-comments .ui-comment-item.animate-in {
    animation: fadeSlideUp 0.4s cubic-bezier(0.16, 1, 0.3, 1) forwards !important;
}

/* 2. Toast Notifications */
html[data-public-theme="turkmod"] #tcToastContainer {
    position: fixed;
    bottom: 24px;
    right: 24px;
    z-index: 9999;
    display: flex;
    flex-direction: column;
    gap: 12px;
    pointer-events: none;
}

html[data-public-theme="turkmod"] .ui-comment-toast {
    background: var(--ui-admin-surface);
    color: var(--ui-admin-text);
    border: 1px solid var(--ui-admin-border);
    padding: 14px 20px;
    border-radius: var(--radius-lg);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
    display: flex;
    align-items: center;
    gap: 12px;
    font-size: 0.9rem;
    font-weight: 500;
    pointer-events: auto;
    animation: fadeSlideUp 0.3s cubic-bezier(0.16, 1, 0.3, 1) forwards;
    transition: opacity 0.3s ease, transform 0.3s ease;
}

html[data-public-theme="turkmod"] .ui-comment-toast.ui-comment-toast-success { border-left: 4px solid var(--ui-admin-success); }
html[data-public-theme="turkmod"] .ui-comment-toast.ui-comment-toast-error { border-left: 4px solid var(--ui-admin-danger); }
html[data-public-theme="turkmod"] .ui-comment-toast.ui-comment-toast-warning { border-left: 4px solid var(--ui-admin-warning); }

html[data-public-theme="turkmod"] .ui-comment-toast i {
    font-size: 1.2rem;
}

html[data-public-theme="turkmod"] .ui-comment-toast.ui-comment-toast-success i { color: var(--ui-admin-success); }
html[data-public-theme="turkmod"] .ui-comment-toast.ui-comment-toast-error i { color: var(--ui-admin-danger); }
html[data-public-theme="turkmod"] .ui-comment-toast.ui-comment-toast-warning i { color: var(--ui-admin-warning); }

html[data-public-theme="turkmod"] .ui-comment-toast.is-hiding {
    opacity: 0 !important;
    transform: translateY(15px) !important;
}

/* 3. Empty State */
html[data-public-theme="turkmod"] .topic-comments .ui-comment-empty-state {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 3rem 2rem;
    text-align: center;
    background: var(--ui-admin-surface);
    border: 1px dashed var(--ui-admin-border);
    border-radius: var(--radius-lg);
    margin: 1rem 0;
}

html[data-public-theme="turkmod"] .topic-comments .ui-comment-empty-state-icon {
    font-size: 3rem;
    color: var(--ui-admin-text-secondary);
    opacity: 0.3;
    margin-bottom: 1rem;
}

html[data-public-theme="turkmod"] .topic-comments .ui-comment-empty-state-title {
    font-size: 1.1rem;
    font-weight: 600;
    color: var(--ui-admin-text);
    margin-bottom: 0.5rem;
}

html[data-public-theme="turkmod"] .topic-comments .ui-comment-empty-state-desc {
    font-size: 0.9rem;
    color: var(--ui-admin-text-secondary);
}

/* 4. Markdown Toolbar */
html[data-public-theme="turkmod"] .topic-comments .ui-comment-toolbar {
    display: flex;
    gap: 4px;
    padding: 6px 10px;
    background: var(--ui-admin-surface-alt);
    border: 1px solid var(--ui-admin-border);
    border-bottom: none;
    border-radius: var(--radius-md) var(--radius-md) 0 0;
}

html[data-public-theme="turkmod"] .topic-comments .ui-comment-toolbar-btn {
    background: transparent;
    border: none;
    color: var(--ui-admin-text-secondary);
    width: 28px;
    height: 28px;
    border-radius: var(--radius-sm);
    display: grid;
    place-items: center;
    cursor: pointer;
    transition: all var(--transition-fast);
}

html[data-public-theme="turkmod"] .topic-comments .ui-comment-toolbar-btn:hover {
    background: var(--ui-admin-surface);
    color: var(--ui-admin-text);
    box-shadow: var(--shadow-sm);
}

html[data-public-theme="turkmod"] .topic-comments .ui-comment-textarea.has-toolbar {
    border-top-left-radius: 0 !important;
    border-top-right-radius: 0 !important;
}

/* 5. Author/Admin Badge */
html[data-public-theme="turkmod"] .ui-comment-author-badge {
    display: inline-block;
    padding: 2px 8px;
    background: var(--brand-accent-alpha-16);
    color: var(--ui-admin-accent);
    font-size: 0.7rem;
    font-weight: 700;
    border-radius: var(--radius-full);
    margin-left: 6px;
    vertical-align: middle;
}

html[data-public-theme="turkmod"] .ui-comment-author-badge.ui-comment-admin-badge {
    background: var(--ui-admin-danger-alpha-16, rgba(239,68,68,0.1));
    color: var(--ui-admin-danger, #ef4444);
}

html[data-public-theme="turkmod"] .topic-comments .ui-comment-item.is-author-comment {
    background: linear-gradient(145deg, var(--ui-admin-surface), color-mix(in srgb, var(--ui-admin-surface) 90%, var(--primary) 10%)) !important;
    border-color: color-mix(in srgb, var(--ui-admin-border) 70%, var(--primary) 30%) !important;
}

/* 6. Read More (Truncation) */
html[data-public-theme="turkmod"] .topic-comments .comment-body {
    position: relative;
    transition: max-height 0.5s ease;
}

html[data-public-theme="turkmod"] .topic-comments .comment-body.is-truncated {
    max-height: 150px;
    overflow: hidden;
}

html[data-public-theme="turkmod"] .topic-comments .comment-body.is-truncated::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 60px;
    background: linear-gradient(to bottom, transparent, var(--ui-admin-surface));
    pointer-events: none;
}

html[data-public-theme="turkmod"] .ui-comment-read-more-btn {
    background: none;
    border: none;
    color: var(--primary);
    font-size: 0.8rem;
    font-weight: 600;
    padding: 4px 0;
    cursor: pointer;
    margin-top: -5px;
    margin-bottom: 10px;
}
html[data-public-theme="turkmod"] .ui-comment-read-more-btn:hover {
    text-decoration: underline;
}

/* 7. Mention Dropdown */
html[data-public-theme="turkmod"] .ui-comment-mention-dropdown {
    position: absolute;
    background: var(--ui-admin-surface);
    border: 1px solid var(--ui-admin-border);
    border-radius: var(--radius-md);
    box-shadow: var(--shadow-md);
    min-width: 200px;
    max-height: 200px;
    overflow-y: auto;
    z-index: 10000;
}

html[data-public-theme="turkmod"] .ui-comment-mention-item {
    padding: 8px 12px;
    font-size: 0.85rem;
    color: var(--ui-admin-text);
    cursor: pointer;
    border-bottom: 1px solid var(--ui-admin-border);
}

html[data-public-theme="turkmod"] .ui-comment-mention-item:last-child {
    border-bottom: none;
}

html[data-public-theme="turkmod"] .ui-comment-mention-item:hover {
    background: var(--ui-admin-surface-alt);
    color: var(--primary);
}

/* --- public-dialog.css --- */
/* Shared public confirmation and prompt dialogs. */
html[data-public-theme="turkmod"] .app-dialog-open {
    overflow: hidden;
}

html[data-public-theme="turkmod"] .app-dialog-overlay {
    position: fixed;
    inset: 0;
    z-index: 9999;
    display: grid;
    place-items: center;
    padding: 1rem;
    background: rgba(15, 23, 42, 0.54);
    backdrop-filter: blur(10px);
    animation: app-dialog-fade 0.16s ease-out;
}

html[data-public-theme="turkmod"] .app-dialog-overlay.is-closing {
    animation: app-dialog-fade 0.16s ease-in reverse;
}

html[data-public-theme="turkmod"] .app-dialog {
    width: min(420px, 100%);
    padding: 1.25rem;
    border: 1px solid var(--border);
    border-radius: var(--radius-lg, 16px);
    background: var(--surface);
    color: var(--text);
    box-shadow: var(--shadow-xl, 0 24px 80px rgba(15, 23, 42, 0.28));
    animation: app-dialog-pop 0.18s ease-out;
}

html[data-public-theme="turkmod"] .app-dialog-icon {
    width: 42px;
    height: 42px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 0.85rem;
    border-radius: 14px;
    color: var(--primary);
    background: var(--primary-soft, rgba(242, 165, 26, 0.14));
}

html[data-public-theme="turkmod"] .app-dialog-copy h3 {
    margin: 0;
    font-size: 1.05rem;
    font-weight: 800;
}

html[data-public-theme="turkmod"] .app-dialog-copy p {
    margin: 0.45rem 0 0;
    color: var(--text-secondary);
    line-height: 1.5;
}

html[data-public-theme="turkmod"] .app-dialog-input {
    width: 100%;
    margin-top: 1rem;
    padding: 0.7rem 0.8rem;
    border: 1px solid var(--border);
    border-radius: var(--radius-md, 10px);
    background: var(--surface-alt);
    color: var(--text);
}

html[data-public-theme="turkmod"] .app-dialog-input:focus {
    outline: none;
    border-color: var(--primary);
    box-shadow: 0 0 0 3px var(--primary-alpha-20, rgba(242, 165, 26, 0.22));
}

html[data-public-theme="turkmod"] .app-dialog-actions {
    display: flex;
    justify-content: flex-end;
    gap: 0.65rem;
    margin-top: 1.15rem;
}

html[data-public-theme="turkmod"] .app-dialog-btn {
    border: 1px solid var(--border);
    border-radius: var(--radius-md, 10px);
    padding: 0.65rem 0.95rem;
    font-weight: 800;
    cursor: pointer;
    transition: transform 0.18s ease, box-shadow 0.18s ease, background 0.18s ease;
}

html[data-public-theme="turkmod"] .app-dialog-cancel {
    background: var(--surface-alt);
    color: var(--text-secondary);
}

html[data-public-theme="turkmod"] .app-dialog-ok {
    border-color: transparent;
    background: var(--primary);
    color: var(--on-primary, #fff);
    box-shadow: 0 10px 24px var(--primary-alpha-25, rgba(242, 165, 26, 0.25));
}

html[data-public-theme="turkmod"] .app-dialog-btn:hover {
    transform: translateY(-1px);
}

@keyframes app-dialog-fade {
    from { opacity: 0; }
    to { opacity: 1; }
}

@keyframes app-dialog-pop {
    from { opacity: 0; transform: translateY(8px) scale(0.98); }
    to { opacity: 1; transform: translateY(0) scale(1); }
}

/* --- public-notifications.css --- */
html[data-public-theme="turkmod"] \feff/* Notification center page styles. */

.notifications-shell {
    width: 100%;
    margin: 0 auto;
    color: var(--theme-text, #111827);
}

html[data-public-theme="turkmod"] .notifications-hero {
    position: relative;
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: var(--space-6, 1.5rem);
    align-items: end;
    padding: var(--space-8, 2rem);
    border: 1px solid color-mix(in srgb, var(--brand-accent, #8b1538) 20%, var(--theme-border, #d8dee8));
    border-radius: var(--radius-md, 8px);
    background:
        linear-gradient(135deg,
            color-mix(in srgb, var(--brand-accent, #8b1538) 10%, var(--theme-surface, #fff)) 0%,
            var(--theme-surface, #fff) 48%,
            color-mix(in srgb, var(--color-warning, #b45309) 9%, var(--theme-surface-muted, #f8fafc)) 100%);
    box-shadow: var(--shadow-sm, 0 2px 6px rgba(15, 23, 42, 0.06));
    overflow: hidden;
}

html[data-public-theme="turkmod"] .notifications-hero::before {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    background-image:
        linear-gradient(90deg, color-mix(in srgb, var(--theme-border, #d8dee8) 42%, transparent) 1px, transparent 1px),
        linear-gradient(180deg, color-mix(in srgb, var(--theme-border, #d8dee8) 34%, transparent) 1px, transparent 1px);
    background-size: 34px 34px;
    opacity: 0.28;
    mask-image: linear-gradient(90deg, transparent, #000 18%, #000 82%, transparent);
}

html[data-public-theme="turkmod"] .notifications-hero > * {
    position: relative;
}

html[data-public-theme="turkmod"] .notifications-kicker {
    display: inline-flex;
    gap: var(--space-2, 0.5rem);
    align-items: center;
    margin-bottom: var(--space-3, 0.75rem);
    color: var(--brand-accent, #8b1538);
    font-size: var(--font-size-sm, 0.875rem);
    font-weight: var(--font-weight-bold, 700);
}

html[data-public-theme="turkmod"] .notifications-hero h1 {
    margin: 0;
    font-size: clamp(1.8rem, 3vw, 2.6rem);
    line-height: var(--line-height-tight, 1.25);
    letter-spacing: 0;
}

html[data-public-theme="turkmod"] .notifications-hero p {
    max-width: 660px;
    margin: var(--space-3, 0.75rem) 0 0;
    color: var(--theme-text-muted, #64748b);
    font-size: var(--font-size-base, 1rem);
    line-height: var(--line-height-relaxed, 1.625);
}

html[data-public-theme="turkmod"] .notifications-hero-metrics {
    display: grid;
    grid-template-columns: repeat(3, minmax(92px, 1fr));
    gap: var(--space-3, 0.75rem);
    min-width: 360px;
}

html[data-public-theme="turkmod"] .notifications-metric {
    padding: var(--space-4, 1rem);
    border: 1px solid color-mix(in srgb, var(--theme-border, #d8dee8) 86%, transparent);
    border-radius: var(--radius-md, 8px);
    background: color-mix(in srgb, var(--theme-surface, #fff) 86%, transparent);
    backdrop-filter: blur(8px);
}

html[data-public-theme="turkmod"] .notifications-metric strong {
    display: block;
    color: var(--theme-text, #111827);
    font-size: var(--font-size-2xl, 1.5rem);
    line-height: 1;
}

html[data-public-theme="turkmod"] .notifications-metric span {
    display: block;
    margin-top: var(--space-2, 0.5rem);
    color: var(--theme-text-muted, #64748b);
    font-size: var(--font-size-xs, 0.75rem);
    font-weight: var(--font-weight-semibold, 600);
}

html[data-public-theme="turkmod"] .notifications-alert {
    display: flex;
    gap: var(--space-3, 0.75rem);
    align-items: flex-start;
    margin: var(--space-5, 1.25rem) 0 0;
    padding: var(--space-4, 1rem);
    border-radius: var(--radius-md, 8px);
    font-weight: var(--font-weight-semibold, 600);
}

html[data-public-theme="turkmod"] .notifications-alert i {
    font-size: 1.15rem;
    line-height: 1.4;
}

html[data-public-theme="turkmod"] .notifications-alert.is-success {
    border: 1px solid color-mix(in srgb, var(--color-success, #10b981) 28%, transparent);
    background: color-mix(in srgb, var(--color-success-light, #d1fae5) 62%, var(--theme-surface, #fff));
    color: var(--color-success-dark, #059669);
}

html[data-public-theme="turkmod"] .notifications-alert.is-error {
    border: 1px solid color-mix(in srgb, var(--color-danger, #dc2626) 28%, transparent);
    background: color-mix(in srgb, var(--color-danger-light, #fee2e2) 62%, var(--theme-surface, #fff));
    color: var(--color-danger-dark, #991b1b);
}

html[data-public-theme="turkmod"] .notifications-workspace {
    display: grid;
    grid-template-columns: 280px minmax(0, 1fr);
    gap: var(--space-6, 1.5rem);
    align-items: start;
    margin-top: var(--space-6, 1.5rem);
}

html[data-public-theme="turkmod"] .notifications-rail,
html[data-public-theme="turkmod"] .notifications-main,
html[data-public-theme="turkmod"] .notification-settings {
    border: 1px solid var(--theme-border, #d8dee8);
    border-radius: var(--radius-md, 8px);
    background: var(--theme-surface, #fff);
    box-shadow: var(--shadow-xs, 0 1px 2px rgba(15, 23, 42, 0.05));
}

html[data-public-theme="turkmod"] .notifications-rail {
    position: sticky;
    top: calc(var(--space-6, 1.5rem) + 72px);
    overflow: hidden;
}

html[data-public-theme="turkmod"] .notifications-rail-head {
    padding: var(--space-5, 1.25rem);
    border-bottom: 1px solid var(--theme-border, #d8dee8);
    background: var(--theme-surface-muted, #f8fafc);
}

html[data-public-theme="turkmod"] .notifications-rail-head strong {
    display: block;
    font-size: var(--font-size-base, 1rem);
}

html[data-public-theme="turkmod"] .notifications-rail-head span {
    display: block;
    margin-top: var(--space-1, 0.25rem);
    color: var(--theme-text-muted, #64748b);
    font-size: var(--font-size-sm, 0.875rem);
}

html[data-public-theme="turkmod"] .notifications-nav {
    display: grid;
    gap: var(--space-2, 0.5rem);
    padding: var(--space-3, 0.75rem);
}

html[data-public-theme="turkmod"] .notifications-nav-link {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--space-3, 0.75rem);
    min-height: 46px;
    padding: var(--space-3, 0.75rem);
    border-radius: var(--radius-sm, 6px);
    color: var(--theme-text, #111827);
    text-decoration: none;
    font-weight: var(--font-weight-semibold, 600);
    transition: background var(--transition-fast, 150ms ease), color var(--transition-fast, 150ms ease);
}

html[data-public-theme="turkmod"] .notifications-nav-link:hover,
html[data-public-theme="turkmod"] .notifications-nav-link.is-active {
    color: var(--brand-accent, #8b1538);
    background: var(--brand-accent-alpha-08, rgba(139, 21, 56, 0.08));
    text-decoration: none;
}

html[data-public-theme="turkmod"] .notifications-nav-link span:first-child {
    display: inline-flex;
    align-items: center;
    gap: var(--space-2, 0.5rem);
}

html[data-public-theme="turkmod"] .notifications-pill {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 1.65rem;
    min-height: 1.65rem;
    padding: 0 var(--space-2, 0.5rem);
    border-radius: var(--radius-full, 9999px);
    background: var(--brand-accent, #8b1538);
    color: var(--theme-on-accent, #fff);
    font-size: var(--font-size-xs, 0.75rem);
    font-weight: var(--font-weight-extrabold, 800);
}

html[data-public-theme="turkmod"] .notifications-rail-summary {
    display: grid;
    gap: var(--space-3, 0.75rem);
    padding: var(--space-4, 1rem);
    border-top: 1px solid var(--theme-border, #d8dee8);
}

html[data-public-theme="turkmod"] .rail-summary-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--space-3, 0.75rem);
    color: var(--theme-text-muted, #64748b);
    font-size: var(--font-size-sm, 0.875rem);
}

html[data-public-theme="turkmod"] .rail-summary-row strong {
    color: var(--theme-text, #111827);
}

html[data-public-theme="turkmod"] .notifications-main {
    overflow: hidden;
}

html[data-public-theme="turkmod"] .notifications-panel-head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: var(--space-4, 1rem);
    padding: var(--space-6, 1.5rem);
    border-bottom: 1px solid var(--theme-border, #d8dee8);
    background: linear-gradient(180deg, var(--theme-surface, #fff), var(--theme-surface-muted, #f8fafc));
}

html[data-public-theme="turkmod"] .notifications-panel-title h2 {
    margin: 0;
    font-size: var(--font-size-2xl, 1.5rem);
    line-height: var(--line-height-tight, 1.25);
}

html[data-public-theme="turkmod"] .notifications-panel-title p {
    margin: var(--space-2, 0.5rem) 0 0;
    color: var(--theme-text-muted, #64748b);
    line-height: var(--line-height-relaxed, 1.625);
}

html[data-public-theme="turkmod"] .notifications-toolbar {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: var(--space-3, 0.75rem);
    padding: var(--space-4, 1rem) var(--space-6, 1.5rem);
    border-bottom: 1px solid var(--theme-border, #d8dee8);
    background: var(--theme-surface, #fff);
}

html[data-public-theme="turkmod"] .notifications-filters {
    display: inline-flex;
    gap: var(--space-1, 0.25rem);
    padding: var(--space-1, 0.25rem);
    border: 1px solid var(--theme-border, #d8dee8);
    border-radius: var(--radius-md, 8px);
    background: var(--theme-surface-muted, #f8fafc);
}

html[data-public-theme="turkmod"] .notifications-filter {
    display: inline-flex;
    align-items: center;
    gap: var(--space-2, 0.5rem);
    min-height: 36px;
    padding: 0 var(--space-3, 0.75rem);
    border-radius: var(--radius-sm, 6px);
    color: var(--theme-text-muted, #64748b);
    text-decoration: none;
    font-size: var(--font-size-sm, 0.875rem);
    font-weight: var(--font-weight-bold, 700);
    transition: background var(--transition-fast, 150ms ease), color var(--transition-fast, 150ms ease);
}

html[data-public-theme="turkmod"] .notifications-filter:hover,
html[data-public-theme="turkmod"] .notifications-filter.is-active {
    color: var(--brand-accent, #8b1538);
    background: var(--theme-surface, #fff);
    text-decoration: none;
    box-shadow: var(--shadow-xs, 0 1px 2px rgba(15, 23, 42, 0.05));
}

html[data-public-theme="turkmod"] .notifications-count {
    color: var(--theme-text-muted, #64748b);
    font-size: var(--font-size-sm, 0.875rem);
    font-weight: var(--font-weight-semibold, 600);
}

html[data-public-theme="turkmod"] .notifications-action {
    display: inline-flex;
    flex: 0 0 auto;
    align-items: center;
    justify-content: center;
    gap: var(--space-2, 0.5rem);
    min-height: 40px;
    padding: 0 var(--space-4, 1rem);
    border: 1px solid var(--theme-border-strong, #b9c3d2);
    border-radius: var(--radius-md, 8px);
    background: var(--theme-surface, #fff);
    color: var(--theme-text, #111827);
    cursor: pointer;
    font-weight: var(--font-weight-bold, 700);
    white-space: nowrap;
    transition: transform var(--transition-fast, 150ms ease), border-color var(--transition-fast, 150ms ease), color var(--transition-fast, 150ms ease);
}

html[data-public-theme="turkmod"] .notifications-action:hover:not(:disabled) {
    color: var(--brand-accent, #8b1538);
    border-color: var(--brand-accent, #8b1538);
    transform: translateY(-1px);
}

html[data-public-theme="turkmod"] .notifications-action:disabled {
    cursor: wait;
    opacity: 0.72;
}

html[data-public-theme="turkmod"] .notifications-feed {
    display: grid;
    gap: var(--space-3, 0.75rem);
    padding: var(--space-4, 1rem);
    background: var(--theme-surface-muted, #f8fafc);
}

html[data-public-theme="turkmod"] .notification-item {
    position: relative;
    display: grid;
    grid-template-columns: 48px minmax(0, 1fr);
    gap: var(--space-4, 1rem);
    padding: var(--space-5, 1.25rem);
    border: 1px solid var(--theme-border, #d8dee8);
    border-radius: var(--radius-md, 8px);
    background: var(--theme-surface, #fff);
    transition: transform var(--transition-fast, 150ms ease), border-color var(--transition-fast, 150ms ease), box-shadow var(--transition-fast, 150ms ease);
}

html[data-public-theme="turkmod"] .notification-item::before {
    content: "";
    position: absolute;
    inset: var(--space-3, 0.75rem) auto var(--space-3, 0.75rem) 0;
    width: 3px;
    border-radius: 0 var(--radius-full, 9999px) var(--radius-full, 9999px) 0;
    background: transparent;
}

html[data-public-theme="turkmod"] .notification-item:hover {
    border-color: color-mix(in srgb, var(--brand-accent, #8b1538) 30%, var(--theme-border, #d8dee8));
    box-shadow: var(--shadow-sm, 0 2px 6px rgba(15, 23, 42, 0.06));
    transform: translateY(-1px);
}

html[data-public-theme="turkmod"] .notification-item.is-unread {
    border-color: color-mix(in srgb, var(--brand-accent, #8b1538) 36%, var(--theme-border, #d8dee8));
    background:
        linear-gradient(90deg, var(--brand-accent-alpha-08, rgba(139, 21, 56, 0.08)), transparent 42%),
        var(--theme-surface, #fff);
}

html[data-public-theme="turkmod"] .notification-item.is-unread::before {
    background: var(--brand-accent, #8b1538);
}

html[data-public-theme="turkmod"] .notifications-shell.is-compact .notifications-feed {
    gap: var(--space-2, 0.5rem);
}

html[data-public-theme="turkmod"] .notifications-shell.is-compact .notification-item {
    grid-template-columns: 40px minmax(0, 1fr);
    gap: var(--space-3, 0.75rem);
    padding: var(--space-4, 1rem);
}

html[data-public-theme="turkmod"] .notifications-shell.is-compact .notification-icon {
    width: 40px;
    height: 40px;
    font-size: 1rem;
}

html[data-public-theme="turkmod"] .notification-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 48px;
    height: 48px;
    border-radius: var(--radius-md, 8px);
    font-size: 1.25rem;
}

html[data-public-theme="turkmod"] .notification-icon.is-info {
    color: var(--color-info, #8b1538);
    background: var(--color-info-light, #f7edef);
}

html[data-public-theme="turkmod"] .notification-icon.is-success {
    color: var(--color-success-dark, #059669);
    background: var(--color-success-light, #d1fae5);
}

html[data-public-theme="turkmod"] .notification-icon.is-warning {
    color: var(--color-warning-dark, #92400e);
    background: var(--color-warning-light, #fef3c7);
}

html[data-public-theme="turkmod"] .notification-icon.is-error {
    color: var(--color-danger-dark, #991b1b);
    background: var(--color-danger-light, #fee2e2);
}

html[data-public-theme="turkmod"] .notification-icon.is-system {
    color: var(--brand-accent, #8b1538);
    background: var(--brand-accent-alpha-10, rgba(139, 21, 56, 0.1));
}

html[data-public-theme="turkmod"] .notification-body {
    min-width: 0;
}

html[data-public-theme="turkmod"] .notification-topline {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: var(--space-4, 1rem);
}

html[data-public-theme="turkmod"] .notification-title-group {
    min-width: 0;
}

html[data-public-theme="turkmod"] .notification-title {
    margin: 0;
    color: var(--theme-text, #111827);
    font-size: var(--font-size-lg, 1.125rem);
    line-height: var(--line-height-snug, 1.375);
}

html[data-public-theme="turkmod"] .notification-status {
    display: inline-flex;
    align-items: center;
    gap: var(--space-1, 0.25rem);
    margin-top: var(--space-2, 0.5rem);
    color: var(--theme-text-muted, #64748b);
    font-size: var(--font-size-xs, 0.75rem);
    font-weight: var(--font-weight-bold, 700);
}

html[data-public-theme="turkmod"] .notification-status.is-unread {
    color: var(--brand-accent, #8b1538);
}

html[data-public-theme="turkmod"] .notification-time {
    display: inline-flex;
    align-items: center;
    gap: var(--space-1, 0.25rem);
    flex: 0 0 auto;
    color: var(--theme-text-muted, #64748b);
    font-size: var(--font-size-sm, 0.875rem);
    white-space: nowrap;
}

html[data-public-theme="turkmod"] .notification-message {
    max-width: 70ch;
    margin: var(--space-3, 0.75rem) 0 0;
    color: var(--theme-text-muted, #64748b);
    line-height: var(--line-height-relaxed, 1.625);
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: var(--notification-message-lines, 3);
    -webkit-box-orient: vertical;
}

html[data-public-theme="turkmod"] .notifications-shell.is-readmore-disabled .notification-message {
    display: block;
    -webkit-line-clamp: unset;
}

html[data-public-theme="turkmod"] .notification-message.is-expanded {
    display: block;
    -webkit-line-clamp: unset;
}

html[data-public-theme="turkmod"] .notification-footer {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--space-3, 0.75rem);
    margin-top: var(--space-4, 1rem);
}

html[data-public-theme="turkmod"] .notification-link,
html[data-public-theme="turkmod"] .notification-read-more {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: var(--space-2, 0.5rem);
    min-height: 36px;
    padding: 0 var(--space-3, 0.75rem);
    border-radius: var(--radius-md, 8px);
    font-size: var(--font-size-sm, 0.875rem);
    font-weight: var(--font-weight-bold, 700);
}

html[data-public-theme="turkmod"] .notification-link {
    border: 1px solid var(--brand-accent, #8b1538);
    background: var(--brand-accent, #8b1538);
    color: var(--theme-on-accent, #fff);
    text-decoration: none;
}

html[data-public-theme="turkmod"] .notification-link:hover {
    color: var(--theme-on-accent, #fff);
    background: var(--brand-accent-hover, #6d1029);
    text-decoration: none;
}

html[data-public-theme="turkmod"] .notification-read-more {
    border: 1px solid var(--theme-border, #d8dee8);
    background: var(--theme-surface, #fff);
    color: var(--theme-text-muted, #64748b);
    cursor: pointer;
}

html[data-public-theme="turkmod"] .notification-read-more[hidden] {
    display: none;
}

html[data-public-theme="turkmod"] .notifications-empty {
    display: grid;
    place-items: center;
    min-height: 360px;
    padding: var(--space-8, 2rem);
    text-align: center;
    background: var(--theme-surface, #fff);
}

html[data-public-theme="turkmod"] .notifications-empty-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 72px;
    height: 72px;
    margin-bottom: var(--space-5, 1.25rem);
    border-radius: var(--radius-md, 8px);
    color: var(--brand-accent, #8b1538);
    background: var(--brand-accent-alpha-10, rgba(139, 21, 56, 0.1));
    font-size: 2rem;
}

html[data-public-theme="turkmod"] .notifications-empty h3 {
    margin: 0;
    font-size: var(--font-size-xl, 1.25rem);
}

html[data-public-theme="turkmod"] .notifications-empty p {
    max-width: 420px;
    margin: var(--space-2, 0.5rem) auto 0;
    color: var(--theme-text-muted, #64748b);
    line-height: var(--line-height-relaxed, 1.625);
}

html[data-public-theme="turkmod"] .notifications-pagination {
    display: flex;
    justify-content: center;
    gap: var(--space-2, 0.5rem);
    padding: var(--space-5, 1.25rem);
    border-top: 1px solid var(--theme-border, #d8dee8);
    background: var(--theme-surface, #fff);
}

html[data-public-theme="turkmod"] .notifications-pagination a,
html[data-public-theme="turkmod"] .notifications-pagination span {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: var(--space-2, 0.5rem);
    min-height: 38px;
    min-width: 44px;
    padding: 0 var(--space-3, 0.75rem);
    border: 1px solid var(--theme-border, #d8dee8);
    border-radius: var(--radius-md, 8px);
    background: var(--theme-surface, #fff);
    color: var(--theme-text, #111827);
    text-decoration: none;
    font-weight: var(--font-weight-bold, 700);
}

html[data-public-theme="turkmod"] .notifications-pagination a:hover,
html[data-public-theme="turkmod"] .notifications-pagination span {
    border-color: var(--brand-accent, #8b1538);
    color: var(--brand-accent, #8b1538);
    text-decoration: none;
}

html[data-public-theme="turkmod"] .notification-settings {
    padding: var(--space-6, 1.5rem);
}

html[data-public-theme="turkmod"] .settings-intro {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: var(--space-4, 1rem);
    padding-bottom: var(--space-5, 1.25rem);
    border-bottom: 1px solid var(--theme-border, #d8dee8);
}

html[data-public-theme="turkmod"] .settings-intro h2 {
    margin: 0;
    font-size: var(--font-size-2xl, 1.5rem);
}

html[data-public-theme="turkmod"] .settings-intro p {
    max-width: 640px;
    margin: var(--space-2, 0.5rem) 0 0;
    color: var(--theme-text-muted, #64748b);
    line-height: var(--line-height-relaxed, 1.625);
}

html[data-public-theme="turkmod"] .settings-group-panel {
    margin-top: var(--space-5, 1.25rem);
}

html[data-public-theme="turkmod"] .settings-group-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--space-4, 1rem);
    margin-bottom: var(--space-3, 0.75rem);
}

html[data-public-theme="turkmod"] .settings-group-icon {
    display: inline-grid;
    flex: 0 0 var(--space-11, 2.75rem);
    place-items: center;
    width: var(--space-11, 2.75rem);
    height: var(--space-11, 2.75rem);
    border-radius: var(--radius-md, 8px);
    background: var(--color-primary-soft, var(--brand-accent-alpha-10, rgba(139, 21, 56, 0.1)));
    color: var(--color-primary, var(--brand-accent, #8b1538));
    font-size: var(--font-size-lg, 1.125rem);
}

html[data-public-theme="turkmod"] .settings-group-head h3 {
    margin: 0;
    font-size: var(--font-size-lg, 1.125rem);
}

html[data-public-theme="turkmod"] .settings-group-head p {
    max-width: 520px;
    margin: 0;
    color: var(--theme-text-muted, #64748b);
    font-size: var(--font-size-sm, 0.875rem);
    line-height: var(--line-height-relaxed, 1.625);
}

html[data-public-theme="turkmod"] .settings-group-switch {
    display: inline-flex;
    align-items: center;
    gap: var(--space-3, 0.75rem);
    margin: 0 0 0 auto;
    color: var(--theme-text, #111827);
    font-size: var(--font-size-sm, 0.875rem);
    font-weight: var(--font-weight-bold, 700);
    white-space: nowrap;
}

html[data-public-theme="turkmod"] .settings-group-switch .notification-switch {
    margin-top: 0;
}

html[data-public-theme="turkmod"] .settings-group-panel.is-group-disabled .settings-grid {
    opacity: 0.72;
}

html[data-public-theme="turkmod"] .settings-grid {
    display: grid;
    gap: var(--space-3, 0.75rem);
}

html[data-public-theme="turkmod"] .setting-row {
    display: grid;
    grid-template-columns: 44px minmax(0, 1fr) auto;
    gap: var(--space-4, 1rem);
    align-items: center;
    padding: var(--space-5, 1.25rem);
    border: 1px solid var(--theme-border, #d8dee8);
    border-radius: var(--radius-md, 8px);
    background: var(--theme-surface-muted, #f8fafc);
}

html[data-public-theme="turkmod"] .setting-row-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    border-radius: var(--radius-md, 8px);
    color: var(--brand-accent, #8b1538);
    background: var(--brand-accent-alpha-10, rgba(139, 21, 56, 0.1));
    font-size: 1.15rem;
}

html[data-public-theme="turkmod"] .setting-row-icon .bi {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 1em;
    height: 1em;
    line-height: 1;
}

html[data-public-theme="turkmod"] .setting-row-icon .bi::before {
    line-height: 1;
}

html[data-public-theme="turkmod"] .setting-row strong {
    display: block;
    color: var(--theme-text, #111827);
    font-size: var(--font-size-base, 1rem);
}

html[data-public-theme="turkmod"] .setting-row span {
    display: block;
    margin-top: var(--space-1, 0.25rem);
    color: var(--theme-text-muted, #64748b);
    line-height: var(--line-height-relaxed, 1.625);
}

html[data-public-theme="turkmod"] .setting-row .setting-row-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-top: 0;
    line-height: 1;
}

html[data-public-theme="turkmod"] .notification-switch {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 52px;
    width: 52px;
    min-width: 52px;
    height: 30px;
    margin: 0;
    line-height: 1;
    -webkit-tap-highlight-color: transparent;
}

html[data-public-theme="turkmod"] .setting-row .notification-switch {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-top: 0;
    color: inherit;
    line-height: 1;
}

html[data-public-theme="turkmod"] .notification-switch input {
    position: absolute;
    inset: 0;
    z-index: 2;
    width: 100%;
    height: 100%;
    margin: 0;
    opacity: 0;
    cursor: pointer;
}

html[data-public-theme="turkmod"] .notification-slider {
    position: absolute;
    inset: 0;
    display: block;
    box-sizing: border-box;
    margin: 0;
    cursor: pointer;
    border-radius: var(--radius-full, 9999px);
    background: var(--theme-border-strong, #b9c3d2);
    transition: background var(--transition-fast, 150ms ease);
    line-height: 1;
    pointer-events: none;
}

html[data-public-theme="turkmod"] .setting-row .notification-switch .notification-slider {
    display: block;
    margin-top: 0;
    color: inherit;
    line-height: 1;
}

html[data-public-theme="turkmod"] .notification-slider::before {
    content: "";
    position: absolute;
    top: 4px;
    left: 4px;
    width: 22px;
    height: 22px;
    border-radius: var(--radius-full, 9999px);
    background: #fff;
    box-shadow: var(--shadow-xs, 0 1px 2px rgba(15, 23, 42, 0.05));
    transition: transform var(--transition-fast, 150ms ease);
}

html[data-public-theme="turkmod"] .notification-switch input:checked + .notification-slider {
    background: var(--brand-accent, #8b1538);
}

html[data-public-theme="turkmod"] .notification-switch input:checked + .notification-slider::before {
    transform: translateX(22px);
}

html[data-public-theme="turkmod"] .notification-switch input:focus-visible + .notification-slider {
    outline: 3px solid var(--brand-accent-alpha-20, rgba(139, 21, 56, 0.2));
    outline-offset: 3px;
}

html[data-public-theme="turkmod"] .settings-actions {
    display: flex;
    justify-content: flex-end;
    margin-top: var(--space-6, 1.5rem);
    padding-top: var(--space-5, 1.25rem);
    border-top: 1px solid var(--theme-border, #d8dee8);
}

html[data-public-theme="turkmod"] .settings-save-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: var(--space-2, 0.5rem);
    min-height: 44px;
    padding: 0 var(--space-5, 1.25rem);
    border: 1px solid var(--brand-accent, #8b1538);
    border-radius: var(--radius-md, 8px);
    background: var(--brand-accent, #8b1538);
    color: var(--theme-on-accent, #fff);
    font-weight: var(--font-weight-bold, 700);
}

html[data-public-theme="turkmod"] .settings-save-btn:hover {
    background: var(--brand-accent-hover, #6d1029);
    border-color: var(--brand-accent-hover, #6d1029);
}

html[data-public-theme="turkmod"] .spin {
    animation: notificationsSpin 0.9s linear infinite;
}

@keyframes notificationsSpin {
    to { transform: rotate(360deg); }
}

@media (max-width: 980px) {
    html[data-public-theme="turkmod"] .notifications-hero {
        grid-template-columns: 1fr;
    }

    html[data-public-theme="turkmod"] .notifications-hero-metrics {
        min-width: 0;
    }

    html[data-public-theme="turkmod"] .notifications-workspace {
        grid-template-columns: 1fr;
    }

    html[data-public-theme="turkmod"] .notifications-rail {
        position: static;
    }
}

@media (max-width: 720px) {
    html[data-public-theme="turkmod"] .notifications-shell {
        width: min(100% - var(--space-4, 1rem), 1180px);
        margin-top: var(--space-4, 1rem);
    }

    html[data-public-theme="turkmod"] .notifications-hero,
    html[data-public-theme="turkmod"] .notifications-panel-head,
    html[data-public-theme="turkmod"] .notification-settings {
        padding: var(--space-5, 1.25rem);
    }

    html[data-public-theme="turkmod"] .notifications-hero-metrics {
        grid-template-columns: 1fr;
    }

    html[data-public-theme="turkmod"] .notifications-panel-head,
    html[data-public-theme="turkmod"] .settings-intro,
    html[data-public-theme="turkmod"] .settings-group-head,
    html[data-public-theme="turkmod"] .notifications-toolbar,
    html[data-public-theme="turkmod"] .notification-topline {
        flex-direction: column;
        align-items: stretch;
    }

    html[data-public-theme="turkmod"] .notifications-filters {
        display: grid;
        grid-template-columns: 1fr;
        width: 100%;
    }

    html[data-public-theme="turkmod"] .notifications-filter {
        justify-content: space-between;
    }

    html[data-public-theme="turkmod"] .notification-item {
        grid-template-columns: 1fr;
    }

    html[data-public-theme="turkmod"] .notification-time {
        white-space: normal;
    }

    html[data-public-theme="turkmod"] .setting-row {
        grid-template-columns: 44px minmax(0, 1fr);
    }

    html[data-public-theme="turkmod"] .notification-switch {
        grid-column: 1 / -1;
        justify-self: start;
    }

    html[data-public-theme="turkmod"] .settings-group-switch {
        justify-content: space-between;
        width: 100%;
        margin-left: 0;
    }

    html[data-public-theme="turkmod"] .settings-actions {
        justify-content: stretch;
    }

    html[data-public-theme="turkmod"] .settings-save-btn,
    html[data-public-theme="turkmod"] .notifications-action {
        width: 100%;
    }
}

html[data-public-theme="turkmod"] .notifications-feed.is-updating {
    opacity: .78;
    transition: opacity .18s ease;
}

html[data-public-theme="turkmod"] .notifications-pill.is-muted {
    opacity: .58;
}

html[data-public-theme="turkmod"] .notification-type-chip {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    width: fit-content;
    max-width: 100%;
    padding: 4px 8px;
    border: 1px solid var(--notifications-border, #dbe3ef);
    border-radius: 999px;
    background: var(--notifications-soft, #f7f9fc);
    color: var(--notifications-muted, #64748b);
    font-size: .74rem;
    font-weight: 800;
    line-height: 1.2;
}

html[data-public-theme="turkmod"] .notification-type-chip.is-success {
    color: #047857;
    background: #ecfdf5;
    border-color: #bbf7d0;
}

html[data-public-theme="turkmod"] .notification-type-chip.is-warning {
    color: #92400e;
    background: #fffbeb;
    border-color: #fde68a;
}

html[data-public-theme="turkmod"] .notification-type-chip.is-error {
    color: #b91c1c;
    background: #fef2f2;
    border-color: #fecaca;
}

html[data-public-theme="turkmod"] .notification-type-chip.is-system {
    color: #4338ca;
    background: #eef2ff;
    border-color: #c7d2fe;
}

html[data-public-theme="turkmod"] .notifications-empty-actions a,
html[data-public-theme="turkmod"] .settings-reset-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    min-height: 40px;
    padding: 9px 13px;
    border: 1px solid var(--notifications-border, var(--t-border, #dbe3ef));
    border-radius: 8px;
    background: var(--notifications-surface, var(--t-surface, #fff));
    color: var(--notifications-text, var(--t-text, #0f172a));
    font-weight: 800;
    text-decoration: none;
}

html[data-public-theme="turkmod"] .settings-reset-btn {
    cursor: pointer;
}

html[data-public-theme="turkmod"] .settings-reset-btn:hover,
html[data-public-theme="turkmod"] .notifications-empty-actions a:hover {
    border-color: var(--primary, #ef3f6b);
    color: var(--primary, #ef3f6b);
}

@media (max-width: 640px) {
    html[data-public-theme="turkmod"] .settings-save-btn,
    html[data-public-theme="turkmod"] .settings-reset-btn,
    html[data-public-theme="turkmod"] .notifications-empty-actions a {
        width: 100%;
    }
}

/* Final notification center polish — width is governed by the focus layout
   (grid--focus spans the full page-wrap), so the shell only sets vertical rhythm. */
html[data-public-theme="turkmod"] .notifications-shell {
    margin-top: var(--space-5) !important;
}

html[data-public-theme="turkmod"] .notifications-hero,
html[data-public-theme="turkmod"] .notifications-rail,
html[data-public-theme="turkmod"] .notifications-main,
html[data-public-theme="turkmod"] .notification-settings,
html[data-public-theme="turkmod"] .notification-item {
    border-radius: var(--radius-md) !important;
    border-color: var(--color-border) !important;
    background: var(--color-surface) !important;
    box-shadow: var(--shadow-xs) !important;
}

html[data-public-theme="turkmod"] .notifications-hero {
    align-items: center;
    padding: var(--space-6) !important;
}

html[data-public-theme="turkmod"] .notifications-workspace {
    grid-template-columns: minmax(0, .32fr) minmax(0, 1fr) !important;
    gap: var(--space-5) !important;
}

html[data-public-theme="turkmod"] .notifications-rail {
    top: calc(var(--space-16) + var(--space-5)) !important;
}

html[data-public-theme="turkmod"] .notifications-nav {
    display: grid;
    gap: var(--space-2);
    padding: var(--space-3);
}

html[data-public-theme="turkmod"] .notifications-nav-link,
html[data-public-theme="turkmod"] .notifications-filter,
html[data-public-theme="turkmod"] .notifications-action,
html[data-public-theme="turkmod"] .notification-link,
html[data-public-theme="turkmod"] .notification-read-more,
html[data-public-theme="turkmod"] .settings-save-btn,
html[data-public-theme="turkmod"] .settings-reset-btn,
html[data-public-theme="turkmod"] .notifications-empty-actions a {
    min-height: var(--control-height);
    border-radius: var(--radius-sm) !important;
    transition: var(--transition-control), transform var(--duration-fast) var(--ease-standard) !important;
}

html[data-public-theme="turkmod"] .notifications-nav-link:hover,
html[data-public-theme="turkmod"] .notifications-filter:hover,
html[data-public-theme="turkmod"] .notifications-action:hover,
html[data-public-theme="turkmod"] .notification-link:hover,
html[data-public-theme="turkmod"] .notification-read-more:hover,
html[data-public-theme="turkmod"] .settings-save-btn:hover,
html[data-public-theme="turkmod"] .settings-reset-btn:hover,
html[data-public-theme="turkmod"] .notifications-empty-actions a:hover {
    transform: translateY(calc(var(--space-1) * -1));
}

html[data-public-theme="turkmod"] .notifications-nav-link.is-active,
html[data-public-theme="turkmod"] .notifications-filter.is-active {
    border-color: color-mix(in srgb, var(--color-primary) 42%, var(--color-border)) !important;
    background: var(--color-primary-soft) !important;
    color: var(--color-primary) !important;
}

html[data-public-theme="turkmod"] .notification-item {
    grid-template-columns: var(--space-14) minmax(0, 1fr) !important;
    padding: var(--space-4) !important;
}

html[data-public-theme="turkmod"] .notification-icon {
    width: var(--space-12) !important;
    height: var(--space-12) !important;
    border-radius: var(--radius-md) !important;
}

html[data-public-theme="turkmod"] .notification-message {
    color: var(--color-text-muted) !important;
    line-height: var(--line-height-base) !important;
}

html[data-public-theme="turkmod"] .notifications-empty {
    display: grid;
    justify-items: center;
    gap: var(--space-3);
    min-height: calc(var(--space-20) * 2);
    padding: var(--space-8) var(--space-5) !important;
    border: 1px dashed var(--color-border);
    border-radius: var(--radius-md);
    background: var(--color-surface);
    text-align: center;
}

html[data-public-theme="turkmod"] .notifications-empty i,
html[data-public-theme="turkmod"] .notifications-empty-icon {
    display: inline-grid;
    place-items: center;
    width: var(--space-14);
    height: var(--space-14);
    border-radius: var(--radius-pill);
    background: var(--color-primary-soft);
    color: var(--color-primary);
}

html[data-public-theme="turkmod"] .setting-row {
    border-radius: var(--radius-md) !important;
    background: var(--color-surface-muted) !important;
}

@media (max-width: 980px) {
    html[data-public-theme="turkmod"] .notifications-workspace {
        grid-template-columns: 1fr !important;
    }

    html[data-public-theme="turkmod"] .notifications-rail {
        position: static !important;
    }
}

@media (max-width: 720px) {
    html[data-public-theme="turkmod"] .notifications-shell {
        width: min(100% - var(--space-4), var(--container-wide)) !important;
    }

    html[data-public-theme="turkmod"] .notification-item {
        grid-template-columns: 1fr !important;
    }
}

/* --- public-shell.css --- */
html[data-public-theme="turkmod"] \feff/* Shared public shell components: header topbar, notification menu, and tiny utilities. */

.is-hidden {
    display: none !important;
}

html[data-public-theme="turkmod"] .topbar {
    padding: 8px 0;
    color: var(--text-dim);
    font-size: 0.85rem;
    font-weight: 500;
    text-align: center;
    background: var(--bg-white);
    border-bottom: 1px solid var(--border);
}

html[data-public-theme="turkmod"] .topbar-inner {
    max-width: 1400px;
    margin: 0 auto;
    padding: 0 20px;
}

html[data-public-theme="turkmod"] .notif-dropdown,
html[data-public-theme="turkmod"] .topic-profile-dd {
    position: relative;
    display: inline-block;
}

html[data-public-theme="turkmod"] .notif-toggle {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    padding: 0;
    color: var(--text);
    font-size: 1.2rem;
    cursor: pointer;
    background: transparent;
    border: 0;
    border-radius: var(--radius-full, 9999px);
    transition: background var(--transition-fast, 0.15s ease), color var(--transition-fast, 0.15s ease);
}

html[data-public-theme="turkmod"] .notif-toggle:hover {
    color: var(--primary);
    background: var(--bg-hover);
}

html[data-public-theme="turkmod"] .notif-badge {
    position: absolute;
    top: 4px;
    right: 4px;
    display: none;
    align-items: center;
    justify-content: center;
    min-width: 18px;
    height: 18px;
    padding: 0 4px;
    color: var(--on-primary, #fff);
    font-size: 0.65rem;
    font-weight: 800;
    line-height: 1;
    background: var(--danger, #dc2626);
    border-radius: 9px;
    box-shadow: 0 0 0 2px var(--bg-white);
}

html[data-public-theme="turkmod"] .notif-badge.is-visible {
    display: flex;
}

html[data-public-theme="turkmod"] .notif-menu {
    position: absolute;
    top: 100%;
    right: 0;
    z-index: 1000;
    display: none;
    flex-direction: column;
    width: min(320px, calc(100vw - 2rem));
    margin-top: 0.5rem;
    overflow: hidden;
    color: var(--text);
    background: var(--bg-white);
    border: 1px solid var(--border);
    border-radius: var(--radius-lg, 12px);
    box-shadow: var(--shadow-lg, 0 18px 42px rgba(15, 23, 42, 0.12));
}

html[data-public-theme="turkmod"] .notif-dropdown.show .notif-menu {
    display: flex;
}

html[data-public-theme="turkmod"] .notif-menu-header,
html[data-public-theme="turkmod"] .notif-menu-footer {
    border-color: var(--border);
}

html[data-public-theme="turkmod"] .notif-menu-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    padding: 1rem;
    font-weight: 800;
    border-bottom: 1px solid var(--border);
}

html[data-public-theme="turkmod"] .notif-menu-header a,
html[data-public-theme="turkmod"] .notif-menu-footer a {
    color: var(--primary);
    font-size: 0.8rem;
    font-weight: 700;
    text-decoration: none;
}

html[data-public-theme="turkmod"] .notif-menu-list {
    display: flex;
    flex-direction: column;
    max-height: 300px;
    overflow-y: auto;
}

html[data-public-theme="turkmod"] .notif-item {
    display: flex;
    gap: 0.75rem;
    padding: 0.75rem 1rem;
    color: var(--text);
    text-decoration: none;
    border-bottom: 1px solid var(--border);
    transition: background var(--transition-fast, 0.15s ease);
}

html[data-public-theme="turkmod"] .notif-item:hover {
    background: var(--bg-hover);
}

html[data-public-theme="turkmod"] .notif-item.unread {
    background: color-mix(in srgb, var(--primary) 9%, transparent);
}

html[data-public-theme="turkmod"] .notif-item:last-child {
    border-bottom: 0;
}

html[data-public-theme="turkmod"] .notif-item-icon {
    display: flex;
    flex-shrink: 0;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    font-size: 1rem;
    color: var(--theme-info, #8b1538);
    background: var(--theme-info-soft, #f7edef);
    border-radius: var(--radius-full, 9999px);
}

html[data-public-theme="turkmod"] .notif-item-icon.is-success {
    color: var(--success, #10b981);
    background: var(--theme-success-soft, #d1fae5);
}

html[data-public-theme="turkmod"] .notif-item-icon.is-warning {
    color: var(--theme-warning, #b45309);
    background: var(--theme-warning-soft, #fef3c7);
}

html[data-public-theme="turkmod"] .notif-item-icon.is-error {
    color: var(--danger, #dc2626);
    background: var(--theme-danger-soft, #fee2e2);
}

html[data-public-theme="turkmod"] .notif-item-icon.is-system {
    color: var(--primary);
    background: var(--brand-accent-alpha-10, rgba(139, 21, 56, 0.1));
}

html[data-public-theme="turkmod"] .notif-item-content {
    flex-grow: 1;
    min-width: 0;
}

html[data-public-theme="turkmod"] .notif-item-title {
    margin-bottom: 0.15rem;
    overflow: hidden;
    font-size: 0.85rem;
    font-weight: 700;
    text-overflow: ellipsis;
    white-space: nowrap;
}

html[data-public-theme="turkmod"] .notif-item-msg {
    display: -webkit-box;
    overflow: hidden;
    color: var(--text-dim);
    font-size: 0.8rem;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

html[data-public-theme="turkmod"] .notif-menu-footer {
    padding: 0.75rem;
    text-align: center;
    border-top: 1px solid var(--border);
}

html[data-public-theme="turkmod"] .notif-menu-state {
    padding: 2rem 1rem;
    color: var(--text-dim);
    font-size: 0.85rem;
    text-align: center;
}

html[data-public-theme="turkmod"] .notif-menu-state.is-loading {
    padding: 1rem;
}

html[data-public-theme="turkmod"] .notif-menu-state i {
    display: block;
    margin-bottom: 0.5rem;
    font-size: 2rem;
    opacity: 0.5;
}

html[data-public-theme="turkmod"] .topic-profile-form {
    margin: 0;
}

html[data-public-theme="turkmod"] .download-confirm-wrap {
    max-width: 760px;
    margin: 2rem auto;
    padding: 0 1rem;
}

html[data-public-theme="turkmod"] .download-confirm-card {
    overflow: hidden;
    background: var(--bg-white);
    border: 1px solid var(--border);
    border-radius: var(--radius-md, 8px);
    box-shadow: var(--shadow-md, 0 12px 30px rgba(15, 23, 42, 0.08));
}

html[data-public-theme="turkmod"] .download-confirm-head {
    display: flex;
    gap: 1rem;
    align-items: flex-start;
    padding: 1.4rem 1.5rem;
    border-bottom: 1px solid var(--border);
}

html[data-public-theme="turkmod"] .download-confirm-icon {
    display: grid;
    flex: 0 0 auto;
    place-items: center;
    width: 44px;
    height: 44px;
    color: var(--theme-warning, #b45309);
    background: var(--theme-warning-soft, #fef3c7);
    border-radius: var(--radius-md, 8px);
}

html[data-public-theme="turkmod"] .download-confirm-head h1 {
    margin: 0 0 0.25rem;
    font-size: 1.35rem;
}

html[data-public-theme="turkmod"] .download-confirm-head p,
html[data-public-theme="turkmod"] .download-confirm-note {
    margin: 0;
    color: var(--text-dim);
    line-height: 1.6;
}

html[data-public-theme="turkmod"] .download-confirm-body {
    display: grid;
    gap: 1rem;
    padding: 1.25rem 1.5rem;
}

html[data-public-theme="turkmod"] .download-confirm-host {
    display: flex;
    align-items: center;
    gap: 0.65rem;
    padding: 0.85rem 1rem;
    font-weight: 700;
    word-break: break-all;
    background: var(--bg-hover);
    border: 1px solid var(--border);
    border-radius: var(--radius-md, 8px);
}

html[data-public-theme="turkmod"] .download-confirm-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
    padding: 0 1.5rem 1.5rem;
}

html[data-public-theme="turkmod"] .appeal-shell {
    display: grid;
    gap: 1.5rem;
    max-width: 920px;
    margin: 2rem auto;
    padding: 0 1rem;
}

html[data-public-theme="turkmod"] .appeal-hero {
    padding: 2rem;
    background: linear-gradient(135deg, var(--brand-accent-alpha-08, rgba(139, 21, 56, 0.08)), transparent);
    border: 1px solid var(--border);
    border-radius: var(--radius-xl, 14px);
    box-shadow: var(--shadow-sm, 0 4px 12px rgba(15, 23, 42, 0.06));
}

html[data-public-theme="turkmod"] .appeal-hero h1 {
    margin: 0 0 0.5rem;
    color: var(--text);
    font-size: 1.8rem;
    font-weight: 800;
}

html[data-public-theme="turkmod"] .appeal-hero p {
    margin: 0;
    color: var(--text-dim);
    font-size: 0.95rem;
    line-height: 1.6;
}

html[data-public-theme="turkmod"] .appeal-card {
    padding: 1.5rem;
    background: var(--bg-white);
    border: 1px solid var(--border);
    border-radius: var(--radius-xl, 14px);
}

html[data-public-theme="turkmod"] .appeal-form-card {
    background: linear-gradient(135deg, color-mix(in srgb, var(--theme-warning, #b45309) 5%, transparent), transparent);
    border-color: color-mix(in srgb, var(--theme-warning, #b45309) 58%, var(--border));
}

html[data-public-theme="turkmod"] .appeal-form-card h2 {
    margin-top: 0;
    color: var(--text);
    font-size: 1.3rem;
}

html[data-public-theme="turkmod"] .appeal-form-card p {
    margin-bottom: 1.5rem;
    color: var(--text-dim);
    line-height: 1.6;
}

html[data-public-theme="turkmod"] .appeal-status {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    padding: 0.35rem 0.75rem;
    font-size: 0.8rem;
    font-weight: 800;
    border-radius: var(--radius-full, 9999px);
}

html[data-public-theme="turkmod"] .appeal-status.open {
    color: #92400e;
    background: #fef3c7;
}

html[data-public-theme="turkmod"] .appeal-status.reviewing {
    color: #1e40af;
    background: #f7edef;
}

html[data-public-theme="turkmod"] .appeal-status.accepted {
    color: #166534;
    background: #dcfce7;
}

html[data-public-theme="turkmod"] .appeal-status.rejected {
    color: #991b1b;
    background: #fee2e2;
}

html[data-public-theme="turkmod"] .appeal-list {
    display: grid;
    gap: 1rem;
}

html[data-public-theme="turkmod"] .appeal-item {
    padding: 1.25rem;
    background: var(--bg);
    border: 1px solid var(--border);
    border-radius: var(--radius-lg, 12px);
    transition: border-color var(--transition-fast, 0.15s ease), box-shadow var(--transition-fast, 0.15s ease);
}

html[data-public-theme="turkmod"] .appeal-item:hover {
    border-color: var(--primary);
    box-shadow: 0 2px 8px var(--brand-accent-alpha-10, rgba(139, 21, 56, 0.1));
}

html[data-public-theme="turkmod"] .appeal-meta {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 1rem;
    color: var(--text-dim);
    font-size: 0.85rem;
}

html[data-public-theme="turkmod"] .appeal-meta-left {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
    align-items: center;
}

html[data-public-theme="turkmod"] .appeal-message {
    margin-bottom: 1rem;
    color: var(--text);
    line-height: 1.6;
    word-break: break-word;
    white-space: pre-wrap;
}

html[data-public-theme="turkmod"] .appeal-admin-note {
    padding: 1rem;
    margin-top: 1rem;
    color: var(--text-dim);
    font-size: 0.9rem;
    background: var(--bg-white);
    border-left: 3px solid var(--primary);
    border-radius: var(--radius-sm, 6px);
}

html[data-public-theme="turkmod"] .appeal-admin-note strong {
    color: var(--text);
}

html[data-public-theme="turkmod"] .appeal-thread-line {
    display: grid;
    gap: 0.25rem;
    margin-top: 0.75rem;
    padding-top: 0.75rem;
    border-top: 1px solid var(--border);
}

html[data-public-theme="turkmod"] .appeal-thread-line span {
    color: var(--text-dim);
    font-size: 0.78rem;
    font-weight: 700;
}

html[data-public-theme="turkmod"] .appeal-thread-line p {
    margin: 0;
    color: var(--text);
    line-height: 1.5;
}

html[data-public-theme="turkmod"] .appeal-form textarea {
    width: 100%;
    min-height: 150px;
    padding: 0.75rem 1rem;
    color: var(--text);
    resize: vertical;
    background: var(--bg);
    border: 1px solid var(--border);
    border-radius: var(--radius-md, 8px);
    font-family: inherit;
    font-size: 0.95rem;
}

html[data-public-theme="turkmod"] .appeal-form textarea:focus {
    border-color: var(--primary);
    box-shadow: var(--theme-ring, 0 0 0 3px var(--brand-accent-alpha-16));
    outline: 0;
}

html[data-public-theme="turkmod"] .appeal-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
    align-items: center;
    margin-top: 1.5rem;
}

html[data-public-theme="turkmod"] .appeal-submit,
html[data-public-theme="turkmod"] .appeal-logout {
    padding: 0.75rem 1.5rem;
    font-size: 0.95rem;
    font-weight: 700;
    cursor: pointer;
    border-radius: var(--radius-md, 8px);
    transition: transform var(--transition-fast, 0.15s ease), box-shadow var(--transition-fast, 0.15s ease), background var(--transition-fast, 0.15s ease);
}

html[data-public-theme="turkmod"] .appeal-submit {
    color: var(--on-primary, #fff);
    background: linear-gradient(135deg, var(--primary), var(--primary-dark));
    border: 0;
}

html[data-public-theme="turkmod"] .appeal-submit:hover {
    box-shadow: 0 8px 16px var(--brand-accent-alpha-20, rgba(139, 21, 56, 0.2));
    transform: translateY(-2px);
}

html[data-public-theme="turkmod"] .appeal-logout {
    color: var(--text);
    background: var(--bg-white);
    border: 1px solid var(--border);
}

html[data-public-theme="turkmod"] .appeal-logout:hover {
    background: var(--bg);
}

html[data-public-theme="turkmod"] .appeal-icon {
    margin-right: 0.5rem;
}

html[data-public-theme="turkmod"] .appeal-icon-muted {
    margin-right: 0.5rem;
    opacity: 0.8;
}

html[data-public-theme="turkmod"] .appeal-icon-tight {
    margin-right: 0.3rem;
}

html[data-public-theme="turkmod"] .appeal-label {
    display: block;
    margin-bottom: 0.5rem;
    color: var(--text);
    font-weight: 700;
}

html[data-public-theme="turkmod"] .appeal-required {
    color: var(--danger);
}

html[data-public-theme="turkmod"] .appeal-help {
    margin-top: 0.3rem;
    color: var(--text-dim);
    font-size: 0.8rem;
}

html[data-public-theme="turkmod"] .appeal-logout-form {
    margin-top: 1rem;
}

html[data-public-theme="turkmod"] .appeal-id {
    color: var(--text);
    font-weight: 700;
}

html[data-public-theme="turkmod"] .appeal-empty {
    padding: 2rem 1rem;
    color: var(--text-dim);
    text-align: center;
}

html[data-public-theme="turkmod"] .appeal-empty i {
    display: block;
    margin-bottom: 1rem;
    font-size: 2.5rem;
    opacity: 0.5;
}

@media (max-width: 640px) {
    html[data-public-theme="turkmod"] .appeal-shell {
        gap: 1rem;
    }

    html[data-public-theme="turkmod"] .appeal-hero {
        padding: 1.5rem;
    }

    html[data-public-theme="turkmod"] .appeal-hero h1 {
        font-size: 1.4rem;
    }

    html[data-public-theme="turkmod"] .appeal-meta {
        align-items: flex-start;
        flex-direction: column;
    }
}

@media (max-width: 575.98px) {
    html[data-public-theme="turkmod"] .notif-menu {
        right: -4.25rem;
    }
}

html[data-public-theme="turkmod"] .content-align-left,
html[data-public-theme="turkmod"] .ql-align-left {
    text-align: left;
}

html[data-public-theme="turkmod"] .content-align-center,
html[data-public-theme="turkmod"] .ql-align-center {
    text-align: center;
}

html[data-public-theme="turkmod"] .content-align-right,
html[data-public-theme="turkmod"] .ql-align-right {
    text-align: right;
}

html[data-public-theme="turkmod"] .content-align-justify,
html[data-public-theme="turkmod"] .ql-align-justify {
    text-align: justify;
}

/* User profile and download polish overrides */
html[data-public-theme="turkmod"] .topic-profile-toggle .topic-profile-avatar-img,
html[data-public-theme="turkmod"] .topic-profile-menu-avatar .topic-profile-avatar-img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: inherit;
}

html[data-public-theme="turkmod"] .topic-profile-menu-avatar span {
    display: inline-grid;
    place-items: center;
    width: 100%;
    height: 100%;
}

html[data-public-theme="turkmod"] .profile-page-shell .ui-admin-btn {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 0.45rem !important;
    min-height: 40px !important;
    padding: 0.58rem 0.95rem !important;
    border: 1px solid transparent !important;
    border-radius: var(--control-radius, 8px) !important;
    font-size: 0.88rem !important;
    font-weight: 850 !important;
    line-height: 1 !important;
    text-decoration: none !important;
    white-space: nowrap !important;
    box-shadow: none !important;
}

html[data-public-theme="turkmod"] .profile-page-shell .ui-admin-btn i {
    font-size: 0.98rem;
    line-height: 1;
}

html[data-public-theme="turkmod"] .profile-page-shell .ui-admin-btn-warning,
html[data-public-theme="turkmod"] .profile-page-shell .ui-admin-btn-primary {
    color: var(--on-primary) !important;
    background: linear-gradient(135deg, var(--profile-accent, var(--primary)), var(--profile-accent-strong, var(--primary-dark))) !important;
    border-color: var(--profile-accent, var(--primary)) !important;
    box-shadow: 0 8px 18px color-mix(in srgb, var(--profile-accent, var(--primary)) 18%, transparent) !important;
}

html[data-public-theme="turkmod"] .profile-page-shell .ui-admin-btn-warning:hover,
html[data-public-theme="turkmod"] .profile-page-shell .ui-admin-btn-primary:hover {
    transform: translateY(-1px);
    box-shadow: 0 12px 24px color-mix(in srgb, var(--profile-accent, var(--primary)) 24%, transparent) !important;
}

html[data-public-theme="turkmod"] .profile-page-shell .ui-admin-btn-outline,
html[data-public-theme="turkmod"] .profile-page-shell .ui-admin-btn-secondary {
    color: var(--profile-text, var(--text)) !important;
    background: var(--profile-card-soft, var(--bg-hover)) !important;
    border-color: var(--profile-border, var(--border)) !important;
}

html[data-public-theme="turkmod"] .profile-page-shell .ui-admin-btn-outline:hover,
html[data-public-theme="turkmod"] .profile-page-shell .ui-admin-btn-secondary:hover {
    color: var(--profile-accent, var(--primary)) !important;
    border-color: color-mix(in srgb, var(--profile-accent, var(--primary)) 32%, var(--profile-border, var(--border))) !important;
    background: color-mix(in srgb, var(--profile-card-soft, var(--bg-hover)) 88%, var(--profile-accent, var(--primary)) 8%) !important;
}

html[data-public-theme="turkmod"] .profile-page-shell .ui-admin-btn-sm {
    min-height: 34px !important;
    padding: 0.44rem 0.64rem !important;
    font-size: 0.8rem !important;
}

html[data-public-theme="turkmod"] .profile-page-shell .profile-empty-action a,
html[data-public-theme="turkmod"] .profile-page-shell .profile-resubmit-action {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.45rem;
    min-height: 38px;
    padding: 0.52rem 0.82rem;
    border: 1px solid color-mix(in srgb, var(--profile-accent, var(--primary)) 28%, var(--profile-border, var(--border)));
    border-radius: var(--control-radius, 8px);
    background: color-mix(in srgb, var(--profile-accent, var(--primary)) 8%, var(--profile-card, var(--bg-white)));
    color: var(--profile-accent, var(--primary));
    font-size: 0.84rem;
    font-weight: 850;
    line-height: 1;
    text-decoration: none;
}

html[data-public-theme="turkmod"] .profile-page-shell .profile-avatar-upload {
    display: grid !important;
    grid-template-columns: 1fr !important;
    align-items: center !important;
    justify-items: center !important;
    gap: 1rem !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
    padding: 1rem !important;
    border: 1px solid color-mix(in srgb, var(--profile-accent, var(--primary)) 24%, var(--profile-border, var(--border))) !important;
    border-radius: var(--profile-radius, 10px) !important;
    background: linear-gradient(180deg, var(--profile-card, var(--bg-white)), var(--profile-card-soft, var(--bg-hover))) !important;
    box-shadow: inset 0 1px 0 color-mix(in srgb, #fff 60%, transparent);
    text-align: center !important;
}

html[data-public-theme="turkmod"] .profile-page-shell .profile-avatar-preview {
    width: 86px !important;
    height: 86px !important;
    max-width: 100% !important;
    flex: 0 0 auto !important;
    overflow: hidden;
    border: 3px solid var(--profile-card, var(--bg-white));
    border-radius: 12px !important;
    box-shadow: 0 10px 24px color-mix(in srgb, #000 12%, transparent);
}

html[data-public-theme="turkmod"] .profile-page-shell .profile-avatar-preview img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

html[data-public-theme="turkmod"] .profile-page-shell .profile-avatar-upload-copy {
    display: grid;
    justify-items: center;
    gap: 0.38rem;
    width: 100%;
    max-width: 100%;
    min-width: 0;
}

html[data-public-theme="turkmod"] .profile-page-shell .profile-avatar-upload-action {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.4rem;
    width: min(100%, 190px);
    max-width: 100%;
    min-height: 34px;
    margin-top: 0.3rem;
    padding: 0.45rem 0.72rem;
    border-radius: var(--control-radius, 8px);
    background: var(--profile-accent, var(--primary));
    color: var(--on-primary);
    font-size: 0.82rem;
    font-weight: 850;
}

html[data-public-theme="turkmod"] .profile-page-shell .profile-avatar-form {
    display: grid;
    gap: 0.85rem;
}

html[data-public-theme="turkmod"] .profile-page-shell .profile-avatar-selected {
    display: block;
    width: 100%;
    max-width: 100%;
    min-height: 18px;
    color: var(--profile-muted, var(--text-muted));
    font-size: 0.78rem;
    font-weight: 650;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

html[data-public-theme="turkmod"] .profile-page-shell .profile-avatar-actions {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 0.55rem;
    align-items: center;
}

html[data-public-theme="turkmod"] .profile-page-shell .profile-avatar-actions .ui-admin-btn {
    min-height: 38px;
    justify-content: center;
}

html[data-public-theme="turkmod"] .profile-page-shell .profile-avatar-actions .ui-admin-btn[disabled] {
    cursor: not-allowed;
    opacity: 0.58;
    transform: none !important;
}

html[data-public-theme="turkmod"] .profile-page-shell .profile-activity-filter {
    margin: 0 0 1rem !important;
}

html[data-public-theme="turkmod"] .profile-page-shell .profile-activity-filter-link {
    gap: 0.38rem;
}

html[data-public-theme="turkmod"] .profile-page-shell .profile-activity-filter-link strong {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 24px;
    height: 22px;
    padding: 0 0.42rem;
    border-radius: 999px;
    background: color-mix(in srgb, var(--profile-accent, var(--primary)) 10%, var(--profile-card, var(--bg-white)));
    color: var(--profile-muted, var(--text-muted));
    font-size: 0.72rem;
    font-weight: 900;
    line-height: 1;
}

html[data-public-theme="turkmod"] .profile-page-shell .profile-activity-filter-link.active strong {
    background: color-mix(in srgb, #fff 22%, transparent);
    color: currentColor;
}

html[data-public-theme="turkmod"] .profile-page-shell .profile-activity-copy {
    min-width: 0;
}

html[data-public-theme="turkmod"] .profile-page-shell .profile-activity-title-link {
    color: var(--profile-text, var(--text));
    font-weight: 900;
    text-decoration: none;
    overflow-wrap: anywhere;
    transition: color .16s ease, text-decoration-color .16s ease;
}

html[data-public-theme="turkmod"] .profile-page-shell .profile-activity-title-link:hover,
html[data-public-theme="turkmod"] .profile-page-shell .profile-activity-title-link:focus-visible {
    color: var(--profile-accent, var(--primary));
    text-decoration: underline;
    text-decoration-thickness: 1px;
    text-underline-offset: 3px;
    outline: none;
}

html[data-public-theme="turkmod"] .profile-page-shell .profile-activity-copy .profile-muted,
html[data-public-theme="turkmod"] .profile-page-shell .profile-activity-main .profile-activity-detail {
    overflow-wrap: anywhere;
}

html[data-public-theme="turkmod"] .download-confirm-wrap {
    max-width: 860px;
    margin: 2.5rem auto;
}

html[data-public-theme="turkmod"] .download-confirm-card {
    border-radius: 10px;
    box-shadow: 0 18px 48px color-mix(in srgb, #000 12%, transparent);
}

html[data-public-theme="turkmod"] .download-confirm-kicker {
    display: inline-flex;
    align-items: center;
    min-height: 24px;
    margin-bottom: 0.35rem;
    padding: 0 0.55rem;
    border: 1px solid color-mix(in srgb, var(--primary) 20%, var(--border));
    border-radius: 999px;
    color: var(--primary);
    background: color-mix(in srgb, var(--primary) 8%, transparent);
    font-size: 0.76rem;
    font-weight: 850;
}

html[data-public-theme="turkmod"] .download-confirm-host {
    align-items: flex-start;
}

html[data-public-theme="turkmod"] .download-confirm-host i {
    display: inline-grid;
    place-items: center;
    flex: 0 0 auto;
    width: 38px;
    height: 38px;
    border-radius: 8px;
    color: var(--on-primary);
    background: var(--primary);
}

html[data-public-theme="turkmod"] .download-confirm-host div,
html[data-public-theme="turkmod"] .download-confirm-meta div {
    display: grid;
    gap: 0.22rem;
    min-width: 0;
}

html[data-public-theme="turkmod"] .download-confirm-host span,
html[data-public-theme="turkmod"] .download-confirm-meta span {
    color: var(--text-dim);
    font-size: 0.76rem;
    font-weight: 850;
    text-transform: uppercase;
}

html[data-public-theme="turkmod"] .download-confirm-host strong,
html[data-public-theme="turkmod"] .download-confirm-meta strong {
    display: block;
    color: var(--text);
    font-size: 0.98rem;
    line-height: 1.25;
    overflow-wrap: anywhere;
    white-space: normal;
}

html[data-public-theme="turkmod"] .download-confirm-meta {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.75rem;
}

html[data-public-theme="turkmod"] .download-confirm-meta div,
html[data-public-theme="turkmod"] .download-confirm-url {
    padding: 0.82rem 0.9rem;
    border: 1px solid var(--border);
    border-radius: 8px;
    background: var(--bg-hover);
}

html[data-public-theme="turkmod"] .download-confirm-url {
    display: flex;
    align-items: center;
    gap: 0.55rem;
    color: var(--text-dim);
    font-size: 0.86rem;
}

html[data-public-theme="turkmod"] .download-confirm-url span {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

html[data-public-theme="turkmod"] .download-confirm-safety-grid {
    display: grid;
    gap: 0.5rem;
}

html[data-public-theme="turkmod"] .download-confirm-safety-grid > span {
    display: flex;
    align-items: flex-start;
    gap: 0.5rem;
    min-height: 36px;
    padding: 0.55rem 0.7rem;
    border: 1px solid color-mix(in srgb, var(--success) 22%, var(--border));
    border-radius: 8px;
    background: color-mix(in srgb, var(--success) 7%, var(--bg-white));
    color: var(--text);
    font-size: 0.88rem;
    font-weight: 700;
    line-height: 1.35;
    min-width: 0;
}

html[data-public-theme="turkmod"] .download-confirm-safety-grid i {
    flex: 0 0 auto;
    color: var(--success);
}

html[data-public-theme="turkmod"] .download-confirm-safety-grid > span > span {
    min-width: 0;
    overflow-wrap: anywhere;
    white-space: normal;
}

html[data-public-theme="turkmod"] .download-confirm-safety-grid .bi-exclamation-triangle {
    color: var(--warning);
}

html[data-public-theme="turkmod"] .download-confirm-actions .ui-admin-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    min-height: 42px;
    padding: 0.68rem 1rem;
    border: 1px solid transparent;
    border-radius: var(--control-radius, 8px);
    font-size: 0.9rem;
    font-weight: 850;
    line-height: 1;
    text-decoration: none;
    transition: transform 0.16s ease, box-shadow 0.16s ease, border-color 0.16s ease, background 0.16s ease, color 0.16s ease;
}

html[data-public-theme="turkmod"] .download-confirm-actions .ui-admin-btn-primary {
    color: var(--on-primary);
    background: linear-gradient(135deg, var(--primary), var(--primary-dark));
    border-color: var(--primary);
    box-shadow: 0 10px 22px color-mix(in srgb, var(--primary) 22%, transparent);
}

html[data-public-theme="turkmod"] .download-confirm-actions .ui-admin-btn-secondary {
    color: var(--text);
    background: var(--bg-hover);
    border-color: var(--border);
}

html[data-public-theme="turkmod"] .download-confirm-actions .ui-admin-btn:hover,
html[data-public-theme="turkmod"] .download-confirm-actions .ui-admin-btn:focus-visible {
    transform: translateY(-1px);
    text-decoration: none;
    outline: none;
}

html[data-public-theme="turkmod"] .download-confirm-actions .ui-admin-btn-primary:hover,
html[data-public-theme="turkmod"] .download-confirm-actions .ui-admin-btn-primary:focus-visible {
    color: var(--on-primary);
    box-shadow: 0 14px 28px color-mix(in srgb, var(--primary) 28%, transparent);
}

html[data-public-theme="turkmod"] .download-confirm-actions .ui-admin-btn-secondary:hover,
html[data-public-theme="turkmod"] .download-confirm-actions .ui-admin-btn-secondary:focus-visible {
    color: var(--primary);
    border-color: color-mix(in srgb, var(--primary) 32%, var(--border));
    background: color-mix(in srgb, var(--primary) 8%, var(--bg-white));
}

html[data-public-theme="turkmod"] .download-confirm-page .sidebar-toggle,
html[data-public-theme="turkmod"] .download-confirm-page .sidebar-overlay {
    display: none !important;
}

@media (max-width: 640px) {
    html[data-public-theme="turkmod"] .profile-page-shell .profile-avatar-upload,
    html[data-public-theme="turkmod"] .download-confirm-meta {
        grid-template-columns: 1fr;
    }

    html[data-public-theme="turkmod"] .profile-page-shell .profile-avatar-preview {
        width: 78px !important;
        height: 78px !important;
    }

    html[data-public-theme="turkmod"] .profile-page-shell .profile-avatar-actions {
        grid-template-columns: 1fr;
    }

    html[data-public-theme="turkmod"] .download-confirm-head {
        align-items: flex-start;
        padding: 1.15rem;
    }

    html[data-public-theme="turkmod"] .download-confirm-body {
        padding: 1rem 1.15rem;
    }

    html[data-public-theme="turkmod"] .download-confirm-actions {
        flex-direction: column;
        padding: 0 1.15rem 1.15rem;
    }

    html[data-public-theme="turkmod"] .download-confirm-actions .ui-admin-btn {
        width: 100%;
    }

    html[data-public-theme="turkmod"] .download-confirm-url {
        align-items: flex-start;
    }

    html[data-public-theme="turkmod"] .download-confirm-url span {
        white-space: normal;
        overflow-wrap: anywhere;
    }
}

/* --- public-upload.css --- */
/* Shared public upload/edit form styles. Extracted from page templates to keep static CSS centralized. */

/* ============================================================
   MOD Y\dcKLEME EKRANI \2014 Premium Gaming Dark Theme
   ============================================================ */
html[data-public-theme="turkmod"] .upload-shell { 
    max-width: 960px; 
    margin: 3.5rem auto; 
    padding: 0 1rem; 
}

html[data-public-theme="turkmod"] .upload-card {
    background: rgba(26, 31, 46, 0.95) !important;
    backdrop-filter: blur(16px) !important;
    -webkit-backdrop-filter: blur(16px) !important;
    border: 1px solid var(--border) !important;
    border-radius: 24px !important;
    box-shadow: 0 25px 50px rgba(0, 0, 0, 0.3), inset 0 1px 0 rgba(255, 255, 255, 0.05) !important;
    overflow: hidden !important;
    position: relative !important;
}

/* Glowing cyberpunk header section */
html[data-public-theme="turkmod"] .upload-head {
    padding: 4rem 3rem !important;
    background: linear-gradient(135deg, rgba(30, 27, 75, 0.5) 0%, rgba(76, 29, 149, 0.15) 50%, transparent 100%) !important;
    text-align: center !important;
    position: relative !important;
    border-bottom: 1px solid var(--border) !important;
}

html[data-public-theme="turkmod"] .upload-head h1 {
    font-size: 2.5rem !important;
    font-weight: 800 !important;
    color: var(--text) !important;
    margin: 0 0 0.85rem !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 1rem !important;
    letter-spacing: -0.75px !important;
    text-shadow: 0 2px 10px rgba(0, 0, 0, 0.3) !important;
}

html[data-public-theme="turkmod"] .upload-head h1 i {
    color: var(--primary) !important;
    font-size: 2.2rem !important;
    background: #141820 !important;
    padding: 0.8rem !important;
    border-radius: 18px !important;
    box-shadow: 0 8px 24px rgba(0, 212, 255, 0.25) !important;
    border: 1px solid rgba(0, 212, 255, 0.2) !important;
    transform: rotate(-4deg) !important;
    display: inline-flex !important;
}

html[data-public-theme="turkmod"] .upload-head p {
    color: var(--text-dim) !important;
    font-size: 1.15rem !important;
    margin: 0 !important;
    font-weight: 500 !important;
    max-width: 620px !important;
    margin-inline: auto !important;
    line-height: 1.6 !important;
}

html[data-public-theme="turkmod"] .upload-body { 
    padding: 3.5rem !important; 
}

/* Premium Form Label Styling */
html[data-public-theme="turkmod"] .form-label {
    font-size: 0.95rem !important;
    font-weight: 700 !important;
    color: var(--text) !important;
    margin-bottom: 0.65rem !important;
    display: flex !important;
    align-items: center !important;
    gap: 0.5rem !important;
}

html[data-public-theme="turkmod"] .form-label .text-danger { 
    color: #ff4757 !important; 
    font-weight: 800 !important; 
}

/* Custom Styled Input Fields */
html[data-public-theme="turkmod"] .form-control, html[data-public-theme="turkmod"] .form-select {
    border: 2px solid var(--border) !important;
    border-radius: 14px !important;
    padding: 0.9rem 1.25rem !important;
    font-size: 1.05rem !important;
    transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1) !important;
    background: #141820 !important;
    color: var(--text) !important;
    font-weight: 500 !important;
}

html[data-public-theme="turkmod"] .form-control:focus, html[data-public-theme="turkmod"] .form-select:focus {
    border-color: var(--primary) !important;
    box-shadow: 0 0 0 4px rgba(0, 212, 255, 0.15) !important;
    background: var(--bg-hover) !important;
    outline: none !important;
}

html[data-public-theme="turkmod"] .form-control::placeholder { 
    color: var(--text-light) !important; 
    font-weight: 400 !important; 
}

html[data-public-theme="turkmod"] .form-text {
    color: var(--text-dim) !important;
    font-size: 0.85rem !important;
}

/* Media Cards / Dropzones */
html[data-public-theme="turkmod"] .media-card {
    padding: 2.2rem !important;
    background: #141820 !important;
    border: 1px solid var(--border) !important;
    border-radius: 20px !important;
    margin-bottom: 2.5rem !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.15) !important;
}

html[data-public-theme="turkmod"] .media-card:hover {
    border-color: rgba(0, 212, 255, 0.25) !important;
    box-shadow: 0 12px 35px rgba(0, 0, 0, 0.25) !important;
}

html[data-public-theme="turkmod"] .media-head {
    display: flex !important;
    justify-content: space-between !important;
    align-items: flex-start !important;
    flex-wrap: wrap !important;
    gap: 1.25rem !important;
    margin-bottom: 1.5rem !important;
    padding-bottom: 1.25rem !important;
    border-bottom: 1px dashed var(--border) !important;
}

html[data-public-theme="turkmod"] .media-head h3 {
    margin: 0 !important;
    font-size: 1.25rem !important;
    font-weight: 800 !important;
    color: var(--text) !important;
    display: flex !important;
    align-items: center !important;
    gap: 0.65rem !important;
}

html[data-public-theme="turkmod"] .media-head h3 i {
    color: var(--primary) !important;
}

html[data-public-theme="turkmod"] .media-head p { 
    margin: 0.4rem 0 0 !important; 
    color: var(--text-dim) !important; 
    font-size: 0.95rem !important; 
}

/* Capsule Pill Badges */
html[data-public-theme="turkmod"] .pill {
    font-size: 0.82rem !important;
    padding: 0.45rem 1.15rem !important;
    border-radius: 30px !important;
    background: rgba(0, 212, 255, 0.1) !important;
    color: var(--primary) !important;
    font-weight: 700 !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 0.5rem !important;
    border: 1px solid rgba(0, 212, 255, 0.2) !important;
    letter-spacing: 0.5px !important;
    text-transform: uppercase !important;
}

/* High-Tech Upload Drag-n-Drop Zone */
html[data-public-theme="turkmod"] .dropzone {
    border: 2px dashed var(--border) !important;
    border-radius: 18px !important;
    background: rgba(26, 31, 46, 0.5) !important;
    transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1) !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    min-height: 200px !important;
    position: relative !important;
    overflow: hidden !important;
}

html[data-public-theme="turkmod"] .dropzone::before {
    content: '' !important;
    position: absolute !important;
    inset: 0 !important;
    background: radial-gradient(circle, rgba(0, 212, 255, 0.05) 0%, transparent 80%) !important;
    opacity: 0 !important;
    transition: opacity 0.3s !important;
    pointer-events: none !important;
}

html[data-public-theme="turkmod"] .dropzone.is-active, html[data-public-theme="turkmod"] .dropzone:hover { 
    border-color: var(--primary) !important; 
    background: rgba(26, 31, 46, 0.95) !important; 
}

html[data-public-theme="turkmod"] .dropzone.is-active::before, html[data-public-theme="turkmod"] .dropzone:hover::before { 
    opacity: 1 !important; 
}

html[data-public-theme="turkmod"] .dropzone-trigger {
    padding: 3rem !important;
    text-align: center !important;
    cursor: pointer !important;
    flex-grow: 1 !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    align-items: center !important;
    z-index: 1 !important;
}

html[data-public-theme="turkmod"] .dropzone-trigger i {
    font-size: 3.5rem !important;
    color: var(--text-dim) !important;
    margin-bottom: 1.25rem !important;
    transition: all 0.35s cubic-bezier(0.34, 1.56, 0.64, 1) !important;
}

html[data-public-theme="turkmod"] .dropzone:hover .dropzone-trigger i { 
    color: var(--primary) !important; 
    transform: translateY(-8px) scale(1.1) !important; 
}

html[data-public-theme="turkmod"] .dropzone-trigger strong { 
    display: block !important; 
    font-size: 1.2rem !important; 
    font-weight: 700 !important; 
    color: var(--text) !important; 
    margin-bottom: 0.4rem !important; 
}

html[data-public-theme="turkmod"] .dropzone-trigger span { 
    display: block !important; 
    color: var(--text-dim) !important; 
    font-size: 0.95rem !important; 
}

/* Upload Preview Items */
html[data-public-theme="turkmod"] .preview-grid { 
    display: flex !important; 
    flex-wrap: wrap !important; 
    gap: 1.25rem !important; 
    padding: 0 1.5rem 1.5rem !important; 
    z-index: 1 !important; 
    position: relative !important; 
}

html[data-public-theme="turkmod"] .preview-item {
    display: flex !important;
    flex-direction: column !important;
    width: 140px !important;
    border-radius: 14px !important;
    overflow: hidden !important;
    border: 3px solid var(--border) !important;
    background: #141820 !important;
    position: relative !important;
    box-shadow: 0 8px 24px rgba(0,0,0,0.3) !important;
    transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1) !important;
}

html[data-public-theme="turkmod"] .preview-item:hover { 
    transform: scale(1.06) translateY(-5px) !important; 
    box-shadow: 0 15px 35px rgba(0,0,0,0.45) !important; 
    border-color: var(--primary) !important; 
    z-index: 10 !important; 
}

html[data-public-theme="turkmod"] .preview-item img { 
    width: 100% !important; 
    height: 110px !important; 
    object-fit: cover !important; 
    flex-shrink: 0 !important; 
}

html[data-public-theme="turkmod"] .preview-name {
    position: absolute !important;
    left: 0 !important; right: 0 !important; top: 0 !important;
    padding: 10px 10px 25px !important;
    font-size: 0.75rem !important;
    color: #fff !important;
    background: linear-gradient(180deg, rgba(0,0,0,0.85) 0%, transparent 100%) !important;
    white-space: nowrap !important; 
    overflow: hidden !important; 
    text-overflow: ellipsis !important; 
    font-weight: 700 !important; 
    z-index: 5 !important; 
    pointer-events: none !important;
}

html[data-public-theme="turkmod"] .preview-remove-bar {
    position: relative !important;
    width: 100% !important; 
    height: 38px !important;
    background: #ff4757 !important; 
    color: #fff !important;
    border: none !important; 
    font-size: 0.88rem !important; 
    font-weight: 700 !important;
    display: flex !important; 
    align-items: center !important; 
    justify-content: center !important; 
    gap: 0.45rem !important;
    cursor: pointer !important; 
    transition: background 0.25s !important; 
    flex-shrink: 0 !important;
}

html[data-public-theme="turkmod"] .preview-remove-bar:hover { 
    background: #ff2d40 !important; 
}

/* Download Link Rows */
html[data-public-theme="turkmod"] .dl-row { 
    display: flex !important; 
    gap: 1rem !important; 
    margin-bottom: 1rem !important; 
    animation: dlRowSlideIn 0.35s cubic-bezier(0.25, 0.8, 0.25, 1) !important; 
}

@keyframes dlRowSlideIn { 
    from { opacity: 0; transform: translateY(-12px); } 
    to { opacity: 1; transform: translateY(0); } 
}

html[data-public-theme="turkmod"] .btn-add-link {
    background: rgba(0, 212, 255, 0.05) !important;
    border: 2px dashed rgba(0, 212, 255, 0.3) !important;
    color: var(--primary) !important;
    font-weight: 700 !important;
    padding: 0.9rem !important;
    border-radius: 14px !important;
    width: 100% !important;
    transition: all 0.25s ease !important;
    font-size: 1rem !important;
    cursor: pointer !important;
}

html[data-public-theme="turkmod"] .btn-add-link:hover {
    border-style: solid !important;
    background: rgba(0, 212, 255, 0.12) !important;
    border-color: var(--primary) !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 4px 15px rgba(0, 212, 255, 0.15) !important;
}

/* Policy Note Banner */
html[data-public-theme="turkmod"] .alert-note {
    padding: 1.5rem !important;
    border: 1px solid rgba(0, 212, 255, 0.2) !important;
    background: linear-gradient(135deg, rgba(0, 212, 255, 0.05) 0%, transparent 100%) !important;
    color: var(--text) !important;
    border-radius: 16px !important;
    font-size: 0.95rem !important;
    display: flex !important;
    align-items: flex-start !important;
    gap: 1.1rem !important;
    margin-bottom: 2.5rem !important;
}

html[data-public-theme="turkmod"] .alert-note i { 
    font-size: 1.8rem !important; 
    color: var(--primary) !important; 
    flex-shrink: 0 !important; 
    text-shadow: 0 0 10px rgba(0, 212, 255, 0.3) !important;
}

/* Action Area */
html[data-public-theme="turkmod"] .actions { 
    display: flex !important; 
    gap: 1.25rem !important; 
    margin-top: 3rem !important; 
    padding-top: 2.5rem !important; 
    border-top: 1px solid var(--border) !important; 
}

html[data-public-theme="turkmod"] .btn-submit-mod {
    background: linear-gradient(135deg, var(--primary), var(--primary-dark)) !important;
    color: #0f1419 !important;
    border: none !important;
    border-radius: 14px !important;
    padding: 1.1rem 2.5rem !important;
    font-weight: 800 !important;
    font-size: 1.15rem !important;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important;
    display: flex !important; 
    align-items: center !important; 
    justify-content: center !important; 
    gap: 0.75rem !important; 
    flex-grow: 1 !important;
    box-shadow: 0 8px 25px rgba(0, 212, 255, 0.3) !important;
    cursor: pointer !important;
}

html[data-public-theme="turkmod"] .btn-submit-mod:hover { 
    transform: translateY(-4px) !important; 
    box-shadow: 0 15px 35px rgba(0, 212, 255, 0.45) !important; 
}

html[data-public-theme="turkmod"] .btn-submit-mod i { 
    font-size: 1.3rem !important; 
    transition: transform 0.3s !important; 
}

html[data-public-theme="turkmod"] .btn-submit-mod:hover i { 
    transform: translateX(4px) !important; 
}

html[data-public-theme="turkmod"] .btn-cancel-mod {
    background: #141820 !important;
    border: 1px solid var(--border) !important;
    color: var(--text-dim) !important;
    border-radius: 14px !important;
    padding: 1.1rem 2.5rem !important;
    font-weight: 700 !important;
    font-size: 1.15rem !important;
    text-decoration: none !important;
    transition: all 0.25s ease !important;
    display: flex !important; 
    align-items: center !important; 
    justify-content: center !important;
}

html[data-public-theme="turkmod"] .btn-cancel-mod:hover { 
    background: var(--bg-hover) !important; 
    border-color: var(--text-light) !important; 
    color: var(--text) !important; 
    transform: translateY(-2px) !important; 
}

@media (max-width: 768px) {
    html[data-public-theme="turkmod"] .upload-shell { margin: 1.5rem auto !important; padding: 0 0.5rem !important; }
    html[data-public-theme="turkmod"] .upload-card { border-radius: 16px !important; }
    html[data-public-theme="turkmod"] .upload-head { padding: 2.5rem 1.5rem !important; }
    html[data-public-theme="turkmod"] .upload-head h1 { font-size: 2rem !important; }
    html[data-public-theme="turkmod"] .upload-body { padding: 1.75rem !important; }
    html[data-public-theme="turkmod"] .media-card { padding: 1.5rem !important; }
    html[data-public-theme="turkmod"] .actions { flex-direction: column !important; gap: 1rem !important; }
    html[data-public-theme="turkmod"] .dl-row { flex-wrap: wrap !important; }
    html[data-public-theme="turkmod"] .dl-row .form-control.w-25 { width: 100% !important; }
}

/* Premium upload revision - scoped over the legacy inline theme. */
html[data-public-theme="turkmod"] body:has(.upload-shell) {
    background:
        linear-gradient(180deg, rgba(244, 184, 68, 0.07), transparent 250px),
        #0d1117 !important;
    overflow-x: hidden;
}

html[data-public-theme="turkmod"] body:has(.upload-shell) .newsletter-form {
    max-width: 100%;
}

html[data-public-theme="turkmod"] body:has(.upload-shell) .newsletter-form input {
    min-width: 0;
}

html[data-public-theme="turkmod"] .upload-shell {
    --upload-bg: #0d1117;
    --upload-panel: #111821;
    --upload-panel-2: #151e29;
    --upload-line: #2a3542;
    --upload-line-soft: rgba(255, 255, 255, 0.08);
    --upload-text: #eef3f8;
    --upload-muted: #9aa7b8;
    --upload-soft: #c8d2df;
    --upload-accent: #f4b844;
    --upload-accent-strong: #d88a22;
    --upload-teal: #58d5bd;
    width: min(1180px, calc(100% - 32px)) !important;
    max-width: none !important;
    margin: clamp(1.25rem, 3vw, 2.4rem) auto 3rem !important;
    padding: 0 !important;
}

html[data-public-theme="turkmod"] .upload-card {
    overflow: hidden !important;
    border: 1px solid var(--upload-line) !important;
    border-radius: 8px !important;
    background:
        linear-gradient(180deg, rgba(255,255,255,0.035), rgba(255,255,255,0)),
        var(--upload-bg) !important;
    box-shadow: 0 24px 80px rgba(0, 0, 0, 0.34), 0 1px 0 rgba(255,255,255,0.06) inset !important;
}

html[data-public-theme="turkmod"] .upload-head {
    display: grid !important;
    gap: .55rem !important;
    padding: clamp(1.4rem, 3vw, 2rem) clamp(1.3rem, 3vw, 2rem) !important;
    text-align: left !important;
    border-bottom: 1px solid var(--upload-line) !important;
    background:
        linear-gradient(90deg, rgba(244,184,68,.14), rgba(88,213,189,.06) 48%, transparent),
        linear-gradient(180deg, #17212d, #111821) !important;
}

html[data-public-theme="turkmod"] .upload-head h1 {
    justify-content: flex-start !important;
    gap: .75rem !important;
    margin: 0 !important;
    color: var(--upload-text) !important;
    font-size: clamp(1.65rem, 3vw, 2.35rem) !important;
    line-height: 1.05 !important;
    letter-spacing: 0 !important;
    text-shadow: none !important;
}

html[data-public-theme="turkmod"] .upload-head h1 i {
    width: 48px !important;
    height: 48px !important;
    padding: 0 !important;
    display: inline-grid !important;
    place-items: center !important;
    border-radius: 8px !important;
    color: #1a1204 !important;
    background: linear-gradient(135deg, var(--upload-accent), #f7d17a) !important;
    border: 1px solid rgba(255,255,255,.2) !important;
    box-shadow: 0 12px 28px rgba(244,184,68,.2) !important;
    transform: none !important;
    font-size: 1.55rem !important;
}

html[data-public-theme="turkmod"] .upload-head p {
    max-width: 760px !important;
    margin: 0 !important;
    color: var(--upload-muted) !important;
    font-size: 1rem !important;
    line-height: 1.6 !important;
}

html[data-public-theme="turkmod"] .upload-body {
    padding: clamp(1rem, 2.4vw, 1.6rem) !important;
    background:
        linear-gradient(rgba(255,255,255,.025) 1px, transparent 1px),
        var(--upload-bg) !important;
    background-size: 100% 42px !important;
}

html[data-public-theme="turkmod"] .upload-composer-layout {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 330px;
    gap: 1rem;
    align-items: start;
}

html[data-public-theme="turkmod"] .upload-form-fields {
    display: grid;
    gap: 1rem;
    min-width: 0;
}

html[data-public-theme="turkmod"] .upload-form-fields .row,
html[data-public-theme="turkmod"] .upload-form-fields .mb-4,
html[data-public-theme="turkmod"] .upload-form-fields .upload-grid,
html[data-public-theme="turkmod"] .upload-form-fields .alert-note {
    margin-bottom: 0 !important;
}

html[data-public-theme="turkmod"] .upload-wizard-panel {
    padding: 2rem !important;
    border: 1px solid var(--upload-line) !important;
    border-radius: 12px !important;
    background: linear-gradient(180deg, #131b25, #101720) !important;
    margin-bottom: 1.5rem;
}

html[data-public-theme="turkmod"] .upload-assist-panel {
    position: sticky;
    top: 92px;
    display: grid;
    gap: 1rem;
    padding: 1.05rem;
    border: 1px solid rgba(244,184,68,.24);
    border-radius: 8px;
    color: var(--upload-soft);
    background:
        linear-gradient(180deg, rgba(244,184,68,.12), rgba(244,184,68,0) 38%),
        #121922;
    box-shadow: 0 18px 44px rgba(0,0,0,.24);
}

html[data-public-theme="turkmod"] .upload-assist-status {
    display: inline-flex;
    width: fit-content;
    align-items: center;
    gap: .5rem;
    padding: .4rem .6rem;
    border: 1px solid rgba(88,213,189,.22);
    border-radius: 999px;
    color: var(--upload-teal);
    background: rgba(88,213,189,.08);
    font-size: .78rem;
    font-weight: 850;
}

html[data-public-theme="turkmod"] .upload-status-dot {
    width: .48rem;
    height: .48rem;
    border-radius: 999px;
    background: var(--upload-teal);
    box-shadow: 0 0 0 4px rgba(88,213,189,.12);
}

html[data-public-theme="turkmod"] .upload-assist-panel h2 {
    margin: 0 !important;
    color: var(--upload-text) !important;
    font-size: 1.2rem !important;
    line-height: 1.2 !important;
}

html[data-public-theme="turkmod"] .upload-assist-panel p {
    margin: 0 !important;
    color: var(--upload-muted) !important;
    line-height: 1.55 !important;
    font-size: .92rem !important;
}

html[data-public-theme="turkmod"] .upload-check-list {
    display: grid;
    gap: .65rem;
    padding: 0;
    margin: 0;
    list-style: none;
}

html[data-public-theme="turkmod"] .upload-check-list li {
    display: grid;
    grid-template-columns: 32px minmax(0,1fr);
    gap: .65rem;
    align-items: center;
    min-height: 42px;
    padding: .55rem;
    border: 1px solid var(--upload-line-soft);
    border-radius: 8px;
    color: var(--upload-soft);
    background: rgba(255,255,255,.035);
    font-size: .88rem;
    font-weight: 750;
}

html[data-public-theme="turkmod"] .upload-check-list i {
    display: grid;
    width: 32px;
    height: 32px;
    place-items: center;
    border-radius: 8px;
    color: #1a1204;
    background: var(--upload-accent);
}

html[data-public-theme="turkmod"] .upload-card .form-label {
    margin-bottom: .45rem !important;
    color: var(--upload-soft) !important;
    font-size: .82rem !important;
    font-weight: 850 !important;
    letter-spacing: .03em !important;
    text-transform: uppercase !important;
}

html[data-public-theme="turkmod"] .upload-card .form-control,
html[data-public-theme="turkmod"] .upload-card .form-select {
    min-height: 46px !important;
    padding: .68rem .82rem !important;
    border: 1px solid var(--upload-line) !important;
    border-radius: 8px !important;
    color: var(--upload-text) !important;
    background: #0d131b !important;
    font-size: .95rem !important;
    font-weight: 650 !important;
    box-shadow: 0 1px 0 rgba(255,255,255,.04) inset !important;
}

html[data-public-theme="turkmod"] .upload-card .form-select {
    color-scheme: dark;
}

html[data-public-theme="turkmod"] .upload-card .form-control:focus,
html[data-public-theme="turkmod"] .upload-card .form-select:focus {
    border-color: rgba(244,184,68,.78) !important;
    background: #101821 !important;
    box-shadow: 0 0 0 3px rgba(244,184,68,.16) !important;
}

html[data-public-theme="turkmod"] .upload-card .form-control::placeholder {
    color: #687789 !important;
}

html[data-public-theme="turkmod"] .upload-card .form-text {
    color: var(--upload-muted) !important;
    font-size: .84rem !important;
}

html[data-public-theme="turkmod"] .media-card {
    margin: 0 !important;
    padding: 1rem !important;
    border: 1px solid var(--upload-line) !important;
    border-radius: 8px !important;
    background: linear-gradient(180deg, var(--upload-panel-2), var(--upload-panel)) !important;
    box-shadow: none !important;
}

html[data-public-theme="turkmod"] .media-card:hover {
    border-color: rgba(244,184,68,.42) !important;
    box-shadow: 0 16px 38px rgba(0,0,0,.2) !important;
}

html[data-public-theme="turkmod"] .media-head {
    align-items: center !important;
    gap: .8rem !important;
    margin-bottom: .85rem !important;
    padding-bottom: .85rem !important;
    border-bottom: 1px solid var(--upload-line-soft) !important;
}

html[data-public-theme="turkmod"] .media-head h3 {
    color: var(--upload-text) !important;
    font-size: 1.02rem !important;
    gap: .5rem !important;
}

html[data-public-theme="turkmod"] .media-head h3 i {
    color: var(--upload-accent) !important;
}

html[data-public-theme="turkmod"] .media-head p {
    margin-top: .28rem !important;
    color: var(--upload-muted) !important;
    font-size: .88rem !important;
}

html[data-public-theme="turkmod"] .pill {
    padding: .38rem .65rem !important;
    border: 1px solid rgba(244,184,68,.28) !important;
    border-radius: 999px !important;
    color: var(--upload-accent) !important;
    background: rgba(244,184,68,.09) !important;
    font-size: .72rem !important;
    letter-spacing: 0 !important;
}

html[data-public-theme="turkmod"] .dropzone {
    min-height: 178px !important;
    border: 1px dashed #465363 !important;
    border-radius: 8px !important;
    background:
        linear-gradient(135deg, rgba(244,184,68,.08), transparent 42%),
        #0d131b !important;
}

html[data-public-theme="turkmod"] .dropzone.is-active,
html[data-public-theme="turkmod"] .dropzone:hover {
    border-color: var(--upload-accent) !important;
    background:
        linear-gradient(135deg, rgba(244,184,68,.12), rgba(88,213,189,.05)),
        #101821 !important;
}

html[data-public-theme="turkmod"] .dropzone::before {
    display: none !important;
}

html[data-public-theme="turkmod"] .dropzone-trigger {
    padding: 1.7rem !important;
}

html[data-public-theme="turkmod"] .dropzone-trigger i {
    margin-bottom: .8rem !important;
    color: var(--upload-accent) !important;
    font-size: 2.45rem !important;
    text-shadow: none !important;
}

html[data-public-theme="turkmod"] .dropzone:hover .dropzone-trigger i {
    transform: translateY(-3px) !important;
}

html[data-public-theme="turkmod"] .dropzone-trigger strong {
    color: var(--upload-text) !important;
    font-size: 1rem !important;
}

html[data-public-theme="turkmod"] .dropzone-trigger span {
    color: var(--upload-muted) !important;
    font-size: .86rem !important;
}

html[data-public-theme="turkmod"] .preview-grid {
    gap: .7rem !important;
    padding: 0 .9rem .9rem !important;
}

html[data-public-theme="turkmod"] .preview-item {
    width: 124px !important;
    border: 1px solid var(--upload-line) !important;
    border-radius: 8px !important;
    background: #0d131b !important;
    box-shadow: 0 10px 24px rgba(0,0,0,.24) !important;
}

html[data-public-theme="turkmod"] .preview-item:hover {
    transform: translateY(-3px) !important;
    border-color: var(--upload-accent) !important;
}

html[data-public-theme="turkmod"] .preview-item img {
    height: 92px !important;
}

html[data-public-theme="turkmod"] .preview-remove-bar {
    height: 34px !important;
    background: #352027 !important;
    color: #ffb5bd !important;
}

html[data-public-theme="turkmod"] .preview-remove-bar:hover {
    background: #7f1d1d !important;
    color: #fff !important;
}

html[data-public-theme="turkmod"] .dl-row {
    display: grid !important;
    grid-template-columns: minmax(130px, .36fr) minmax(0, 1fr) 42px !important;
    gap: .65rem !important;
    margin-bottom: .65rem !important;
}

html[data-public-theme="turkmod"] .dl-row .form-control.w-25 {
    width: 100% !important;
}

html[data-public-theme="turkmod"] .dl-row .btn {
    width: 42px !important;
    min-height: 46px !important;
    padding: 0 !important;
    border-radius: 8px !important;
    display: inline-grid !important;
    place-items: center !important;
}

html[data-public-theme="turkmod"] .btn-add-link {
    min-height: 46px !important;
    padding: .72rem 1rem !important;
    border: 1px dashed rgba(244,184,68,.5) !important;
    border-radius: 8px !important;
    color: var(--upload-accent) !important;
    background: rgba(244,184,68,.07) !important;
    font-size: .94rem !important;
}

html[data-public-theme="turkmod"] .btn-add-link:hover {
    transform: none !important;
    border-style: solid !important;
    background: rgba(244,184,68,.12) !important;
    box-shadow: none !important;
}

html[data-public-theme="turkmod"] .alert-note {
    margin: 0 !important;
    padding: 1rem !important;
    border: 1px solid rgba(88,213,189,.24) !important;
    border-radius: 8px !important;
    color: var(--upload-soft) !important;
    background: rgba(88,213,189,.07) !important;
}

html[data-public-theme="turkmod"] .alert-note i {
    color: var(--upload-teal) !important;
    text-shadow: none !important;
}

html[data-public-theme="turkmod"] .actions {
    gap: .75rem !important;
    margin-top: 1rem !important;
    padding-top: 1rem !important;
    border-top: 1px solid var(--upload-line) !important;
}

html[data-public-theme="turkmod"] .btn-submit-mod,
html[data-public-theme="turkmod"] .btn-cancel-mod {
    min-height: 48px !important;
    border-radius: 8px !important;
    font-size: .98rem !important;
}

html[data-public-theme="turkmod"] .btn-submit-mod {
    color: #1a1204 !important;
    background: linear-gradient(135deg, var(--upload-accent), #f7d17a) !important;
    box-shadow: 0 12px 28px rgba(244,184,68,.22) !important;
}

html[data-public-theme="turkmod"] .btn-submit-mod:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 16px 34px rgba(244,184,68,.3) !important;
}

html[data-public-theme="turkmod"] .btn-cancel-mod {
    color: var(--upload-muted) !important;
    background: #111821 !important;
    border: 1px solid var(--upload-line) !important;
}

html[data-public-theme="turkmod"] .btn-cancel-mod:hover {
    color: var(--upload-text) !important;
    background: #17212d !important;
    transform: translateY(-1px) !important;
}

html[data-public-theme="turkmod"] .upload-card .quill-container {
    border: 1px solid var(--upload-line) !important;
    border-radius: 8px !important;
    background: #0d131b !important;
}

html[data-public-theme="turkmod"] .upload-card .quill-container .ql-toolbar {
    border-bottom: 1px solid var(--upload-line) !important;
    background: #151e29 !important;
}

html[data-public-theme="turkmod"] .upload-card .quill-container .ql-container,
html[data-public-theme="turkmod"] .upload-card .quill-container .ql-editor {
    min-height: 220px !important;
    color: var(--upload-text) !important;
    background: #0d131b !important;
}

@media (max-width: 991.98px) {
    html[data-public-theme="turkmod"] .upload-composer-layout {
        grid-template-columns: 1fr;
    }

    html[data-public-theme="turkmod"] .upload-assist-panel {
        position: static;
        order: -1;
    }
}

@media (max-width: 575.98px) {
    html[data-public-theme="turkmod"] .upload-shell {
        width: min(100% - 20px, 1180px) !important;
        margin-top: 1rem !important;
    }

    html[data-public-theme="turkmod"] .upload-head,
    html[data-public-theme="turkmod"] .upload-body {
        padding: 1rem !important;
    }

    html[data-public-theme="turkmod"] .upload-head h1 i {
        width: 42px !important;
        height: 42px !important;
    }

    html[data-public-theme="turkmod"] .upload-wizard-panel,
    html[data-public-theme="turkmod"] .media-card,
    html[data-public-theme="turkmod"] .upload-assist-panel {
        padding: 1.2rem !important;
    }

    html[data-public-theme="turkmod"] .dl-row {
        grid-template-columns: 1fr 42px !important;
    }

    html[data-public-theme="turkmod"] .dl-row .form-control.w-25 {
        grid-column: 1 / -1;
    }

    html[data-public-theme="turkmod"] .actions {
        flex-direction: column !important;
    }
}

/* Theme-aware upload layer. Keeps the premium layout, follows site light/dark tokens. */
html[data-public-theme="turkmod"] .upload-shell {
    --upload-bg: var(--bg);
    --upload-card: var(--bg-white);
    --upload-panel: color-mix(in srgb, var(--bg-white) 94%, var(--bg) 6%);
    --upload-panel-2: color-mix(in srgb, var(--bg-white) 88%, var(--primary) 12%);
    --upload-field: color-mix(in srgb, var(--bg-white) 92%, var(--bg) 8%);
    --upload-field-focus: color-mix(in srgb, var(--bg-white) 86%, var(--primary) 14%);
    --upload-dropzone: color-mix(in srgb, var(--bg-white) 90%, var(--bg) 10%);
    --upload-line: var(--border);
    --upload-line-soft: color-mix(in srgb, var(--border) 70%, transparent);
    --upload-text: var(--text);
    --upload-muted: var(--text-light);
    --upload-soft: var(--text-dim);
    --upload-accent: var(--primary);
    --upload-accent-strong: var(--primary-dark);
    --upload-on-accent: var(--on-primary);
    --upload-teal: var(--success);
    --upload-shadow: color-mix(in srgb, var(--shadow) 70%, transparent);
}

html[data-public-theme="turkmod"] [data-theme="dark"] .upload-shell {
    --upload-panel: color-mix(in srgb, var(--bg-white) 82%, #05080d 18%);
    --upload-panel-2: color-mix(in srgb, var(--bg-white) 86%, var(--primary) 8%);
    --upload-field: color-mix(in srgb, var(--bg) 88%, #000 12%);
    --upload-field-focus: color-mix(in srgb, var(--bg-hover) 86%, var(--primary) 14%);
    --upload-dropzone: color-mix(in srgb, var(--bg) 90%, #000 10%);
    --upload-shadow: rgba(0, 0, 0, .34);
}

html[data-public-theme="turkmod"] body:has(.upload-shell) {
    background:
        linear-gradient(180deg, color-mix(in srgb, var(--upload-accent) 7%, transparent), transparent 260px),
        var(--bg) !important;
    color: var(--text);
}

html[data-public-theme="turkmod"] .upload-card {
    border-color: var(--upload-line) !important;
    background:
        linear-gradient(180deg, color-mix(in srgb, var(--bg-white) 96%, var(--primary) 4%), var(--upload-card)),
        var(--upload-card) !important;
    box-shadow: 0 24px 70px var(--upload-shadow), inset 0 1px 0 color-mix(in srgb, var(--bg-white) 80%, transparent) !important;
}

html[data-public-theme="turkmod"] .upload-head {
    border-bottom-color: var(--upload-line) !important;
    background:
        linear-gradient(90deg, color-mix(in srgb, var(--upload-accent) 14%, transparent), color-mix(in srgb, var(--upload-teal) 6%, transparent) 52%, transparent),
        linear-gradient(180deg, var(--upload-panel-2), var(--upload-panel)) !important;
}

html[data-public-theme="turkmod"] .upload-head h1,
html[data-public-theme="turkmod"] .upload-assist-panel h2,
html[data-public-theme="turkmod"] .media-head h3,
html[data-public-theme="turkmod"] .dropzone-trigger strong {
    color: var(--upload-text) !important;
}

html[data-public-theme="turkmod"] .upload-head p,
html[data-public-theme="turkmod"] .upload-assist-panel p,
html[data-public-theme="turkmod"] .media-head p,
html[data-public-theme="turkmod"] .dropzone-trigger span,
html[data-public-theme="turkmod"] .upload-card .form-text {
    color: var(--upload-muted) !important;
}

html[data-public-theme="turkmod"] .upload-head h1 i,
html[data-public-theme="turkmod"] .upload-check-list i,
html[data-public-theme="turkmod"] .btn-submit-mod {
    color: var(--upload-on-accent) !important;
    background: linear-gradient(135deg, var(--upload-accent), color-mix(in srgb, var(--upload-accent) 72%, white 28%)) !important;
}

html[data-public-theme="turkmod"] .upload-body {
    background:
        linear-gradient(color-mix(in srgb, var(--text) 3%, transparent) 1px, transparent 1px),
        var(--upload-bg) !important;
}

html[data-public-theme="turkmod"] .upload-wizard-panel,
html[data-public-theme="turkmod"] .media-card,
html[data-public-theme="turkmod"] .upload-assist-panel {
    border-color: var(--upload-line) !important;
    background: linear-gradient(180deg, var(--upload-panel-2), var(--upload-panel)) !important;
}

html[data-public-theme="turkmod"] .upload-assist-panel {
    border-color: color-mix(in srgb, var(--upload-accent) 24%, var(--upload-line)) !important;
    box-shadow: 0 18px 44px var(--upload-shadow) !important;
}

html[data-public-theme="turkmod"] .upload-assist-status {
    border-color: color-mix(in srgb, var(--upload-teal) 30%, transparent) !important;
    color: var(--upload-teal) !important;
    background: color-mix(in srgb, var(--upload-teal) 10%, transparent) !important;
}

html[data-public-theme="turkmod"] .upload-status-dot {
    background: var(--upload-teal) !important;
    box-shadow: 0 0 0 4px color-mix(in srgb, var(--upload-teal) 14%, transparent) !important;
}

html[data-public-theme="turkmod"] .upload-check-list li,
html[data-public-theme="turkmod"] .preview-item {
    border-color: var(--upload-line-soft) !important;
    color: var(--upload-soft) !important;
    background: color-mix(in srgb, var(--bg-white) 74%, var(--bg) 26%) !important;
}

html[data-public-theme="turkmod"] .upload-card .form-label {
    color: var(--upload-soft) !important;
}

html[data-public-theme="turkmod"] .upload-card .form-control,
html[data-public-theme="turkmod"] .upload-card .form-select {
    border-color: var(--upload-line) !important;
    color: var(--upload-text) !important;
    background: var(--upload-field) !important;
    color-scheme: light;
}

html[data-public-theme="turkmod"] [data-theme="dark"] .upload-card .form-control,
html[data-public-theme="turkmod"] [data-theme="dark"] .upload-card .form-select {
    color-scheme: dark;
}

html[data-public-theme="turkmod"] .upload-card .form-control:focus,
html[data-public-theme="turkmod"] .upload-card .form-select:focus {
    border-color: color-mix(in srgb, var(--upload-accent) 78%, var(--upload-line)) !important;
    background: var(--upload-field-focus) !important;
    box-shadow: 0 0 0 3px color-mix(in srgb, var(--upload-accent) 16%, transparent) !important;
}

html[data-public-theme="turkmod"] .upload-card .form-control::placeholder {
    color: color-mix(in srgb, var(--upload-muted) 78%, transparent) !important;
}

html[data-public-theme="turkmod"] .media-card:hover,
html[data-public-theme="turkmod"] .preview-item:hover {
    border-color: color-mix(in srgb, var(--upload-accent) 42%, var(--upload-line)) !important;
    box-shadow: 0 16px 38px var(--upload-shadow) !important;
}

html[data-public-theme="turkmod"] .media-head {
    border-bottom-color: var(--upload-line-soft) !important;
}

html[data-public-theme="turkmod"] .media-head h3 i,
html[data-public-theme="turkmod"] .dropzone-trigger i,
html[data-public-theme="turkmod"] .btn-add-link {
    color: var(--upload-accent) !important;
}

html[data-public-theme="turkmod"] .pill,
html[data-public-theme="turkmod"] .btn-add-link {
    border-color: color-mix(in srgb, var(--upload-accent) 32%, var(--upload-line)) !important;
    color: var(--upload-accent) !important;
    background: color-mix(in srgb, var(--upload-accent) 9%, transparent) !important;
}

html[data-public-theme="turkmod"] .dropzone {
    border-color: color-mix(in srgb, var(--upload-line) 78%, var(--upload-muted) 22%) !important;
    background:
        linear-gradient(135deg, color-mix(in srgb, var(--upload-accent) 8%, transparent), transparent 42%),
        var(--upload-dropzone) !important;
}

html[data-public-theme="turkmod"] .dropzone.is-active,
html[data-public-theme="turkmod"] .dropzone:hover {
    border-color: var(--upload-accent) !important;
    background:
        linear-gradient(135deg, color-mix(in srgb, var(--upload-accent) 12%, transparent), color-mix(in srgb, var(--upload-teal) 5%, transparent)),
        var(--upload-field-focus) !important;
}

html[data-public-theme="turkmod"] .preview-name {
    background: linear-gradient(180deg, rgba(0,0,0,.72), transparent 100%) !important;
}

html[data-public-theme="turkmod"] .preview-remove-bar {
    color: var(--danger) !important;
    background: color-mix(in srgb, var(--danger) 12%, var(--bg-white)) !important;
}

html[data-public-theme="turkmod"] .preview-remove-bar:hover {
    color: #fff !important;
    background: var(--danger) !important;
}

html[data-public-theme="turkmod"] .btn-add-link:hover {
    background: color-mix(in srgb, var(--upload-accent) 14%, transparent) !important;
}

html[data-public-theme="turkmod"] .alert-note {
    border-color: color-mix(in srgb, var(--upload-teal) 28%, var(--upload-line)) !important;
    color: var(--upload-soft) !important;
    background: color-mix(in srgb, var(--upload-teal) 8%, transparent) !important;
}

html[data-public-theme="turkmod"] .alert-note i {
    color: var(--upload-teal) !important;
}

html[data-public-theme="turkmod"] .actions {
    border-top-color: var(--upload-line) !important;
}

html[data-public-theme="turkmod"] .btn-submit-mod {
    box-shadow: 0 12px 28px color-mix(in srgb, var(--upload-accent) 24%, transparent) !important;
}

html[data-public-theme="turkmod"] .btn-submit-mod:hover {
    box-shadow: 0 16px 34px color-mix(in srgb, var(--upload-accent) 34%, transparent) !important;
}

html[data-public-theme="turkmod"] .btn-cancel-mod {
    color: var(--upload-muted) !important;
    background: var(--upload-panel) !important;
    border-color: var(--upload-line) !important;
}

html[data-public-theme="turkmod"] .btn-cancel-mod:hover {
    color: var(--upload-text) !important;
    background: var(--bg-hover) !important;
}

html[data-public-theme="turkmod"] .upload-card .quill-container,
html[data-public-theme="turkmod"] .upload-card .quill-container .ql-container,
html[data-public-theme="turkmod"] .upload-card .quill-container .ql-editor {
    border-color: var(--upload-line) !important;
    color: var(--upload-text) !important;
    background: var(--upload-field) !important;
}

html[data-public-theme="turkmod"] .upload-card .quill-container .ql-toolbar {
    border-bottom-color: var(--upload-line) !important;
    background: var(--upload-panel-2) !important;
}

html[data-public-theme="turkmod"] .upload-topic-breadcrumb a,
html[data-public-theme="turkmod"] .upload-topic-breadcrumb span {
    color: var(--text-light);
}

html[data-public-theme="turkmod"] .upload-topic-breadcrumb a:hover {
    color: var(--primary);
}

html[data-public-theme="turkmod"] .upload-topic-form-container {
    padding-top: .35rem !important;
}

html[data-public-theme="turkmod"] .upload-topic-form-container .upload-shell {
    width: 100% !important;
    max-width: 100% !important;
    margin-top: .35rem !important;
}

html[data-public-theme="turkmod"] .upload-wizard-progress {
    display: grid;
    grid-template-columns: repeat(7, minmax(0, 1fr));
    gap: .55rem;
    margin: 0 0 1.25rem;
}

html[data-public-theme="turkmod"] .upload-wizard-step {
    border: 1px solid color-mix(in srgb, var(--border) 78%, transparent);
    background: color-mix(in srgb, var(--surface) 88%, transparent);
    color: var(--text-muted);
    min-height: 74px;
    border-radius: 8px;
    padding: .7rem .55rem;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    gap: .35rem;
    text-align: left;
    transition: border-color .2s ease, background .2s ease, color .2s ease, transform .2s ease;
}

html[data-public-theme="turkmod"] .upload-wizard-step span {
    width: 26px;
    height: 26px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    font-weight: 800;
    font-size: .8rem;
    background: color-mix(in srgb, var(--text-muted) 12%, transparent);
    color: inherit;
}

html[data-public-theme="turkmod"] .upload-wizard-step strong {
    display: block;
    font-size: .78rem;
    line-height: 1.15;
    font-weight: 800;
}

html[data-public-theme="turkmod"] .upload-wizard-step:hover,
html[data-public-theme="turkmod"] .upload-wizard-step.is-active {
    border-color: color-mix(in srgb, var(--primary) 62%, var(--border));
    background: color-mix(in srgb, var(--primary) 10%, var(--surface));
    color: var(--text);
    transform: translateY(-1px);
}

html[data-public-theme="turkmod"] .upload-wizard-step.is-active span,
html[data-public-theme="turkmod"] .upload-wizard-step.is-complete span {
    background: var(--primary);
    color: var(--primary-contrast, #fff);
}

html[data-public-theme="turkmod"] .upload-wizard-step.is-complete {
    color: var(--text);
}

html[data-public-theme="turkmod"] .upload-wizard-panel[hidden] {
    display: none !important;
}

html[data-public-theme="turkmod"] .upload-wizard-panel {
    animation: uploadStepIn .18s ease-out;
}

html[data-public-theme="turkmod"] .upload-step-eyebrow {
    color: var(--primary);
    font-size: .95rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: .15em;
    margin-bottom: .6rem;
    display: inline-block;
    padding: 0.3rem 0.8rem;
    background: rgba(0, 212, 255, 0.08);
    border-radius: 6px;
    border: 1px solid rgba(0, 212, 255, 0.15);
}

html[data-public-theme="turkmod"] .upload-step-title {
    color: var(--text);
    font-size: 1.35rem;
    font-weight: 900;
    margin: 0 0 .4rem;
}

html[data-public-theme="turkmod"] .upload-step-copy {
    color: var(--text-muted);
    margin: 0 0 1.2rem;
    max-width: 720px;
}

html[data-public-theme="turkmod"] .upload-review-list {
    display: grid;
    gap: .75rem;
    margin: 1rem 0 1.2rem;
}

html[data-public-theme="turkmod"] .upload-review-list > div {
    display: flex;
    gap: .75rem;
    align-items: flex-start;
    padding: .9rem 1rem;
    border-radius: 8px;
    color: var(--text);
    background: color-mix(in srgb, var(--surface-alt, var(--surface)) 82%, var(--primary) 8%);
    border: 1px solid color-mix(in srgb, var(--border) 82%, transparent);
}

html[data-public-theme="turkmod"] .upload-review-list i {
    color: var(--primary);
    font-size: 1.1rem;
    margin-top: .1rem;
}

html[data-public-theme="turkmod"] .upload-profile-followup {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: .85rem;
    padding: 1rem;
    border-radius: 8px;
    border: 1px solid color-mix(in srgb, var(--primary) 28%, var(--border));
    background: color-mix(in srgb, var(--primary) 8%, var(--surface));
    color: var(--text);
}

html[data-public-theme="turkmod"] .upload-profile-followup > i {
    width: 38px;
    height: 38px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    color: var(--primary);
    background: color-mix(in srgb, var(--primary) 12%, transparent);
}

html[data-public-theme="turkmod"] .upload-profile-followup strong,
html[data-public-theme="turkmod"] .upload-profile-followup span {
    display: block;
}

html[data-public-theme="turkmod"] .upload-profile-followup span {
    color: var(--text-muted);
    font-size: .92rem;
    margin-top: .15rem;
}

html[data-public-theme="turkmod"] .upload-profile-followup-link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 38px;
    padding: .55rem .85rem;
    border-radius: 8px;
    background: var(--primary);
    color: var(--primary-contrast, #fff) !important;
    font-weight: 800;
    text-decoration: none;
    white-space: nowrap;
}

html[data-public-theme="turkmod"] .preview-item img {
    display: block !important;
    background: color-mix(in srgb, var(--surface) 72%, #000 8%) !important;
}

html[data-public-theme="turkmod"] .preview-fallback {
    height: 92px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: .25rem;
    color: var(--text-muted);
    background: color-mix(in srgb, var(--surface) 88%, transparent);
    font-size: .78rem;
    font-weight: 700;
}

html[data-public-theme="turkmod"] .preview-fallback i {
    font-size: 1.45rem;
}

html[data-public-theme="turkmod"] .upload-image-rules,
html[data-public-theme="turkmod"] .upload-field-rules {
    display: flex;
    flex-wrap: wrap;
    gap: .45rem;
    margin-top: .85rem;
}

html[data-public-theme="turkmod"] .upload-image-rules span,
html[data-public-theme="turkmod"] .upload-field-rules span {
    display: inline-flex;
    align-items: center;
    gap: .35rem;
    min-height: 30px;
    padding: .35rem .55rem;
    border: 1px solid color-mix(in srgb, var(--primary) 24%, var(--border));
    border-radius: 999px;
    background: color-mix(in srgb, var(--surface) 82%, var(--primary) 6%);
    color: var(--text-muted);
    font-size: .78rem;
    font-weight: 800;
}

html[data-public-theme="turkmod"] .upload-image-rules i,
html[data-public-theme="turkmod"] .upload-field-rules i {
    color: var(--primary);
}

html[data-public-theme="turkmod"] .upload-live-hint {
    min-height: 1.5rem;
    margin-top: .5rem;
    color: var(--text-muted);
    font-size: .95rem;
    font-weight: 700;
    transition: all 0.2s ease;
}

html[data-public-theme="turkmod"] .upload-live-hint.is-ok {
    color: #22c55e;
    background: rgba(34, 197, 94, 0.1);
    padding: 0.5rem 0.8rem;
    border-radius: 6px;
    border: 1px solid rgba(34, 197, 94, 0.2);
    display: inline-block;
}

html[data-public-theme="turkmod"] .upload-live-hint.is-warning {
    color: #f59e0b;
    background: rgba(245, 158, 11, 0.1);
    padding: 0.5rem 0.8rem;
    border-radius: 6px;
    border: 1px solid rgba(245, 158, 11, 0.2);
    display: inline-block;
}

html[data-public-theme="turkmod"] .upload-live-hint.is-error {
    color: #ef4444;
    background: rgba(239, 68, 68, 0.1);
    padding: 0.5rem 0.8rem;
    border-radius: 6px;
    border: 1px solid rgba(239, 68, 68, 0.2);
    display: inline-block;
}

html[data-public-theme="turkmod"] .upload-limit-summary {
    display: flex;
    align-items: flex-start;
    gap: .85rem;
    margin-top: 1rem;
    padding: 1rem;
    border: 1px solid color-mix(in srgb, var(--primary) 24%, var(--border));
    border-radius: 8px;
    background: color-mix(in srgb, var(--primary) 8%, var(--surface));
    color: var(--text);
}

html[data-public-theme="turkmod"] .upload-limit-summary > i {
    color: var(--primary);
    font-size: 1.25rem;
}

html[data-public-theme="turkmod"] .upload-limit-summary strong,
html[data-public-theme="turkmod"] .upload-limit-summary span {
    display: block;
}

html[data-public-theme="turkmod"] .upload-limit-summary span {
    margin-top: .2rem;
    color: var(--text-muted);
    font-size: .88rem;
    font-weight: 750;
}

html[data-public-theme="turkmod"] .upload-assist-limit-summary {
    margin: .75rem 0 1rem;
    padding: .85rem;
}

html[data-public-theme="turkmod"] .upload-wizard-controls,
html[data-public-theme="turkmod"] .upload-final-actions {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    align-items: center;
    margin-top: 1.2rem;
}

html[data-public-theme="turkmod"] .upload-wizard-controls {
    justify-content: flex-end;
}

html[data-public-theme="turkmod"] .upload-wizard-controls .btn-submit-mod,
html[data-public-theme="turkmod"] .upload-wizard-controls .btn-cancel-mod {
    min-height: 40px !important;
    padding: .55rem .95rem !important;
    border-radius: 8px !important;
    font-size: .9rem !important;
    line-height: 1 !important;
}

html[data-public-theme="turkmod"] .upload-wizard-controls [hidden],
html[data-public-theme="turkmod"] .upload-composer-layout + .actions {
    display: none !important;
}

html[data-public-theme="turkmod"] .upload-wizard-controls .btn-cancel-mod:disabled {
    opacity: .45;
    cursor: not-allowed;
    transform: none;
}

html[data-public-theme="turkmod"] .upload-section-divider {
    border-top: 1px dashed var(--border);
}

html[data-public-theme="turkmod"] .upload-final-actions .btn-submit-mod:disabled,
html[data-public-theme="turkmod"] .upload-final-actions .btn-submit-mod.is-submitted,
html[data-public-theme="turkmod"] .upload-final-actions .btn-submit-mod.is-submitted:hover,
html[data-public-theme="turkmod"] .upload-final-actions .btn-submit-mod.is-submit-locked,
html[data-public-theme="turkmod"] .upload-final-actions .btn-submit-mod.is-submit-locked:hover {
    background: color-mix(in srgb, var(--text-muted) 34%, var(--surface)) !important;
    border-color: color-mix(in srgb, var(--text-muted) 28%, var(--border)) !important;
    color: color-mix(in srgb, var(--text-muted) 88%, var(--text)) !important;
    box-shadow: none !important;
    cursor: not-allowed !important;
    opacity: .72 !important;
    transform: none !important;
    filter: grayscale(.35);
}

html[data-public-theme="turkmod"] .upload-final-actions .btn-submit-mod.is-submitting:disabled {
    cursor: progress !important;
    opacity: .82 !important;
}

html[data-public-theme="turkmod"] .upload-final-actions .btn-submit-mod.is-submitted i,
html[data-public-theme="turkmod"] .upload-final-actions .btn-submit-mod.is-submit-locked i {
    color: inherit !important;
}

@keyframes uploadStepIn {
    from { opacity: 0; transform: translateY(8px); }
    to { opacity: 1; transform: translateY(0); }
}

@media (max-width: 1199px) {
    html[data-public-theme="turkmod"] .upload-wizard-progress {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }
}

@media (max-width: 767px) {
    html[data-public-theme="turkmod"] .upload-wizard-progress {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    html[data-public-theme="turkmod"] .upload-wizard-step {
        min-height: 64px;
    }

    html[data-public-theme="turkmod"] .upload-wizard-controls,
    html[data-public-theme="turkmod"] .upload-final-actions {
        flex-direction: column;
    }

    html[data-public-theme="turkmod"] .upload-profile-followup {
        grid-template-columns: auto minmax(0, 1fr);
    }

    html[data-public-theme="turkmod"] .upload-profile-followup-link {
        grid-column: 1 / -1;
        width: 100%;
    }

    html[data-public-theme="turkmod"] .upload-wizard-controls > *,
    html[data-public-theme="turkmod"] .upload-final-actions > * {
        width: 100%;
        justify-content: center;
    }
}

html[data-public-theme="turkmod"] .quill-container { border: 1px solid var(--upload-line, var(--border)); border-radius: 8px; overflow: hidden; background: var(--upload-field, var(--surface)); color: var(--upload-text, var(--text)); }
html[data-public-theme="turkmod"] .quill-container .ql-toolbar { border: none; border-bottom: 1px solid var(--upload-line, var(--border)); background: color-mix(in srgb, var(--upload-field, var(--surface)) 88%, var(--primary) 5%); }
html[data-public-theme="turkmod"] .quill-container .ql-container { border: none; min-height: 200px; font-size: .92rem; color: var(--upload-text, var(--text)); }
html[data-public-theme="turkmod"] .quill-container .ql-editor { min-height: 200px;  }
html[data-public-theme="turkmod"] .quill-container .ql-editor.ql-blank::before { color: var(--text-muted); }
html[data-public-theme="turkmod"] .quill-container .ql-stroke { stroke: var(--upload-text, var(--text)); }
html[data-public-theme="turkmod"] .quill-container .ql-fill { fill: var(--upload-text, var(--text)); }
html[data-public-theme="turkmod"] .quill-container .ql-picker { color: var(--upload-text, var(--text)); }
html[data-public-theme="turkmod"] .upload-rich-fallback {
    border: 1px solid var(--upload-line, var(--border));
    border-radius: 8px;
    overflow: hidden;
    background: var(--upload-field, var(--surface));
    color: var(--upload-text, var(--text));
}
html[data-public-theme="turkmod"] .upload-rich-toolbar {
    display: flex;
    flex-wrap: wrap;
    gap: .25rem;
    padding: .5rem;
    border-bottom: 1px solid var(--upload-line, var(--border));
    background: color-mix(in srgb, var(--upload-field, var(--surface)) 88%, var(--primary) 5%);
}
html[data-public-theme="turkmod"] .upload-rich-toolbar button {
    width: 34px;
    height: 34px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid transparent;
    border-radius: 8px;
    background: transparent;
    color: var(--upload-text, var(--text));
}
html[data-public-theme="turkmod"] .upload-rich-toolbar button:hover {
    border-color: color-mix(in srgb, var(--primary) 36%, var(--border));
    background: color-mix(in srgb, var(--primary) 10%, transparent);
    color: var(--primary);
}
html[data-public-theme="turkmod"] .upload-rich-editor {
    min-height: 220px;
    padding: 1rem;
    outline: none;
    line-height: 1.65;
    
}
html[data-public-theme="turkmod"] .upload-rich-editor:focus {
    box-shadow: inset 0 0 0 3px color-mix(in srgb, var(--primary) 13%, transparent);
}

html[data-public-theme="turkmod"] .topic-edit-upload-page .upload-shell {
    --upload-bg: var(--bg);
    --upload-card: var(--bg-white);
    --upload-panel: color-mix(in srgb, var(--bg-white) 94%, var(--bg) 6%);
    --upload-panel-2: color-mix(in srgb, var(--bg-white) 88%, var(--primary) 12%);
    --upload-field: color-mix(in srgb, var(--bg-white) 92%, var(--bg) 8%);
    --upload-field-focus: color-mix(in srgb, var(--bg-white) 86%, var(--primary) 14%);
    --upload-dropzone: color-mix(in srgb, var(--bg-white) 90%, var(--bg) 10%);
    --upload-line: var(--border);
    --upload-line-soft: color-mix(in srgb, var(--border) 70%, transparent);
    --upload-text: var(--text);
    --upload-muted: var(--text-light);
    --upload-soft: var(--text-dim);
    --upload-accent: var(--primary);
    --upload-on-accent: var(--on-primary);
    --upload-teal: var(--success);
    --upload-shadow: color-mix(in srgb, var(--shadow) 70%, transparent);
    width: 100%;
    max-width: 100%;
    margin: .35rem auto 3rem;
}
html[data-public-theme="turkmod"] [data-theme="dark"] .topic-edit-upload-page .upload-shell {
    --upload-panel: color-mix(in srgb, var(--bg-white) 82%, #05080d 18%);
    --upload-panel-2: color-mix(in srgb, var(--bg-white) 86%, var(--primary) 8%);
    --upload-field: color-mix(in srgb, var(--bg) 88%, #000 12%);
    --upload-field-focus: color-mix(in srgb, var(--bg-hover) 86%, var(--primary) 14%);
    --upload-dropzone: color-mix(in srgb, var(--bg) 90%, #000 10%);
    --upload-shadow: rgba(0, 0, 0, .34);
}
html[data-public-theme="turkmod"] body:has(.topic-edit-upload-page) {
    background: linear-gradient(180deg, color-mix(in srgb, var(--primary) 7%, transparent), transparent 260px), var(--bg) !important;
}
html[data-public-theme="turkmod"] .topic-edit-upload-page .upload-card {
    overflow: hidden;
    border: 1px solid var(--upload-line);
    border-radius: 8px;
    background: linear-gradient(180deg, color-mix(in srgb, var(--bg-white) 96%, var(--primary) 4%), var(--upload-card));
    box-shadow: 0 24px 70px var(--upload-shadow), inset 0 1px 0 color-mix(in srgb, var(--bg-white) 80%, transparent);
}
html[data-public-theme="turkmod"] .topic-edit-upload-page .upload-head {
    display: grid;
    gap: .55rem;
    padding: clamp(1.4rem, 3vw, 2rem);
    text-align: left;
    border-bottom: 1px solid var(--upload-line);
    background: linear-gradient(90deg, color-mix(in srgb, var(--upload-accent) 14%, transparent), color-mix(in srgb, var(--upload-teal) 6%, transparent) 52%, transparent), linear-gradient(180deg, var(--upload-panel-2), var(--upload-panel));
}
html[data-public-theme="turkmod"] .topic-edit-upload-page .upload-head h1 {
    display: flex;
    align-items: center;
    gap: .75rem;
    margin: 0;
    color: var(--upload-text);
    font-size: clamp(1.65rem, 3vw, 2.35rem);
    line-height: 1.05;
    font-weight: 900;
}
html[data-public-theme="turkmod"] .topic-edit-upload-page .upload-head h1 i {
    width: 48px;
    height: 48px;
    display: inline-grid;
    place-items: center;
    border-radius: 8px;
    color: var(--upload-on-accent);
    background: linear-gradient(135deg, var(--upload-accent), color-mix(in srgb, var(--upload-accent) 72%, white 28%));
    box-shadow: 0 12px 28px color-mix(in srgb, var(--upload-accent) 22%, transparent);
}
html[data-public-theme="turkmod"] .topic-edit-upload-page .upload-head p {
    max-width: 760px;
    margin: 0;
    color: var(--upload-muted);
    font-size: 1rem;
    line-height: 1.6;
}
html[data-public-theme="turkmod"] .topic-edit-upload-page .upload-body {
    padding: clamp(1rem, 2.4vw, 1.6rem);
    background: linear-gradient(color-mix(in srgb, var(--text) 3%, transparent) 1px, transparent 1px), var(--upload-bg);
    background-size: 100% 42px;
}
html[data-public-theme="turkmod"] .topic-edit-upload-page .upload-wizard-progress {
    display: grid;
    grid-template-columns: repeat(7, minmax(0, 1fr));
    gap: .55rem;
    margin: 0 0 1.25rem;
}
html[data-public-theme="turkmod"] .topic-edit-upload-page .upload-wizard-step {
    min-height: 74px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    gap: .35rem;
    padding: .7rem .55rem;
    border: 1px solid color-mix(in srgb, var(--border) 78%, transparent);
    border-radius: 8px;
    background: color-mix(in srgb, var(--surface) 88%, transparent);
    color: var(--text-muted);
    text-align: left;
    transition: border-color .2s ease, background .2s ease, color .2s ease, transform .2s ease;
}
html[data-public-theme="turkmod"] .topic-edit-upload-page .upload-wizard-step span {
    width: 26px;
    height: 26px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    font-weight: 800;
    font-size: .8rem;
    background: color-mix(in srgb, var(--text-muted) 12%, transparent);
}
html[data-public-theme="turkmod"] .topic-edit-upload-page .upload-wizard-step strong {
    display: block;
    font-size: .78rem;
    line-height: 1.15;
    font-weight: 800;
}
html[data-public-theme="turkmod"] .topic-edit-upload-page .upload-wizard-step:hover,
html[data-public-theme="turkmod"] .topic-edit-upload-page .upload-wizard-step.is-active {
    border-color: color-mix(in srgb, var(--primary) 62%, var(--border));
    background: color-mix(in srgb, var(--primary) 10%, var(--surface));
    color: var(--text);
    transform: translateY(-1px);
}
html[data-public-theme="turkmod"] .topic-edit-upload-page .upload-wizard-step.is-active span,
html[data-public-theme="turkmod"] .topic-edit-upload-page .upload-wizard-step.is-complete span {
    color: var(--upload-on-accent);
    background: var(--primary);
}
html[data-public-theme="turkmod"] .topic-edit-upload-page .upload-composer-layout {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 330px;
    gap: 1rem;
    align-items: start;
}
html[data-public-theme="turkmod"] .topic-edit-upload-page .upload-form-fields {
    display: grid;
    gap: 1rem;
    min-width: 0;
}
html[data-public-theme="turkmod"] .topic-edit-upload-page .upload-form-fields > .row,
html[data-public-theme="turkmod"] .topic-edit-upload-page .upload-form-fields > .mb-4:not(.d-none),
html[data-public-theme="turkmod"] .topic-edit-upload-page .media-card,
html[data-public-theme="turkmod"] .topic-edit-upload-page .upload-assist-panel {
    padding: 1rem;
    border: 1px solid var(--upload-line);
    border-radius: 8px;
    background: linear-gradient(180deg, var(--upload-panel-2), var(--upload-panel));
}
html[data-public-theme="turkmod"] .topic-edit-upload-page .upload-wizard-panel[hidden] {
    display: none !important;
}
html[data-public-theme="turkmod"] .topic-edit-upload-page .upload-wizard-panel {
    animation: uploadStepIn .18s ease-out;
}
html[data-public-theme="turkmod"] .topic-edit-upload-page .upload-step-eyebrow {
    color: var(--primary);
    font-size: .74rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: .08em;
    margin-bottom: .35rem;
}
html[data-public-theme="turkmod"] .topic-edit-upload-page .upload-step-title {
    color: var(--text);
    font-size: 1.35rem;
    font-weight: 900;
    margin: 0 0 .4rem;
}
html[data-public-theme="turkmod"] .topic-edit-upload-page .upload-step-copy {
    color: var(--text-muted);
    margin: 0 0 1.2rem;
    max-width: 720px;
}
html[data-public-theme="turkmod"] .topic-edit-upload-page .form-label {
    margin-bottom: .45rem;
    color: var(--upload-soft);
    font-size: .82rem;
    font-weight: 850;
    letter-spacing: .03em;
    text-transform: uppercase;
}
html[data-public-theme="turkmod"] .topic-edit-upload-page .form-control,
html[data-public-theme="turkmod"] .topic-edit-upload-page .form-select {
    min-height: 46px;
    padding: .68rem .82rem;
    border: 1px solid var(--upload-line);
    border-radius: 8px;
    color: var(--upload-text);
    background: var(--upload-field);
    font-size: .95rem;
    font-weight: 650;
}
html[data-public-theme="turkmod"] .topic-edit-upload-page .form-control:focus,
html[data-public-theme="turkmod"] .topic-edit-upload-page .form-select:focus {
    border-color: color-mix(in srgb, var(--upload-accent) 78%, var(--upload-line));
    background: var(--upload-field-focus);
    box-shadow: 0 0 0 3px color-mix(in srgb, var(--upload-accent) 16%, transparent);
}
html[data-public-theme="turkmod"] .topic-edit-upload-page .media-head {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: .8rem;
    margin-bottom: .85rem;
    padding-bottom: .85rem;
    border-bottom: 1px solid var(--upload-line-soft);
}
html[data-public-theme="turkmod"] .topic-edit-upload-page .media-head h3 {
    display: flex;
    align-items: center;
    gap: .5rem;
    margin: 0;
    color: var(--upload-text);
    font-size: 1.02rem;
    font-weight: 850;
}
html[data-public-theme="turkmod"] .topic-edit-upload-page .media-head h3 i,
html[data-public-theme="turkmod"] .topic-edit-upload-page .dropzone-trigger i,
html[data-public-theme="turkmod"] .topic-edit-upload-page .btn-add-link {
    color: var(--upload-accent);
}
html[data-public-theme="turkmod"] .topic-edit-upload-page .media-head p {
    margin: .28rem 0 0;
    color: var(--upload-muted);
    font-size: .88rem;
}
html[data-public-theme="turkmod"] .topic-edit-upload-page .pill,
html[data-public-theme="turkmod"] .topic-edit-upload-page .btn-add-link {
    display: inline-flex;
    align-items: center;
    gap: .35rem;
    padding: .38rem .65rem;
    border: 1px solid color-mix(in srgb, var(--upload-accent) 32%, var(--upload-line));
    border-radius: 999px;
    color: var(--upload-accent);
    background: color-mix(in srgb, var(--upload-accent) 9%, transparent);
    font-size: .72rem;
    font-weight: 850;
}
html[data-public-theme="turkmod"] .topic-edit-upload-page .dropzone {
    min-height: 178px;
    border: 1px dashed color-mix(in srgb, var(--upload-line) 78%, var(--upload-muted) 22%);
    border-radius: 8px;
    background: linear-gradient(135deg, color-mix(in srgb, var(--upload-accent) 8%, transparent), transparent 42%), var(--upload-dropzone);
}
html[data-public-theme="turkmod"] .topic-edit-upload-page .dropzone:hover {
    border-color: var(--upload-accent);
    background: linear-gradient(135deg, color-mix(in srgb, var(--upload-accent) 12%, transparent), color-mix(in srgb, var(--upload-teal) 5%, transparent)), var(--upload-field-focus);
}
html[data-public-theme="turkmod"] .topic-edit-upload-page .dropzone-trigger {
    display: grid;
    place-items: center;
    gap: .35rem;
    padding: 1.7rem;
    text-align: center;
    cursor: pointer;
}
html[data-public-theme="turkmod"] .topic-edit-upload-page .dropzone-trigger i {
    font-size: 2.45rem;
}
html[data-public-theme="turkmod"] .topic-edit-upload-page .dropzone-trigger strong {
    color: var(--upload-text);
    font-size: 1rem;
}
html[data-public-theme="turkmod"] .topic-edit-upload-page .dropzone-trigger span {
    color: var(--upload-muted);
    font-size: .86rem;
}
html[data-public-theme="turkmod"] .topic-edit-upload-page .preview-grid,
html[data-public-theme="turkmod"] .topic-edit-upload-page .topic-edit-existing-media {
    display: flex;
    flex-wrap: wrap;
    gap: .7rem;
    margin: 0 0 1rem;
}
html[data-public-theme="turkmod"] .topic-edit-upload-page .preview-grid {
    padding: 0 .9rem .9rem;
    margin: 0;
}
html[data-public-theme="turkmod"] .topic-edit-upload-page .preview-item {
    position: relative;
    width: 124px;
    overflow: hidden;
    border: 1px solid var(--upload-line-soft);
    border-radius: 8px;
    background: color-mix(in srgb, var(--bg-white) 74%, var(--bg) 26%);
}
html[data-public-theme="turkmod"] .topic-edit-upload-page .preview-item img {
    display: block;
    width: 100%;
    height: 92px;
    object-fit: cover;
}
html[data-public-theme="turkmod"] .topic-edit-upload-page .preview-name {
    position: absolute;
    inset: 0 0 auto;
    padding: 8px 9px 18px;
    color: #fff;
    background: linear-gradient(180deg, rgba(0,0,0,.72), transparent);
    font-size: .72rem;
    font-weight: 800;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
html[data-public-theme="turkmod"] .topic-edit-upload-page .topic-edit-existing-gallery {
    padding-bottom: 1rem;
    border-bottom: 1px dashed var(--upload-line, var(--border));
}
html[data-public-theme="turkmod"] .topic-edit-upload-page .topic-edit-keep-toggle {
    min-height: 34px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: .4rem;
    padding: .42rem .55rem;
    margin: 0;
    color: var(--upload-text, var(--text));
    background: color-mix(in srgb, var(--success) 10%, var(--surface));
    font-size: .78rem;
    font-weight: 850;
    cursor: pointer;
}
html[data-public-theme="turkmod"] .topic-edit-upload-page .topic-edit-keep-toggle input {
    accent-color: var(--success);
}
html[data-public-theme="turkmod"] .topic-edit-upload-page .topic-edit-video-row {
    border-top: 1px dashed var(--upload-line, var(--border));
}
html[data-public-theme="turkmod"] .topic-edit-upload-page .topic-edit-moderation-note {
    margin-bottom: 1rem !important;
    border-color: color-mix(in srgb, var(--warning) 34%, var(--border)) !important;
    background: color-mix(in srgb, var(--warning) 10%, var(--surface)) !important;
}
html[data-public-theme="turkmod"] .topic-edit-upload-page .upload-image-rules,
html[data-public-theme="turkmod"] .topic-edit-upload-page .upload-field-rules {
    display: flex;
    flex-wrap: wrap;
    gap: .45rem;
    margin-top: .85rem;
}
html[data-public-theme="turkmod"] .topic-edit-upload-page .upload-image-rules span,
html[data-public-theme="turkmod"] .topic-edit-upload-page .upload-field-rules span {
    display: inline-flex;
    align-items: center;
    gap: .35rem;
    min-height: 30px;
    padding: .35rem .55rem;
    border: 1px solid color-mix(in srgb, var(--primary) 24%, var(--border));
    border-radius: 999px;
    background: color-mix(in srgb, var(--surface) 82%, var(--primary) 6%);
    color: var(--text-muted);
    font-size: .78rem;
    font-weight: 800;
}
html[data-public-theme="turkmod"] .topic-edit-upload-page .dl-row {
    display: grid;
    grid-template-columns: minmax(130px, .36fr) minmax(0, 1fr) 42px;
    gap: .65rem;
    margin-bottom: .65rem;
}
html[data-public-theme="turkmod"] .topic-edit-upload-page .dl-row .form-control.w-25 {
    width: 100% !important;
}
html[data-public-theme="turkmod"] .topic-edit-upload-page .dl-row .btn {
    width: 42px;
    min-height: 46px;
    padding: 0;
    border-radius: 8px;
    display: inline-grid;
    place-items: center;
}
html[data-public-theme="turkmod"] .topic-edit-upload-page .btn-add-link {
    width: 100%;
    min-height: 46px;
    justify-content: center;
    border-style: dashed;
    cursor: pointer;
}
html[data-public-theme="turkmod"] .topic-edit-upload-page .alert-note {
    display: flex;
    gap: 1rem;
    align-items: flex-start;
    margin: 0 0 1rem;
    padding: 1rem;
    border: 1px solid color-mix(in srgb, var(--upload-teal) 28%, var(--upload-line));
    border-radius: 8px;
    color: var(--upload-soft);
    background: color-mix(in srgb, var(--upload-teal) 8%, transparent);
}
html[data-public-theme="turkmod"] .topic-edit-upload-page .alert-note i {
    color: var(--upload-teal);
    font-size: 1.45rem;
}
html[data-public-theme="turkmod"] .topic-edit-upload-page .upload-review-list {
    display: grid;
    gap: .75rem;
    margin: 1rem 0 1.2rem;
}
html[data-public-theme="turkmod"] .topic-edit-upload-page .upload-review-list > div {
    display: flex;
    gap: .75rem;
    align-items: flex-start;
    padding: .9rem 1rem;
    border: 1px solid color-mix(in srgb, var(--border) 82%, transparent);
    border-radius: 8px;
    color: var(--text);
    background: color-mix(in srgb, var(--surface-alt, var(--surface)) 82%, var(--primary) 8%);
}
html[data-public-theme="turkmod"] .topic-edit-upload-page .upload-review-list i {
    color: var(--primary);
    font-size: 1.1rem;
    margin-top: .1rem;
}
html[data-public-theme="turkmod"] .topic-edit-upload-page .upload-wizard-controls,
html[data-public-theme="turkmod"] .topic-edit-upload-page .upload-final-actions {
    display: flex;
    justify-content: flex-end;
    gap: 1rem;
    align-items: center;
    margin-top: 1.2rem;
}
html[data-public-theme="turkmod"] .topic-edit-upload-page .upload-final-actions {
    justify-content: space-between;
}
html[data-public-theme="turkmod"] .topic-edit-upload-page .upload-wizard-controls .btn-submit-mod,
html[data-public-theme="turkmod"] .topic-edit-upload-page .upload-wizard-controls .btn-cancel-mod,
html[data-public-theme="turkmod"] .topic-edit-upload-page .btn-submit-mod,
html[data-public-theme="turkmod"] .topic-edit-upload-page .btn-cancel-mod {
    min-height: 48px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: .55rem;
    padding: .72rem 1rem;
    border-radius: 8px;
    font-size: .95rem;
    font-weight: 850;
    text-decoration: none;
}
html[data-public-theme="turkmod"] .topic-edit-upload-page .btn-submit-mod {
    border: 0;
    color: var(--upload-on-accent);
    background: linear-gradient(135deg, var(--upload-accent), color-mix(in srgb, var(--upload-accent) 72%, white 28%));
    box-shadow: 0 12px 28px color-mix(in srgb, var(--upload-accent) 24%, transparent);
}
html[data-public-theme="turkmod"] .topic-edit-upload-page .btn-cancel-mod {
    color: var(--upload-muted);
    background: var(--upload-panel);
    border: 1px solid var(--upload-line);
}
html[data-public-theme="turkmod"] .topic-edit-upload-page .upload-wizard-controls .btn-cancel-mod:disabled {
    opacity: .45;
    cursor: not-allowed;
}
html[data-public-theme="turkmod"] .topic-edit-upload-page .upload-assist-panel {
    position: sticky;
    top: 92px;
    display: grid;
    gap: 1rem;
    color: var(--upload-soft);
    box-shadow: 0 18px 44px var(--upload-shadow);
}
html[data-public-theme="turkmod"] .topic-edit-upload-page .upload-assist-status {
    display: inline-flex;
    width: fit-content;
    align-items: center;
    gap: .5rem;
    padding: .4rem .6rem;
    border: 1px solid color-mix(in srgb, var(--upload-teal) 30%, transparent);
    border-radius: 999px;
    color: var(--upload-teal);
    background: color-mix(in srgb, var(--upload-teal) 10%, transparent);
    font-size: .78rem;
    font-weight: 850;
}
html[data-public-theme="turkmod"] .topic-edit-upload-page .upload-status-dot {
    width: .48rem;
    height: .48rem;
    border-radius: 999px;
    background: var(--upload-teal);
    box-shadow: 0 0 0 4px color-mix(in srgb, var(--upload-teal) 14%, transparent);
}
html[data-public-theme="turkmod"] .topic-edit-upload-page .upload-assist-panel h2 {
    margin: 0;
    color: var(--upload-text);
    font-size: 1.2rem;
    font-weight: 900;
}
html[data-public-theme="turkmod"] .topic-edit-upload-page .upload-assist-panel p {
    margin: 0;
    color: var(--upload-muted);
    line-height: 1.55;
    font-size: .92rem;
}
html[data-public-theme="turkmod"] .topic-edit-upload-page .upload-check-list {
    display: grid;
    gap: .65rem;
    padding: 0;
    margin: 0;
    list-style: none;
}
html[data-public-theme="turkmod"] .topic-edit-upload-page .upload-check-list li {
    display: grid;
    grid-template-columns: 32px minmax(0,1fr);
    gap: .65rem;
    align-items: center;
    min-height: 42px;
    padding: .55rem;
    border: 1px solid var(--upload-line-soft);
    border-radius: 8px;
    color: var(--upload-soft);
    background: color-mix(in srgb, var(--bg-white) 74%, var(--bg) 26%);
    font-size: .88rem;
    font-weight: 750;
}
html[data-public-theme="turkmod"] .topic-edit-upload-page .upload-check-list i {
    display: grid;
    width: 32px;
    height: 32px;
    place-items: center;
    border-radius: 8px;
    color: var(--upload-on-accent);
    background: var(--upload-accent);
}

@media (max-width: 1199px) {
    html[data-public-theme="turkmod"] .topic-edit-upload-page .upload-wizard-progress {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }
}
@media (max-width: 991.98px) {
    html[data-public-theme="turkmod"] .topic-edit-upload-page .upload-composer-layout {
        grid-template-columns: 1fr;
    }
    html[data-public-theme="turkmod"] .topic-edit-upload-page .upload-assist-panel {
        position: static;
        order: -1;
    }
}
@media (max-width: 767px) {
    html[data-public-theme="turkmod"] .topic-edit-upload-page .upload-wizard-progress {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    html[data-public-theme="turkmod"] .topic-edit-upload-page .upload-wizard-controls,
    html[data-public-theme="turkmod"] .topic-edit-upload-page .upload-final-actions {
        flex-direction: column;
    }
    html[data-public-theme="turkmod"] .topic-edit-upload-page .upload-wizard-controls > *,
    html[data-public-theme="turkmod"] .topic-edit-upload-page .upload-final-actions > * {
        width: 100%;
    }
    html[data-public-theme="turkmod"] .topic-edit-upload-page .dl-row {
        grid-template-columns: 1fr 42px;
    }
    html[data-public-theme="turkmod"] .topic-edit-upload-page .dl-row .form-control.w-25 {
        grid-column: 1 / -1;
    }
}

html[data-public-theme="turkmod"] .topic-edit-page .topic-edit-existing-media {
    display: flex;
    flex-wrap: wrap;
    gap: .7rem;
    margin: 0 0 1rem;
}
html[data-public-theme="turkmod"] .topic-edit-page .topic-edit-existing-gallery {
    padding-bottom: 1rem;
    border-bottom: 1px dashed var(--upload-line, var(--border));
}
html[data-public-theme="turkmod"] .topic-edit-page .topic-edit-keep-toggle {
    min-height: 34px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: .4rem;
    padding: .42rem .55rem;
    margin: 0;
    color: var(--upload-text, var(--text));
    background: color-mix(in srgb, var(--success) 10%, var(--surface));
    font-size: .78rem;
    font-weight: 850;
    cursor: pointer;
}
html[data-public-theme="turkmod"] .topic-edit-page .topic-edit-keep-toggle input {
    accent-color: var(--success);
}
html[data-public-theme="turkmod"] .topic-edit-page .topic-edit-video-row {
    border-top: 1px dashed var(--upload-line, var(--border));
}
html[data-public-theme="turkmod"] .topic-edit-page .topic-edit-moderation-note {
    margin-bottom: 1rem !important;
    border-color: color-mix(in srgb, var(--warning) 34%, var(--border)) !important;
    background: color-mix(in srgb, var(--warning) 10%, var(--surface)) !important;
}

html[data-public-theme="turkmod"] .upload-card .upload-rich-fallback {
    border: 1px solid var(--upload-line, var(--border));
    border-radius: 8px;
    overflow: hidden;
    background: var(--upload-field, var(--surface));
    color: var(--upload-text, var(--text));
}
html[data-public-theme="turkmod"] .upload-card .upload-rich-toolbar {
    display: flex;
    flex-wrap: wrap;
    gap: .25rem;
    padding: .5rem;
    border-bottom: 1px solid var(--upload-line, var(--border));
    background: var(--upload-panel-2, var(--surface));
}
html[data-public-theme="turkmod"] .upload-card .upload-rich-toolbar button {
    width: 34px;
    height: 34px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid var(--upload-line, var(--border));
    border-radius: 8px;
    background: transparent;
    color: var(--upload-text, var(--text));
}
html[data-public-theme="turkmod"] .upload-card .upload-rich-toolbar button:hover {
    border-color: color-mix(in srgb, var(--primary) 36%, var(--border));
    background: color-mix(in srgb, var(--primary) 10%, transparent);
    color: var(--primary);
}
html[data-public-theme="turkmod"] .upload-card .upload-rich-editor {
    min-height: 220px;
    padding: 1rem;
    outline: none;
    
}

html[data-public-theme="turkmod"] .rich-editor[data-default-align="left"] + .quill-container .ql-editor,
html[data-public-theme="turkmod"] .rich-editor[data-default-align="left"] + .upload-rich-fallback .upload-rich-editor {
    text-align: left;
}

html[data-public-theme="turkmod"] .rich-editor[data-default-align="center"] + .quill-container .ql-editor,
html[data-public-theme="turkmod"] .rich-editor[data-default-align="center"] + .upload-rich-fallback .upload-rich-editor {
    text-align: center;
}

html[data-public-theme="turkmod"] .rich-editor[data-default-align="right"] + .quill-container .ql-editor,
html[data-public-theme="turkmod"] .rich-editor[data-default-align="right"] + .upload-rich-fallback .upload-rich-editor {
    text-align: right;
}

html[data-public-theme="turkmod"] .preview-item.is-sortable {
    cursor: grab;
}

html[data-public-theme="turkmod"] .preview-item.is-sortable:active {
    cursor: grabbing;
}

html[data-public-theme="turkmod"] .preview-item.is-sortable:focus-visible {
    outline: 3px solid color-mix(in srgb, var(--upload-accent, var(--primary)) 34%, transparent);
    outline-offset: 4px;
}

html[data-public-theme="turkmod"] .preview-item.is-dragging {
    opacity: .58;
    transform: scale(.97) !important;
}

html[data-public-theme="turkmod"] .preview-item.is-drop-target {
    border-color: var(--upload-accent, var(--primary)) !important;
    box-shadow: 0 0 0 4px color-mix(in srgb, var(--upload-accent, var(--primary)) 18%, transparent), 0 18px 40px var(--upload-shadow, rgba(0,0,0,.18)) !important;
}

html[data-public-theme="turkmod"] .preview-order {
    position: absolute;
    top: 8px;
    left: 8px;
    z-index: 8;
    min-width: 26px;
    height: 26px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid color-mix(in srgb, #fff 36%, transparent);
    border-radius: 999px;
    background: color-mix(in srgb, var(--upload-accent, var(--primary)) 88%, #000 12%);
    color: #fff;
    font-size: .78rem;
    font-weight: 900;
    box-shadow: 0 8px 18px rgba(0,0,0,.22);
    pointer-events: none;
}

html[data-public-theme="turkmod"] .alert-note-strong {
    margin: 0 0 18px;
    border-color: color-mix(in srgb, var(--upload-accent, var(--primary)) 32%, var(--upload-border, #dbe3ef)) !important;
    background: color-mix(in srgb, var(--upload-accent, var(--primary)) 9%, var(--upload-surface, #fff)) !important;
}

html[data-public-theme="turkmod"] .alert-note-strong i {
    color: var(--upload-accent, var(--primary));
}

/* Shared upload/edit field polish */
html[data-public-theme="turkmod"] .upload-shell .ui-admin-form-control,
html[data-public-theme="turkmod"] .upload-shell .form-select {
    width: 100% !important;
    min-width: 0 !important;
    min-height: 46px !important;
    padding: .78rem .95rem !important;
    border: 1px solid color-mix(in srgb, var(--upload-accent, var(--primary)) 24%, var(--upload-border, var(--border))) !important;
    border-radius: 10px !important;
    background: var(--upload-field, color-mix(in srgb, var(--bg-white, #fff) 92%, var(--bg, #f4f6f9) 8%)) !important;
    color: var(--upload-text, var(--text)) !important;
    box-shadow: inset 0 1px 0 color-mix(in srgb, #fff 56%, transparent), 0 1px 2px rgba(15, 23, 42, .05) !important;
    font: inherit !important;
    font-weight: 650 !important;
    line-height: 1.45 !important;
    transition: border-color .18s ease, box-shadow .18s ease, background .18s ease !important;
}

html[data-public-theme="turkmod"] .upload-shell .ui-admin-form-control:hover,
html[data-public-theme="turkmod"] .upload-shell .form-select:hover {
    border-color: color-mix(in srgb, var(--upload-accent, var(--primary)) 42%, var(--upload-border, var(--border))) !important;
}

html[data-public-theme="turkmod"] .upload-shell .ui-admin-form-control:focus,
html[data-public-theme="turkmod"] .upload-shell .form-select:focus {
    outline: none !important;
    border-color: var(--upload-accent, var(--primary)) !important;
    background: var(--upload-field-focus, color-mix(in srgb, var(--bg-white, #fff) 88%, var(--upload-accent, var(--primary)) 12%)) !important;
    box-shadow: 0 0 0 4px color-mix(in srgb, var(--upload-accent, var(--primary)) 16%, transparent), inset 0 1px 0 color-mix(in srgb, #fff 64%, transparent) !important;
}

html[data-public-theme="turkmod"] .upload-shell .ui-admin-form-control::placeholder {
    color: var(--upload-muted, var(--text-muted)) !important;
    font-weight: 500 !important;
}

html[data-public-theme="turkmod"] .upload-shell textarea.ui-admin-form-control,
html[data-public-theme="turkmod"] .upload-shell .upload-rich-editor {
    min-height: 220px !important;
    line-height: 1.65 !important;
    resize: vertical !important;
}

html[data-public-theme="turkmod"] .upload-shell input[type="file"].ui-admin-form-control {
    padding: .68rem .9rem !important;
    cursor: pointer !important;
}

html[data-public-theme="turkmod"] .upload-shell .dl-row,
html[data-public-theme="turkmod"] .topic-edit-upload-page .upload-shell .dl-row {
    display: grid !important;
    grid-template-columns: minmax(145px, 190px) minmax(0, 1fr) 42px !important;
    align-items: stretch !important;
    gap: .65rem !important;
    margin-bottom: .72rem !important;
}

html[data-public-theme="turkmod"] .upload-shell .dl-row .ui-admin-form-control.w-25,
html[data-public-theme="turkmod"] .topic-edit-upload-page .upload-shell .dl-row .ui-admin-form-control.w-25 {
    width: 100% !important;
}

html[data-public-theme="turkmod"] .upload-shell .dl-row .ui-admin-form-control.flex-grow-1,
html[data-public-theme="turkmod"] .topic-edit-upload-page .upload-shell .dl-row .ui-admin-form-control.flex-grow-1 {
    min-width: 0 !important;
}

html[data-public-theme="turkmod"] .upload-shell .dl-row .ui-admin-btn,
html[data-public-theme="turkmod"] .topic-edit-upload-page .upload-shell .dl-row .ui-admin-btn {
    width: 42px !important;
    min-height: 46px !important;
    padding: 0 !important;
    border-radius: 10px !important;
    display: inline-grid !important;
    place-items: center !important;
}

html[data-public-theme="turkmod"] [data-theme="dark"] .upload-shell .ui-admin-form-control,
html[data-public-theme="turkmod"] [data-theme="dark"] .upload-shell .form-select {
    background: var(--upload-field, color-mix(in srgb, var(--bg-white, #141820) 90%, #000 10%)) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .04), 0 1px 2px rgba(0, 0, 0, .18) !important;
}

@media (max-width: 640px) {
    html[data-public-theme="turkmod"] .upload-shell .dl-row,
    html[data-public-theme="turkmod"] .topic-edit-upload-page .upload-shell .dl-row {
        grid-template-columns: 1fr !important;
    }

    html[data-public-theme="turkmod"] .upload-shell .dl-row .ui-admin-btn,
    html[data-public-theme="turkmod"] .topic-edit-upload-page .upload-shell .dl-row .ui-admin-btn {
        width: 100% !important;
    }
}

/* --- system-fallback.css --- */
html[data-public-theme="turkmod"] body.system-fallback-page {
    margin: 0;
    min-height: 100vh;
    display: grid;
    place-items: center;
    background: #0f172a;
    color: #e5e7eb;
    font-family: system-ui, -apple-system, "Segoe UI", sans-serif;
    padding: 1rem;
}

html[data-public-theme="turkmod"] .ban-lock {
    width: min(560px, 100%);
    background: #111827;
    border: 1px solid #334155;
    border-radius: 18px;
    box-shadow: 0 30px 80px rgba(0,0,0,.38);
    overflow: hidden;
}

html[data-public-theme="turkmod"] .ban-lock-head {
    padding: 1.25rem 1.35rem;
    background: linear-gradient(135deg, #991b1b, #7f1d1d);
    border-bottom: 1px solid rgba(255,255,255,.12);
}

html[data-public-theme="turkmod"] .ban-lock-head span {
    display: inline-flex;
    align-items: center;
    gap: .45rem;
    font-size: .76rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: .08em;
    color: #fecaca;
}

html[data-public-theme="turkmod"] .ban-lock h1 {
    margin: .4rem 0 0;
    font-size: 1.55rem;
    line-height: 1.15;
}

html[data-public-theme="turkmod"] .ban-lock-body {
    padding: 1.35rem;
}

html[data-public-theme="turkmod"] .ban-lock-row {
    padding: 1rem;
    border: 1px solid #334155;
    border-radius: 12px;
    background: #0b1220;
    margin-bottom: 1rem;
}

html[data-public-theme="turkmod"] .ban-lock-label {
    display: block;
    color: #94a3b8;
    font-size: .78rem;
    font-weight: 800;
    margin-bottom: .25rem;
}

html[data-public-theme="turkmod"] .ban-lock p {
    margin: 0;
    line-height: 1.6;
    color: #d1d5db;
}

html[data-public-theme="turkmod"] .ban-lock-actions {
    display: flex;
    gap: .75rem;
    flex-wrap: wrap;
}

html[data-public-theme="turkmod"] .ban-lock-actions a,
html[data-public-theme="turkmod"] .ban-lock-actions button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 42px;
    padding: .7rem 1rem;
    border-radius: 10px;
    font-weight: 800;
    text-decoration: none;
    border: 0;
    cursor: pointer;
}

html[data-public-theme="turkmod"] .ban-lock-actions form {
    margin: 0;
}

html[data-public-theme="turkmod"] .ban-primary {
    background: #f59e0b;
    color: #111827;
}

html[data-public-theme="turkmod"] .ban-secondary {
    background: #1f2937;
    color: #e5e7eb;
    border: 1px solid #374151 !important;
}

html[data-public-theme="turkmod"] body.maintenance-page {
    margin: 0;
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #f8fafc;
    color: #1e293b;
    font-family: system-ui, sans-serif;
    text-align: center;
}

html[data-public-theme="turkmod"] .maintenance-box {
    max-width: 480px;
    padding: 3rem 2rem;
}

html[data-public-theme="turkmod"] .maintenance-icon {
    font-size: 3rem;
    margin-bottom: 1rem;
}

html[data-public-theme="turkmod"] .maintenance-box h1 {
    font-size: 1.5rem;
    margin: 0 0 1rem;
}

html[data-public-theme="turkmod"] .maintenance-box p {
    color: #64748b;
    line-height: 1.6;
}

html[data-public-theme="turkmod"] .dev-error-box {
    background: #f8d7da;
    color: #721c24;
    padding: 20px;
    margin: 20px;
    border: 1px solid #f5c6cb;
    border-radius: 5px;
}

html[data-public-theme="turkmod"] body.error-fallback-page {
    margin: 0;
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #f5f5f5;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
}

html[data-public-theme="turkmod"] .error-container {
    max-width: 500px;
    padding: 40px;
    background: #fff;
    border-radius: 10px;
    box-shadow: 0 2px 10px rgba(0,0,0,.1);
    text-align: center;
}

html[data-public-theme="turkmod"] .error-container h1 {
    color: #dc3545;
    margin: 0 0 20px;
}

html[data-public-theme="turkmod"] .error-container p {
    color: #666;
    line-height: 1.6;
}

html[data-public-theme="turkmod"] .error-container a {
    color: #007bff;
    text-decoration: none;
}

html[data-public-theme="turkmod"] .error-container a:hover {
    text-decoration: underline;
}

/* --- theme.css --- */
\feff/* ============================================================
   THEME.CSS - User-Facing Styles
   Consolidated from: anasayfa-style.css, redesign.css (user parts), konu-style.css, leaderboard.css
   ============================================================ */

/* Import unified design system as authoritative source */
@import url('./design-system-unified.css');

/* ============================================================
   Section 1: Homepage Styles (from anasayfa-style.css)
   ============================================================ */
/* Theme System - Light & Dark Mode Support */
html[data-public-theme="turkmod"] * {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

/* Utility Classes - Inline Style Replacements */
html[data-public-theme="turkmod"] .search-result-info {
    margin-bottom: 0.75rem;
    padding: 0.65rem 1rem;
    background: var(--bg-white);
    border: 1px solid var(--border);
    border-radius: 0.4rem;
    font-size: 0.9rem;
}

html[data-public-theme="turkmod"] .empty-state-container {
    text-align: center;
    padding: 3rem 1rem;
    background: color-mix(in srgb, var(--bg-white) 94%, var(--primary) 6%);
    border: 1px solid color-mix(in srgb, var(--border) 82%, var(--primary));
    border-radius: 8px;
    box-shadow: var(--shadow-sm);
}

html[data-public-theme="turkmod"] .empty-state-icon {
    font-size: 3rem;
    color: var(--primary);
    margin-bottom: 1rem;
}

html[data-public-theme="turkmod"] .empty-state-title {
    color: var(--text);
    margin-bottom: 0.5rem;
}

html[data-public-theme="turkmod"] .empty-state-text {
    color: var(--text-dim);
}

/* Dark Theme (Default) */
html[data-public-theme="turkmod"] {
    --bg: #0f1419;
    --bg-white: #1a1f2e;
    --bg-hover: #252d3d;
    --primary: #8b1538;
    --primary-dark: #6d1029;
    --primary-light: #fce7ec;
    --text: #f0f4f8;
    --text-dim: #8b95a5;
    --text-light: #5a6b7a;
    --border: #2a3544;
    --success: #00d084;
    --info: #8b1538;
    --warning: var(--brand-accent);
    --danger: #ff4757;
    --shadow: rgba(0, 0, 0, 0.4);
}

/* Light Theme */
html[data-public-theme="turkmod"] [data-theme="light"] {
    --bg: #f0f2f5;
    --bg-white: #ffffff;
    --bg-hover: #e8ebf0;
    --primary: #8b1538;
    --primary-dark: #6d1029;
    --primary-light: #b91d47;
    --text: #111827;
    --text-dim: #374151;
    --text-light: #6b7280;
    --border: #d1d5db;
    --success: #10b981;
    --info: #8b1538;
    --warning: var(--brand-accent);
    --danger: #dc2626;
    --shadow: rgba(0, 0, 0, 0.1);
}

html[data-public-theme="turkmod"] body {
    font-family: var(--public-font-family, 'Inter', sans-serif);
    background: var(--bg);
    color: var(--text);
    line-height: 1.6;
}

html[data-public-theme="turkmod"] .container {
    max-width: 1400px;
    margin: 0 auto;
    padding: 0 20px;
}

/* Header */
html[data-public-theme="turkmod"] .header {
    background: var(--public-header-bg, var(--bg-white));
    border-bottom: 1px solid var(--public-header-border, var(--border));
    padding: 16px 0;
    position: sticky;
    top: 0;
    z-index: var(--z-sticky);
    box-shadow: var(--shadow-sm);
}

html[data-public-theme="turkmod"] .header .container {
    display: flex;
    align-items: center;
    gap: 40px;
}

html[data-public-theme="turkmod"] .brand {
    display: flex;
    align-items: center;
    gap: 10px;
    text-decoration: none;
    color: var(--public-header-accent, var(--primary));
    font-weight: 900;
    font-size: 1.2rem;
    letter-spacing: 1px;
}

html[data-public-theme="turkmod"] .brand-logo {
    display: block;
    width: auto;
    max-width: 148px;
    max-height: 40px;
    object-fit: contain;
}

html[data-public-theme="turkmod"] .brand i {
    font-size: 1.4rem;
}

html[data-public-theme="turkmod"] .nav {
    display: flex;
    gap: 4px;
}

html[data-public-theme="turkmod"] .nav a {
    padding: 8px 16px;
    text-decoration: none;
    color: var(--public-header-link, var(--text-dim));
    font-weight: 600;
    font-size: 0.9rem;
    border-radius: var(--radius-md);
    transition: all 0.2s;
}

html[data-public-theme="turkmod"] .nav a:hover {
    color: var(--text);
    background: var(--bg-hover);
}

html[data-public-theme="turkmod"] .nav a.active {
    color: var(--primary);
    background: var(--primary-light);
}

html[data-public-theme="turkmod"] .header-right {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-left: auto;
}

/* Theme Toggle Button */
html[data-public-theme="turkmod"] .theme-toggle {
    width: 38px;
    height: 38px;
    background: var(--bg);
    border: 1px solid var(--border);
    border-radius: var(--radius-md);
    color: var(--text);
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.2s;
    font-size: 1.1rem;
}

html[data-public-theme="turkmod"] .theme-toggle:hover {
    background: var(--bg-hover);
    border-color: var(--primary);
    color: var(--primary);
    transform: translateY(-1px);
}

html[data-public-theme="turkmod"] .theme-toggle i {
    transition: transform 0.3s ease;
}

html[data-public-theme="turkmod"] .theme-toggle:active i {
    transform: rotate(180deg);
}

html[data-public-theme="turkmod"] .search {
    position: relative;
    display: flex;
    align-items: center;
}

html[data-public-theme="turkmod"] .search i {
    position: absolute;
    left: 12px;
    top: 50%;
    transform: translateY(-50%);
    color: var(--text-dim);
    font-size: 0.85rem;
}

html[data-public-theme="turkmod"] .search input {
    height: 38px;
    padding: 0 12px 0 36px;
    background: var(--bg);
    border: 1px solid var(--border);
    border-radius: var(--radius-md);
    color: var(--text);
    font-size: 0.85rem;
    width: 200px;
    transition: all 0.2s;
}

html[data-public-theme="turkmod"] .search input:focus {
    outline: none;
    border-color: var(--primary);
    box-shadow: 0 0 0 3px var(--brand-accent-alpha-10);
}

html[data-public-theme="turkmod"] .btn-upload {
    height: 38px;
    padding: 0 16px;
    background: linear-gradient(135deg, var(--header-upload-bg, var(--public-header-accent, var(--primary))), var(--primary-dark));
    border: none;
    border-radius: var(--radius-md);
    color: var(--on-primary);
    font-weight: 700;
    font-size: 0.85rem;
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 6px;
    transition: all 0.2s;
    white-space: nowrap;
    box-shadow: 0 4px 12px var(--brand-accent-alpha-20);
    text-shadow: 0 1px 2px rgba(0,0,0,0.1);
}

html[data-public-theme="turkmod"] .btn-upload:hover {
    background: linear-gradient(135deg, color-mix(in srgb, var(--header-upload-bg, var(--primary)) 84%, #000), var(--header-upload-bg, var(--primary)));
    transform: translateY(-1px);
    box-shadow: 0 6px 16px var(--brand-accent-alpha-30);
}

html[data-public-theme="turkmod"] .user-menu {
    display: flex;
    align-items: center;
    gap: 8px;
}

html[data-public-theme="turkmod"] .btn-login {
    padding: 8px 16px;
    text-decoration: none;
    color: var(--text);
    font-weight: 600;
    font-size: 0.9rem;
    border-radius: var(--radius-md);
    transition: all 0.2s;
    display: flex;
    align-items: center;
    gap: 6px;
    border: 1px solid var(--border);
}

html[data-public-theme="turkmod"] .btn-login:hover {
    background: var(--bg-hover);
    border-color: var(--primary);
    color: var(--primary);
}

html[data-public-theme="turkmod"] .btn-register {
    padding: 8px 16px;
    background: linear-gradient(135deg, var(--primary), var(--primary-dark));
    border: none;
    border-radius: var(--radius-md);
    color: var(--on-primary);
    font-weight: 700;
    font-size: 0.9rem;
    text-decoration: none;
    transition: all 0.2s;
    display: inline-block;
    box-shadow: 0 4px 12px var(--brand-accent-alpha-20);
    text-shadow: 0 1px 2px rgba(0,0,0,0.1);
}

html[data-public-theme="turkmod"] .btn-register:hover {
    background: linear-gradient(135deg, var(--primary-dark), var(--primary));
    transform: translateY(-2px);
    box-shadow: 0 6px 16px var(--brand-accent-alpha-30);
}

html[data-public-theme="turkmod"] .btn-auth-link {
    height: 38px;
    padding: 0 16px;
    background: linear-gradient(135deg, var(--primary), var(--primary-dark));
    border-radius: var(--radius-md);
    color: var(--on-primary);
    font-weight: 700;
    font-size: 0.85rem;
    text-decoration: none;
    transition: all 0.2s;
    display: flex;
    align-items: center;
    gap: 6px;
    white-space: nowrap;
    box-shadow: 0 4px 12px var(--brand-accent-alpha-20);
    text-shadow: 0 1px 2px rgba(0,0,0,0.1);
}

html[data-public-theme="turkmod"] .btn-auth-link:hover {
    background: linear-gradient(135deg, var(--primary-dark), var(--primary));
    transform: translateY(-1px);
    box-shadow: 0 6px 16px var(--brand-accent-alpha-30);
}

/* Breadcrumb */
html[data-public-theme="turkmod"] .breadcrumb {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 8px 16px;
    margin: 0;
    background: var(--bg-white);
    border: 1px solid var(--border);
    border-radius: var(--radius-md);
    box-shadow: var(--shadow-sm);
    flex-wrap: wrap;
}

html[data-public-theme="turkmod"] .breadcrumb-container.container {
    margin: 8px auto 8px !important;
}

html[data-public-theme="turkmod"] .breadcrumb a {
    display: flex;
    align-items: center;
    gap: 4px;
    text-decoration: none;
    color: var(--primary);
    font-weight: 600;
    font-size: 0.8rem;
    transition: all 0.2s;
}

html[data-public-theme="turkmod"] .breadcrumb a:hover {
    color: var(--primary-dark);
}

html[data-public-theme="turkmod"] .breadcrumb a i {
    font-size: 0.85rem;
}

html[data-public-theme="turkmod"] .breadcrumb i.bi-chevron-right {
    color: var(--text-dim);
    font-size: 0.7rem;
}

html[data-public-theme="turkmod"] .breadcrumb span {
    color: var(--text-dim);
    font-weight: 500;
    font-size: 0.8rem;
}

/* 3 Column Layout */
html[data-public-theme="turkmod"] .layout {
    display: grid;
    grid-template-columns: 260px 1fr 300px;
    gap: 24px;
}

/* Sidebars - Tam Stabil Yap\c4\b1 */
html[data-public-theme="turkmod"] .sidebar {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

html[data-public-theme="turkmod"] .sidebar-left {
    align-self: flex-start;
}

html[data-public-theme="turkmod"] .sidebar-right {
    align-self: flex-start;
}

html[data-public-theme="turkmod"] .widget {
    background: var(--bg-white);
    border: 1px solid var(--border);
    border-radius: 10px;
    overflow: visible;
    box-shadow: var(--shadow-sm);
}

/* Widget Header */
html[data-public-theme="turkmod"] .widget-header {
    padding: 14px 16px;
    background: var(--bg-white);
}

html[data-public-theme="turkmod"] .widget-header h3 {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 0.9rem;
    font-weight: 700;
    color: var(--text);
    margin: 0;
}

html[data-public-theme="turkmod"] .widget-header h3 i {
    color: var(--primary);
    font-size: 1.1rem;
}

/* Widget Toggle Button */
html[data-public-theme="turkmod"] .widget-toggle {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 14px 16px;
    background: var(--bg-white);
    border: none;
    cursor: pointer;
    transition: all 0.2s;
    text-align: left;
}

html[data-public-theme="turkmod"] .widget-toggle:hover {
    background: var(--bg-hover);
}

html[data-public-theme="turkmod"] .widget-toggle .toggle-icon {
    color: var(--text-dim);
    font-size: 1rem;
    transition: transform 0.3s ease;
    flex-shrink: 0;
}

html[data-public-theme="turkmod"] .widget-toggle.active .toggle-icon {
    transform: rotate(180deg);
}

/* Widget Body */
html[data-public-theme="turkmod"] .widget-body {
    padding: 12px 16px 16px;
}

/* Game Select */
html[data-public-theme="turkmod"] .game-select {
    width: 100%;
    padding: 12px 16px;
    background: var(--bg-white);
    border: 2px solid var(--border);
    border-radius: var(--radius-md);
    color: var(--text);
    font-weight: 600;
    font-size: 0.9rem;
    cursor: pointer;
    transition: all var(--transition-base);
    appearance: none;
    /* SVG dropdown arrow - uses CSS mask for theme compatibility */
    background: linear-gradient(to right, transparent 0%, transparent calc(100% - 40px), var(--theme-surface-muted) calc(100% - 40px), var(--theme-surface-muted) 100%);
    background-image: none;
    padding-right: 40px;
}

html[data-public-theme="turkmod"] .game-select:hover {
    border-color: var(--primary);
    box-shadow: 0 2px 8px var(--brand-accent-alpha-20);
}

html[data-public-theme="turkmod"] .game-select:focus {
    outline: none;
    border-color: var(--primary);
    box-shadow: 0 0 0 4px var(--brand-accent-alpha-10);
}

html[data-public-theme="turkmod"] .game-select option {
    background: var(--bg-white);
    color: var(--text);
}

/* ============================================
   KATEGOR\c4\b0LER - ULTRA M\c4\b0N\c4\b0MAL TASARIM
   ============================================ */

/* Category Widget Container */
html[data-public-theme="turkmod"] .category-widget {
    box-shadow: none;
    border: none !important;
    background: transparent !important;
}

html[data-public-theme="turkmod"] .category-atlas-header {
    background: var(--bg-white) !important;
    border: 1px solid var(--border);
    border-radius: var(--radius-md);
    padding: 10px 12px !important;
    transition: all 0.2s;
}

html[data-public-theme="turkmod"] .category-atlas-header:hover {
    border-color: var(--text-dim);
}

html[data-public-theme="turkmod"] .category-atlas-heading {
    display: flex;
    align-items: center;
    gap: 8px;
}

html[data-public-theme="turkmod"] .category-atlas-heading i {
    color: var(--text);
    font-size: 1rem;
}

html[data-public-theme="turkmod"] .category-atlas-heading strong {
    font-size: 0.85rem;
    font-weight: 600;
    color: var(--text);
}

/* Category List Body */
html[data-public-theme="turkmod"] .category-atlas-body {
    padding: 6px 0 0 0 !important;
}

html[data-public-theme="turkmod"] .category-atlas-list {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

/* T\c3\bcm Kategoriler Link */
html[data-public-theme="turkmod"] .category-link-all {
    background: transparent;
    border: none;
    border-bottom: 1px solid var(--border);
    border-radius: 0;
    padding: 8px 4px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    text-decoration: none;
    color: var(--text-dim);
    font-size: 0.8rem;
    font-weight: 500;
    transition: all 0.2s;
}

html[data-public-theme="turkmod"] .category-link-all:hover {
    color: var(--text);
}

html[data-public-theme="turkmod"] .category-link-all.active {
    color: var(--text);
    font-weight: 600;
}

html[data-public-theme="turkmod"] .category-link-all .category-icon-wrap {
    display: none;
}

html[data-public-theme="turkmod"] .category-link-all .category-link-content {
    display: flex;
    align-items: center;
    gap: 6px;
    flex: 1;
}

html[data-public-theme="turkmod"] .category-link-all .category-icon {
    font-size: 0.85rem;
}

html[data-public-theme="turkmod"] .category-link-all .category-count {
    font-size: 0.7rem;
    color: var(--text-dim);
    font-weight: 500;
}

/* Category Items */
html[data-public-theme="turkmod"] .category-item {
    background: transparent;
    border: none;
    border-radius: 0;
    overflow: visible;
}

/* Category Toggle Button (Parent Categories) */
html[data-public-theme="turkmod"] .category-toggle {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 8px 4px;
    background: transparent;
    border: none;
    color: var(--text-dim);
    font-size: 0.8rem;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.2s;
    text-align: left;
}

html[data-public-theme="turkmod"] .category-toggle:hover {
    color: var(--text);
}

html[data-public-theme="turkmod"] .category-toggle .category-link-content {
    display: flex;
    align-items: center;
    gap: 6px;
    flex: 1;
    min-width: 0;
}

html[data-public-theme="turkmod"] .category-toggle .category-chevron {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 12px;
    flex-shrink: 0;
}

html[data-public-theme="turkmod"] .category-toggle .chevron-icon {
    font-size: 0.65rem;
    color: var(--text-dim);
    transition: transform 0.2s ease;
}

html[data-public-theme="turkmod"] .category-item.open .category-toggle {
    color: var(--text);
    font-weight: 600;
}

html[data-public-theme="turkmod"] .category-item.open .category-toggle .chevron-icon {
    transform: rotate(90deg);
}

html[data-public-theme="turkmod"] .category-toggle .category-icon-wrap {
    display: none;
}

html[data-public-theme="turkmod"] .category-toggle .category-icon {
    font-size: 0.85rem;
}

html[data-public-theme="turkmod"] .category-toggle .category-copy {
    flex: 1;
    min-width: 0;
}

html[data-public-theme="turkmod"] .category-toggle .category-name {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

html[data-public-theme="turkmod"] .category-toggle .category-count {
    font-size: 0.7rem;
    color: var(--text-dim);
    font-weight: 500;
}

/* Category Link (Single Categories) */
html[data-public-theme="turkmod"] .category-link {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 8px 4px;
    text-decoration: none;
    color: var(--text-dim);
    font-size: 0.8rem;
    font-weight: 500;
    transition: all 0.2s;
    background: transparent;
}

html[data-public-theme="turkmod"] .category-link:hover {
    color: var(--text);
}

html[data-public-theme="turkmod"] .category-link.active {
    color: var(--text);
    font-weight: 600;
}

html[data-public-theme="turkmod"] .category-link .category-link-content {
    display: flex;
    align-items: center;
    gap: 6px;
    flex: 1;
    min-width: 0;
}

html[data-public-theme="turkmod"] .category-link .category-icon-wrap {
    display: none;
}

html[data-public-theme="turkmod"] .category-link .category-icon {
    font-size: 0.85rem;
}

html[data-public-theme="turkmod"] .category-link .category-copy {
    flex: 1;
    min-width: 0;
}

html[data-public-theme="turkmod"] .category-link .category-name {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

html[data-public-theme="turkmod"] .category-link .category-count {
    font-size: 0.7rem;
    color: var(--text-dim);
    font-weight: 500;
}

/* Subcategories - Tamamen Basit */
html[data-public-theme="turkmod"] .subcategories {
    display: none;
    padding: 0;
    margin: 0;
}

html[data-public-theme="turkmod"] .category-item.open .subcategories {
    display: block;
}

html[data-public-theme="turkmod"] .subcategories a {
    display: block;
    padding: 5px 0 5px 12px;
    text-decoration: none;
    color: var(--text-dim);
    font-size: 0.75rem;
    transition: color 0.15s;
}

html[data-public-theme="turkmod"] .subcategories a:hover {
    color: var(--text);
}

html[data-public-theme="turkmod"] .subcategories a.active {
    color: var(--text);
}

html[data-public-theme="turkmod"] .subcategories a .subcategory-count {
    font-size: 0.7rem;
    color: var(--text-dim);
}

html[data-public-theme="turkmod"] .subcategories a .subcategory-count::before {
    content: " (";
}

html[data-public-theme="turkmod"] .subcategories a .subcategory-count::after {
    content: ")";
}

/* Stats Widget Fix */
html[data-public-theme="turkmod"] .live-stats-widget .stat-item {
    display: flex;
    align-items: center;
    gap: 12px;
}

html[data-public-theme="turkmod"] .live-stats-widget .stat-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

/* Filters */
html[data-public-theme="turkmod"] .filter-group {
    margin-bottom: 16px;
}

html[data-public-theme="turkmod"] .filter-group:last-child {
    margin-bottom: 0;
}

html[data-public-theme="turkmod"] .filter-label {
    display: block;
    font-size: 0.85rem;
    font-weight: 700;
    color: var(--text);
    margin-bottom: 8px;
}

html[data-public-theme="turkmod"] .checkbox-group {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

html[data-public-theme="turkmod"] .checkbox-label {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 0.8125rem;
    color: var(--text);
    cursor: pointer;
    padding: 8px 10px;
    border-radius: var(--radius-md);
    transition: all 0.2s;
    user-select: none;
}

html[data-public-theme="turkmod"] .checkbox-label:hover {
    background: var(--bg-hover);
}

html[data-public-theme="turkmod"] .checkbox-label input[type="checkbox"] {
    cursor: pointer;
    flex-shrink: 0;
    width: 16px;
    height: 16px;
}

html[data-public-theme="turkmod"] .checkbox-label i {
    color: var(--primary);
    font-size: 0.9rem;
}

/* Tags */
html[data-public-theme="turkmod"] .tags {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

html[data-public-theme="turkmod"] .tag {
    padding: 6px 12px;
    background: var(--bg);
    border: 1px solid var(--border);
    border-radius: var(--radius-md);
    font-size: 0.8rem;
    font-weight: 600;
    color: var(--text-dim);
    cursor: pointer;
    transition: all 0.2s;
}

html[data-public-theme="turkmod"] .tag:hover {
    background: var(--primary);
    border-color: var(--primary);
    color: var(--on-primary);
}

/* Stats */
html[data-public-theme="turkmod"] .stats {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

html[data-public-theme="turkmod"] .stat-item {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 12px;
    background: var(--bg);
    border-radius: var(--radius-md);
}

html[data-public-theme="turkmod"] .stat-item i {
    font-size: 1.5rem;
    color: var(--primary);
}

html[data-public-theme="turkmod"] .stat-item strong {
    display: block;
    font-size: 1.25rem;
    font-weight: 900;
    color: var(--text);
}

html[data-public-theme="turkmod"] .stat-item span {
    display: block;
    font-size: 0.8rem;
    color: var(--text-dim);
}

/* Comments List */
html[data-public-theme="turkmod"] .comments-list {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

html[data-public-theme="turkmod"] .comment-item {
    display: flex;
    gap: 10px;
}

html[data-public-theme="turkmod"] .comment-avatar {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background: var(--primary);
    color: var(--on-primary);
    display: grid;
    place-items: center;
    font-weight: 700;
    font-size: 0.85rem;
    flex-shrink: 0;
}

html[data-public-theme="turkmod"] .comment-content {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 4px;
}

html[data-public-theme="turkmod"] .comment-content strong {
    font-size: 0.85rem;
    font-weight: 700;
    color: var(--text);
}

html[data-public-theme="turkmod"] .comment-content p {
    font-size: 0.8rem;
    color: var(--text-dim);
    margin: 0;
    line-height: 1.4;
}

html[data-public-theme="turkmod"] .comment-content small {
    font-size: 0.7rem;
    color: var(--text-light);
}

/* Activity List */
html[data-public-theme="turkmod"] .activity-list {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

html[data-public-theme="turkmod"] .activity-item {
    display: flex;
    gap: 12px;
}

html[data-public-theme="turkmod"] .activity-icon {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    display: grid;
    place-items: center;
    flex-shrink: 0;
}

html[data-public-theme="turkmod"] .activity-icon.success {
    background: rgba(16, 185, 129, 0.1);
    color: var(--success);
}

html[data-public-theme="turkmod"] .activity-icon.info {
    background: rgba(139, 21, 56, 0.1);
    color: var(--info);
}

html[data-public-theme="turkmod"] .activity-icon.warning {
    background: rgba(245, 158, 11, 0.1);
    color: var(--warning);
}

html[data-public-theme="turkmod"] .activity-content strong {
    display: block;
    font-size: 0.85rem;
    font-weight: 700;
    color: var(--text);
}

html[data-public-theme="turkmod"] .activity-content span {
    display: block;
    font-size: 0.8rem;
    color: var(--text-dim);
}

html[data-public-theme="turkmod"] .activity-content small {
    display: block;
    font-size: 0.75rem;
    color: var(--text-dim);
    margin-top: 2px;
}

/* Popular List */
html[data-public-theme="turkmod"] .popular-list {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

html[data-public-theme="turkmod"] .popular-item {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 10px;
    text-decoration: none;
    color: inherit;
    border-radius: var(--radius-md);
    transition: all 0.2s;
}

html[data-public-theme="turkmod"] .popular-item:hover {
    background: var(--bg-hover);
}

html[data-public-theme="turkmod"] .popular-item img {
    width: 50px;
    height: 50px;
    border-radius: var(--radius-md);
    object-fit: cover;
}

html[data-public-theme="turkmod"] .popular-item strong {
    display: block;
    font-size: 0.9rem;
    font-weight: 700;
    color: var(--text);
    margin-bottom: 2px;
}

html[data-public-theme="turkmod"] .popular-item span {
    display: block;
    font-size: 0.8rem;
    color: var(--text-dim);
}

/* CTA Widget */
html[data-public-theme="turkmod"] .cta-widget {
    background: linear-gradient(135deg, var(--primary), var(--primary-dark));
    text-align: center;
    padding: 24px 20px;
    border: none;
}

html[data-public-theme="turkmod"] .cta-widget i {
    font-size: 2.5rem;
    color: var(--on-primary);
    margin-bottom: 12px;
    display: block;
}

html[data-public-theme="turkmod"] .cta-widget h3 {
    color: var(--on-primary) !important;
    justify-content: center;
    margin-bottom: 8px;
}

html[data-public-theme="turkmod"] .cta-widget h3 i {
    color: var(--on-primary) !important;
}

html[data-public-theme="turkmod"] .cta-widget p {
    color: var(--on-primary);
    font-size: 0.875rem;
    margin-bottom: 16px;
    opacity: 0.95;
}

html[data-public-theme="turkmod"] .btn-cta {
    width: 100%;
    padding: 10px;
    background: var(--bg-white);
    border: none;
    border-radius: var(--radius-md);
    color: var(--primary);
    font-weight: 700;
    cursor: pointer;
    transition: all 0.2s;
}

html[data-public-theme="turkmod"] .btn-cta:hover {
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
}

/* Main Content */
html[data-public-theme="turkmod"] .content {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

/* Search Header */
html[data-public-theme="turkmod"] .search-header {
    padding: 12px 14px;
    margin-bottom: 0;
    background: var(--bg-white);
    border: 1px solid var(--border);
    border-radius: var(--radius-md);
    box-shadow: var(--shadow-sm);
}

html[data-public-theme="turkmod"] .search-header h2 {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 1rem;
    font-weight: 700;
    color: var(--text);
    margin: 0 0 4px 0;
}

html[data-public-theme="turkmod"] .search-header h2 i {
    color: var(--primary);
    font-size: 1.1rem;
}

html[data-public-theme="turkmod"] .search-header p {
    color: var(--text-dim);
    font-size: 0.8rem;
    margin: 0;
}

/* Category Header */
html[data-public-theme="turkmod"] .category-header {
    padding: 12px 14px;
    margin-bottom: 0;
    background: var(--bg-white);
    border: 1px solid var(--border);
    border-radius: var(--radius-md);
    box-shadow: var(--shadow-sm);
}

html[data-public-theme="turkmod"] .category-header h2 {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 1rem;
    font-weight: 700;
    color: var(--text);
    margin: 0 0 4px 0;
}

html[data-public-theme="turkmod"] .category-header h2 i {
    color: var(--primary);
    font-size: 1.1rem;
}

html[data-public-theme="turkmod"] .category-header p {
    color: var(--text-dim);
    font-size: 0.8rem;
    margin: 0;
}

/* Filter Bar */
html[data-public-theme="turkmod"] .filter-bar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    padding: 12px;
    background: var(--bg-white);
    border: 1px solid var(--border);
    border-radius: var(--radius-md);
    box-shadow: var(--shadow-sm);
}

html[data-public-theme="turkmod"] .filter-tabs {
    display: flex;
    gap: 6px;
}

html[data-public-theme="turkmod"] .filter-tabs button {
    padding: 8px 16px;
    background: transparent;
    border: 1px solid var(--border);
    border-radius: var(--radius-md);
    color: var(--text-dim);
    font-weight: 600;
    font-size: 0.9rem;
    cursor: pointer;
    transition: all 0.2s;
}

html[data-public-theme="turkmod"] .filter-tabs button:hover {
    color: var(--text);
    border-color: var(--primary);
}

html[data-public-theme="turkmod"] .filter-tabs button.active {
    background: var(--primary);
    border-color: var(--primary);
    color: var(--on-primary);
}

html[data-public-theme="turkmod"] .sort-select {
    padding: 10px 16px;
    background: var(--bg-white);
    border: 2px solid var(--border);
    border-radius: var(--radius-md);
    color: var(--text);
    font-weight: 600;
    font-size: 0.9rem;
    cursor: pointer;
    transition: all var(--transition-base);
    appearance: none;
    /* SVG dropdown arrow - uses CSS mask for theme compatibility */
    background: linear-gradient(to right, transparent 0%, transparent calc(100% - 40px), var(--theme-surface-muted) calc(100% - 40px), var(--theme-surface-muted) 100%);
    background-image: none;
    padding-right: 40px;
}

html[data-public-theme="turkmod"] .sort-select:hover {
    border-color: var(--primary);
    box-shadow: 0 2px 8px var(--brand-accent-alpha-20);
}

html[data-public-theme="turkmod"] .sort-select:focus {
    outline: none;
    border-color: var(--primary);
    box-shadow: 0 0 0 4px var(--brand-accent-alpha-10);
}

html[data-public-theme="turkmod"] .sort-select option {
    background: var(--bg-white);
    color: var(--text);
}

/* Mod Grid */
html[data-public-theme="turkmod"] .topic-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
}

html[data-public-theme="turkmod"] .feed-card {
    background: var(--bg-white);
    border: 1px solid var(--border);
    border-radius: var(--radius-md);
    overflow: hidden;
    transition: all 0.2s;
    box-shadow: var(--shadow-sm);
    text-decoration: none;
    color: inherit;
    display: flex;
    flex-direction: column;
}

html[data-public-theme="turkmod"] .card__category {
    padding: 8px 12px;
    background: var(--brand-accent-alpha-10);
    border-bottom: 1px solid var(--border);
    font-size: 0.75rem;
    font-weight: 600;
    color: var(--primary);
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

html[data-public-theme="turkmod"] .feed-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.15);
    border-color: var(--primary);
}

html[data-public-theme="turkmod"] .feed-card.featured {
    border-color: var(--primary);
    box-shadow: 0 4px 12px rgba(245, 158, 11, 0.2);
}

html[data-public-theme="turkmod"] .card__img {
    position: relative;
    width: 100%;
    height: 180px;
    overflow: hidden;
}

html[data-public-theme="turkmod"] .card__img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.3s;
}

html[data-public-theme="turkmod"] .feed-card:hover .card__img img {
    transform: scale(1.05);
}

html[data-public-theme="turkmod"] .card__overlay {
    display: none;
}

html[data-public-theme="turkmod"] .btn-play {
    display: none;
}

html[data-public-theme="turkmod"] .badge {
    position: absolute;
    top: 10px;
    right: 10px;
    padding: 4px 10px;
    background: rgba(255, 255, 255, 0.95);
    border: 1px solid var(--border);
    border-radius: var(--radius-sm);
    font-size: 0.7rem;
    font-weight: 800;
    color: var(--text);
    text-transform: uppercase;
    letter-spacing: 1px;
    box-shadow: 0 2px 8px var(--shadow);
}

html[data-public-theme="turkmod"] .badge-new {
    background: var(--success);
    border-color: var(--success);
    color: var(--on-primary);
}

html[data-public-theme="turkmod"] .badge-hot {
    background: var(--danger);
    border-color: var(--danger);
    color: var(--on-primary);
    animation: pulse 2s infinite;
}

@keyframes pulse {

    0%,
    100% {
        opacity: 1;
    }

    50% {
        opacity: 0.8;
    }
}

html[data-public-theme="turkmod"] .card__body {
    padding: 16px;
}

html[data-public-theme="turkmod"] .card__body h3 {
    font-size: 1.05rem;
    font-weight: 700;
    color: var(--text);
    margin-bottom: 8px;
    line-height: 1.3;
}

html[data-public-theme="turkmod"] .card__body p {
    font-size: 0.9rem;
    color: var(--text-dim);
    line-height: 1.5;
    margin-bottom: 12px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

html[data-public-theme="turkmod"] .card__footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-top: 12px;
    border-top: 1px solid var(--border);
}

html[data-public-theme="turkmod"] .card__meta {
    display: flex;
    gap: 12px;
    font-size: 0.85rem;
    color: var(--text-dim);
}

html[data-public-theme="turkmod"] .card__meta span {
    display: flex;
    align-items: center;
    gap: 4px;
}

html[data-public-theme="turkmod"] .card__meta i {
    color: var(--primary);
}

html[data-public-theme="turkmod"] .btn-download {
    width: 36px;
    height: 36px;
    background: var(--primary);
    border: none;
    border-radius: var(--radius-md);
    color: var(--on-primary);
    font-size: 1rem;
    cursor: pointer;
    display: grid;
    place-items: center;
    transition: all 0.2s;
}

html[data-public-theme="turkmod"] .btn-download:hover {
    background: var(--primary-dark);
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(245, 158, 11, 0.3);
}

/* Pagination */
html[data-public-theme="turkmod"] .pagination {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    margin-top: 20px;
}

html[data-public-theme="turkmod"] .pagination button {
    min-width: 40px;
    height: 40px;
    padding: 0 12px;
    background: var(--bg-white);
    border: 1px solid var(--border);
    border-radius: var(--radius-md);
    color: var(--text);
    font-weight: 600;
    cursor: pointer;
    transition: all 0.2s;
}

html[data-public-theme="turkmod"] .pagination button:hover:not(:disabled) {
    border-color: var(--primary);
    color: var(--primary);
}

html[data-public-theme="turkmod"] .pagination button.active {
    background: var(--primary);
    border-color: var(--primary);
    color: var(--on-primary);
}

html[data-public-theme="turkmod"] .pagination button:disabled {
    opacity: 0.3;
    cursor: not-allowed;
}

html[data-public-theme="turkmod"] .pagination span {
    color: var(--text-dim);
}

/* Auth Pages */
html[data-public-theme="turkmod"] .auth-wrapper {
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: calc(100vh - 300px);
    padding: 40px 0;
}

html[data-public-theme="turkmod"] .auth-box {
    width: 100%;
    max-width: 480px;
    background: var(--bg-white);
    border: 1px solid var(--border);
    border-radius: 12px;
    padding: 40px;
    box-shadow: var(--shadow-md);
}

html[data-public-theme="turkmod"] .auth-header {
    text-align: center;
    margin-bottom: 32px;
}

html[data-public-theme="turkmod"] .auth-header i {
    font-size: 3rem;
    color: var(--primary);
    margin-bottom: 16px;
    display: block;
}

html[data-public-theme="turkmod"] .auth-header h1 {
    font-size: 1.75rem;
    font-weight: 800;
    color: var(--text);
    margin-bottom: 8px;
}

html[data-public-theme="turkmod"] .auth-header p {
    color: var(--text-dim);
    font-size: 0.95rem;
}

html[data-public-theme="turkmod"] .auth-form {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

html[data-public-theme="turkmod"] .form-group {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

html[data-public-theme="turkmod"] .form-group label {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 0.9rem;
    font-weight: 600;
    color: var(--text);
}

html[data-public-theme="turkmod"] .form-group label i {
    color: var(--primary);
    font-size: 1rem;
}

html[data-public-theme="turkmod"] .form-group input {
    padding: 12px 16px;
    background: var(--bg);
    border: 2px solid var(--border);
    border-radius: var(--radius-md);
    color: var(--text);
    font-size: 0.95rem;
    transition: all 0.2s;
}

html[data-public-theme="turkmod"] .form-group input:focus {
    outline: none;
    border-color: var(--primary);
    box-shadow: 0 0 0 4px rgba(139, 21, 56, 0.1);
}

html[data-public-theme="turkmod"] .form-options {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 12px;
}

html[data-public-theme="turkmod"] .form-options .checkbox-label {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 0.875rem;
    color: var(--text);
    cursor: pointer;
    padding: 0;
    border-radius: 0;
    transition: none;
}

html[data-public-theme="turkmod"] .form-options .checkbox-label:hover {
    background: transparent;
}

html[data-public-theme="turkmod"] .form-options .checkbox-label input {
    cursor: pointer;
    width: 16px;
    height: 16px;
}

html[data-public-theme="turkmod"] .link {
    color: var(--primary);
    text-decoration: none;
    font-weight: 600;
    font-size: 0.875rem;
    transition: all 0.2s;
}

html[data-public-theme="turkmod"] .link:hover {
    color: var(--primary-dark);
    text-decoration: underline;
}

html[data-public-theme="turkmod"] .btn-auth {
    width: 100%;
    padding: 14px;
    background: var(--primary);
    border: none;
    border-radius: var(--radius-md);
    color: var(--on-primary);
    font-weight: 700;
    font-size: 1rem;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    transition: all 0.2s;
    margin-top: 8px;
}

html[data-public-theme="turkmod"] .btn-auth:hover {
    background: var(--primary-dark);
    transform: translateY(-2px);
    box-shadow: 0 4px 12px var(--brand-accent-alpha-30);
}

html[data-public-theme="turkmod"] .auth-divider {
    display: flex;
    align-items: center;
    gap: 16px;
    margin: 24px 0;
}

html[data-public-theme="turkmod"] .auth-divider::before,
html[data-public-theme="turkmod"] .auth-divider::after {
    content: '';
    flex: 1;
    height: 1px;
    background: var(--border);
}

html[data-public-theme="turkmod"] .auth-divider span {
    color: var(--text-dim);
    font-size: 0.875rem;
    font-weight: 600;
}

html[data-public-theme="turkmod"] .social-login {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

html[data-public-theme="turkmod"] .btn-social {
    width: 100%;
    padding: 12px;
    border: 2px solid var(--border);
    border-radius: var(--radius-md);
    background: transparent;
    color: var(--text);
    font-weight: 600;
    font-size: 0.95rem;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    transition: all 0.2s;
}

html[data-public-theme="turkmod"] .btn-social:hover {
    background: var(--bg-hover);
    border-color: var(--primary);
}

html[data-public-theme="turkmod"] .btn-social i {
    font-size: 1.2rem;
}

html[data-public-theme="turkmod"] .btn-google:hover {
    border-color: #4285f4;
    color: #4285f4;
}

html[data-public-theme="turkmod"] .btn-discord:hover {
    border-color: #5865f2;
    color: #5865f2;
}

html[data-public-theme="turkmod"] .auth-footer {
    text-align: center;
    margin-top: 24px;
    padding-top: 24px;
    border-top: 1px solid var(--border);
}

html[data-public-theme="turkmod"] .auth-footer p {
    color: var(--text-dim);
    font-size: 0.9rem;
}

/* Footer */
html[data-public-theme="turkmod"] .footer {
    margin-top: 64px;
    padding: 32px 0;
    border-top: 1px solid var(--border);
    background: var(--bg-white);
}

html[data-public-theme="turkmod"] .footer-content {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

html[data-public-theme="turkmod"] .footer-brand {
    display: flex;
    align-items: center;
    gap: 10px;
    color: var(--primary);
    font-weight: 900;
    font-size: 1.2rem;
    letter-spacing: 1px;
}

html[data-public-theme="turkmod"] .footer-brand i {
    font-size: 1.4rem;
}

html[data-public-theme="turkmod"] .footer p {
    color: var(--text-dim);
    font-size: 0.9rem;
}

/* Responsive */
@media (max-width: 1200px) {
    html[data-public-theme="turkmod"] .layout {
        grid-template-columns: 240px 1fr 280px;
        gap: 20px;
    }

    html[data-public-theme="turkmod"] .topic-grid {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 992px) {
    html[data-public-theme="turkmod"] .layout {
        grid-template-columns: 1fr;
    }

    html[data-public-theme="turkmod"] .sidebar-left,
    html[data-public-theme="turkmod"] .sidebar-right {
        display: none;
    }

    html[data-public-theme="turkmod"] .topic-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 768px) {
    html[data-public-theme="turkmod"] .nav {
        display: none;
    }

    html[data-public-theme="turkmod"] .topic-grid {
        grid-template-columns: 1fr;
    }

    html[data-public-theme="turkmod"] .filter-bar {
        flex-direction: column;
        align-items: stretch;
    }
}

@media (max-width: 480px) {
    html[data-public-theme="turkmod"] .search {
        display: none;
    }

    html[data-public-theme="turkmod"] .header .container {
        gap: 12px;
        padding-inline: 12px;
    }

    html[data-public-theme="turkmod"] .header-right {
        gap: 6px;
        flex-shrink: 0;
    }

    html[data-public-theme="turkmod"] .header-right>.btn-secondary:not(.menu-toggle) {
        display: none;
    }

    html[data-public-theme="turkmod"] .btn-upload {
        min-width: 42px;
        padding-inline: 10px;
    }

    html[data-public-theme="turkmod"] .btn-upload span {
        display: none;
    }

    html[data-public-theme="turkmod"] .menu-toggle {
        width: 42px;
        min-width: 42px;
        padding-inline: 0;
    }
}

/* ============================================
   STANDART M\c4\b0N\c4\b0MAL FOOTER - T\c3\153M SAYFALAR \c4\b0\c3\2021\c4\b0N
   ============================================ */

html[data-public-theme="turkmod"] .site-footer {
    background: var(--public-footer-bg, var(--bg-white));
    border-top: 1px solid var(--border);
    margin-top: 3rem;
    padding: 2rem 0 1.5rem;
}

html[data-public-theme="turkmod"] .site-footer .container {
    max-width: 1400px;
    margin: 0 auto;
    padding: 0 1.5rem;
}

/* Footer bar: links left, copyright right on desktop; stacked + centred on mobile. */
html[data-public-theme="turkmod"] .site-footer-bar {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem 1.5rem;
}

html[data-public-theme="turkmod"] .site-footer-nav {
    margin: 0;
    flex-wrap: wrap;
}

html[data-public-theme="turkmod"] .site-footer-copy {
    margin-left: auto;
    text-align: right;
}

@media (max-width: 767.98px) {
    html[data-public-theme="turkmod"] .site-footer-bar {
        justify-content: center;
        text-align: center;
    }
    html[data-public-theme="turkmod"] .site-footer-nav {
        justify-content: center;
        width: 100%;
    }
    html[data-public-theme="turkmod"] .site-footer-copy {
        margin-left: 0;
        width: 100%;
        text-align: center;
    }
}

html[data-public-theme="turkmod"] .footer-grid {
    display: grid;
    grid-template-columns: 2fr 1fr 1fr 1.5fr;
    gap: 3rem;
    margin-bottom: 2rem;
}

html[data-public-theme="turkmod"] .footer-brand {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

html[data-public-theme="turkmod"] .footer-logo {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-size: 1.25rem;
    font-weight: 900;
    color: var(--public-footer-text, var(--text));
}

html[data-public-theme="turkmod"] .footer-logo i {
    font-size: 1.5rem;
    color: var(--primary);
}

html[data-public-theme="turkmod"] .footer-tagline {
    font-size: 0.85rem;
    color: var(--text-dim);
    line-height: 1.5;
    margin: 0;
}

html[data-public-theme="turkmod"] .footer-social {
    display: flex;
    gap: 0.5rem;
    margin-top: 0.5rem;
}

html[data-public-theme="turkmod"] .footer-social-link {
    width: 32px;
    height: 32px;
    border-radius: var(--radius-md);
    background: var(--bg);
    border: 1px solid var(--border);
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--text-dim);
    text-decoration: none;
    transition: all 0.2s;
    font-size: 0.9rem;
}

html[data-public-theme="turkmod"] .footer-social-link:hover {
    background: var(--primary);
    border-color: var(--primary);
    color: var(--bg);
    transform: translateY(-2px);
}

html[data-public-theme="turkmod"] .footer-column h4 {
    font-size: 0.85rem;
    font-weight: 800;
    color: var(--public-footer-text, var(--text));
    margin: 0 0 0.75rem;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

html[data-public-theme="turkmod"] .footer-column ul {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

html[data-public-theme="turkmod"] .footer-column ul li a {
    font-size: 0.85rem;
    color: var(--text-dim);
    text-decoration: none;
    transition: all 0.2s;
    display: inline-block;
}

html[data-public-theme="turkmod"] .footer-column ul li a:hover {
    color: var(--primary);
    transform: translateX(3px);
}

html[data-public-theme="turkmod"] .footer-newsletter h4 {
    font-size: 0.85rem;
    font-weight: 800;
    color: var(--text);
    margin: 0 0 0.5rem;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

html[data-public-theme="turkmod"] .footer-newsletter p {
    font-size: 0.8rem;
    color: var(--text-dim);
    margin: 0 0 0.75rem;
    line-height: 1.4;
}

html[data-public-theme="turkmod"] .newsletter-form {
    display: flex;
    gap: 0.4rem;
}

html[data-public-theme="turkmod"] .newsletter-form input {
    flex: 1;
    padding: 0.6rem 0.85rem;
    border: 1px solid var(--border);
    border-radius: var(--radius-md);
    background: var(--bg);
    color: var(--text);
    font-size: 0.8rem;
    transition: all 0.2s;
}

html[data-public-theme="turkmod"] .newsletter-form input:focus {
    outline: none;
    border-color: var(--primary);
    background: var(--bg-white);
}

html[data-public-theme="turkmod"] .newsletter-form button {
    padding: 0.6rem 0.85rem;
    background: var(--primary);
    border: none;
    border-radius: var(--radius-md);
    color: var(--bg);
    cursor: pointer;
    transition: all 0.2s;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.9rem;
}

html[data-public-theme="turkmod"] .newsletter-form button:hover {
    background: var(--primary-dark);
    transform: translateY(-2px);
}

html[data-public-theme="turkmod"] .footer-bottom {
    padding-top: 1.5rem;
    border-top: 1px solid var(--border);
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 1rem;
}

html[data-public-theme="turkmod"] .footer-copyright {
    font-size: 0.8rem;
    color: var(--text-dim);
    margin: 0;
}

html[data-public-theme="turkmod"] .footer-meta {
    display: flex;
    gap: 1.5rem;
    font-size: 0.75rem;
    color: var(--text-dim);
}

html[data-public-theme="turkmod"] .footer-meta span {
    display: flex;
    align-items: center;
    gap: 0.35rem;
}

html[data-public-theme="turkmod"] .footer-meta i {
    color: var(--primary);
    font-size: 0.85rem;
}

@media (max-width: 992px) {
    html[data-public-theme="turkmod"] .footer-grid {
        grid-template-columns: 1fr 1fr;
        gap: 2rem;
    }
}

@media (max-width: 768px) {
    html[data-public-theme="turkmod"] .site-footer {
        padding: 1.5rem 0 1rem;
    }

    html[data-public-theme="turkmod"] .footer-grid {
        grid-template-columns: 1fr;
        gap: 1.5rem;
    }

    html[data-public-theme="turkmod"] .footer-bottom {
        flex-direction: column;
        text-align: center;
        gap: 0.75rem;
    }

    html[data-public-theme="turkmod"] .footer-meta {
        flex-direction: column;
        gap: 0.5rem;
    }
}

/* ============================================
   SIDEBAR CATEGORY ATLAS THEME LAYER
   ============================================ */

html[data-public-theme="turkmod"] .category-atlas-widget {
    --category-bg: var(--bg);
    --category-card: var(--bg-white);
    --category-hover: var(--bg-hover);
    --category-line: var(--border);
    --category-text: var(--text);
    --category-muted: var(--text-dim);
    --category-soft: var(--text-light);
    --category-accent: var(--primary);
    --category-accent-strong: var(--primary-dark);
    --category-on-accent: var(--on-primary, #061016);
    --category-panel: color-mix(in srgb, var(--category-card) 88%, var(--category-bg) 12%);
    --category-soft-panel: color-mix(in srgb, var(--category-card) 78%, var(--category-accent) 22%);
    --category-ring: color-mix(in srgb, var(--category-accent) 44%, var(--category-line) 56%);
    --category-shadow: var(--shadow);
    color-scheme: dark;
    overflow: hidden;
    border: 1px solid var(--category-line) !important;
    border-radius: var(--radius-md) !important;
    background:
        linear-gradient(180deg, color-mix(in srgb, var(--category-card) 88%, var(--category-accent) 12%) 0%, transparent 150px),
        var(--category-card) !important;
    box-shadow: 0 18px 42px -34px var(--category-shadow), inset 0 1px 0 rgba(255, 255, 255, 0.04) !important;
}

html[data-public-theme="turkmod"] [data-theme="light"] .category-atlas-widget {
    --category-on-accent: #ffffff;
    color-scheme: light;
}

html[data-public-theme="turkmod"] [data-theme="dark"] .category-atlas-widget {
    --category-panel: color-mix(in srgb, var(--category-card) 82%, var(--category-bg) 18%);
    --category-soft-panel: color-mix(in srgb, var(--category-card) 74%, var(--category-accent) 26%);
    --category-ring: color-mix(in srgb, var(--category-accent) 52%, var(--category-line) 48%);
}

html[data-public-theme="turkmod"] .category-atlas-widget .category-atlas-header {
    display: flex;
    width: 100%;
    min-height: 52px;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    padding: 11px 12px;
    color: var(--category-text);
    background: linear-gradient(180deg, var(--category-panel), var(--category-card));
    border: 0;
    border-bottom: 1px solid var(--category-line);
    cursor: pointer;
}

html[data-public-theme="turkmod"] .category-atlas-widget .category-atlas-header:hover {
    background: linear-gradient(180deg, var(--category-hover), var(--category-panel));
}

html[data-public-theme="turkmod"] .category-atlas-widget .category-atlas-heading {
    display: flex;
    min-width: 0;
    align-items: center;
    gap: 9px;
}

html[data-public-theme="turkmod"] .category-atlas-widget .category-atlas-heading i {
    display: grid;
    width: 30px;
    height: 30px;
    flex: 0 0 30px;
    place-items: center;
    color: var(--category-accent);
    background: color-mix(in srgb, var(--category-accent) 12%, var(--category-card) 88%);
    border: 1px solid color-mix(in srgb, var(--category-accent) 26%, var(--category-line) 74%);
    border-radius: var(--radius-md);
    font-size: 0.96rem;
}

html[data-public-theme="turkmod"] .category-atlas-widget .category-atlas-heading strong {
    overflow: hidden;
    color: var(--category-text);
    font-size: 0.9rem;
    font-weight: 850;
    line-height: 1.1;
    text-overflow: ellipsis;
    white-space: nowrap;
}

html[data-public-theme="turkmod"] .category-atlas-widget .category-atlas-header .toggle-icon {
    width: 18px;
    flex: 0 0 18px;
    color: var(--category-muted);
    font-size: 0.86rem;
}

html[data-public-theme="turkmod"] .category-atlas-widget .category-atlas-body {
    padding: 8px !important;
    background: transparent;
}

html[data-public-theme="turkmod"] .category-atlas-widget .category-atlas-list {
    display: grid !important;
    gap: 6px;
}

html[data-public-theme="turkmod"] .category-atlas-widget .category-item {
    min-width: 0;
    max-width: 100%;
    overflow: visible;
    background: transparent;
    border: 0;
    border-radius: var(--radius-md);
}

html[data-public-theme="turkmod"] .category-atlas-widget .category-link,
html[data-public-theme="turkmod"] .category-atlas-widget .category-toggle,
html[data-public-theme="turkmod"] .category-atlas-widget .category-link-all {
    display: flex;
    width: 100%;
    min-width: 0;
    max-width: 100%;
    min-height: 44px;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    margin: 0;
    padding: 7px 8px;
    color: var(--category-muted);
    background: transparent;
    border: 1px solid transparent;
    border-radius: var(--radius-md);
    font-size: 0.82rem;
    font-weight: 760;
    line-height: 1.15;
    text-align: left;
    text-decoration: none;
    transition: background 0.18s ease, border-color 0.18s ease, color 0.18s ease, transform 0.18s ease;
}

html[data-public-theme="turkmod"] .category-atlas-widget .category-link:hover,
html[data-public-theme="turkmod"] .category-atlas-widget .category-toggle:hover,
html[data-public-theme="turkmod"] .category-atlas-widget .category-link:focus-visible,
html[data-public-theme="turkmod"] .category-atlas-widget .category-toggle:focus-visible,
html[data-public-theme="turkmod"] .category-atlas-widget .category-item.open>.category-toggle {
    color: var(--category-text);
    background: var(--category-panel);
    border-color: color-mix(in srgb, var(--category-line) 72%, var(--category-accent) 28%);
    outline: none;
}

html[data-public-theme="turkmod"] .category-atlas-widget .category-link:hover,
html[data-public-theme="turkmod"] .category-atlas-widget .category-toggle:hover {
    transform: translateX(2px);
}

html[data-public-theme="turkmod"] .category-atlas-widget .category-link.active,
html[data-public-theme="turkmod"] .category-atlas-widget .category-item.active>.category-toggle {
    color: var(--category-on-accent);
    background: linear-gradient(135deg, var(--category-accent), var(--category-accent-strong));
    border-color: transparent;
    box-shadow: 0 12px 24px -18px var(--category-accent);
}

html[data-public-theme="turkmod"] .category-atlas-widget .category-item.has-active-child>.category-toggle {
    color: var(--category-text);
    background: var(--category-soft-panel);
    border-color: var(--category-ring);
}

html[data-public-theme="turkmod"] .category-atlas-widget .category-link-content,
html[data-public-theme="turkmod"] .category-atlas-widget .subcategory-link-content {
    display: flex;
    flex: 1 1 auto;
    min-width: 0;
    align-items: center;
}

html[data-public-theme="turkmod"] .category-atlas-widget .category-link-content {
    gap: 8px;
}

html[data-public-theme="turkmod"] .category-atlas-widget .category-chevron,
html[data-public-theme="turkmod"] .category-atlas-widget .category-icon-wrap {
    display: grid !important;
    place-items: center;
    flex-shrink: 0;
}

html[data-public-theme="turkmod"] .category-atlas-widget .category-chevron {
    width: 18px;
    height: 18px;
    color: var(--category-muted);
}

html[data-public-theme="turkmod"] .category-atlas-widget .category-icon-wrap {
    width: 30px;
    height: 30px;
    color: var(--category-accent);
    background: color-mix(in srgb, var(--category-card) 76%, var(--category-bg) 24%);
    border: 1px solid var(--category-line);
    border-radius: var(--radius-md);
}

html[data-public-theme="turkmod"] .category-atlas-widget .category-link.active .category-icon-wrap,
html[data-public-theme="turkmod"] .category-atlas-widget .category-item.active>.category-toggle .category-icon-wrap {
    color: var(--category-accent);
    background: color-mix(in srgb, #ffffff 92%, var(--category-accent) 8%);
    border-color: transparent;
}

html[data-public-theme="turkmod"] .category-atlas-widget .category-item.has-active-child>.category-toggle .category-icon-wrap {
    color: var(--category-accent);
    background: color-mix(in srgb, var(--category-accent) 14%, var(--category-card) 86%);
    border-color: color-mix(in srgb, var(--category-accent) 36%, var(--category-line) 64%);
}

html[data-public-theme="turkmod"] .category-atlas-widget .category-icon,
html[data-public-theme="turkmod"] .category-atlas-widget .chevron-icon {
    display: inline-block;
    width: auto;
    height: auto;
    color: currentColor;
    background: transparent;
    border: 0;
    border-radius: 0;
}

html[data-public-theme="turkmod"] .category-atlas-widget .category-icon {
    font-size: 0.92rem;
}

html[data-public-theme="turkmod"] .category-atlas-widget .chevron-icon {
    font-size: 0.68rem;
    transition: transform 0.18s ease;
}

html[data-public-theme="turkmod"] .category-atlas-widget .category-item.open>.category-toggle .chevron-icon {
    transform: rotate(90deg);
}

html[data-public-theme="turkmod"] .category-atlas-widget .category-copy {
    display: block;
    min-width: 0;
    flex: 1 1 auto;
}

html[data-public-theme="turkmod"] .category-atlas-widget .category-name {
    display: block;
    overflow: hidden;
    color: currentColor;
    font-size: 0.82rem;
    font-weight: 780;
    line-height: 1.18;
    text-overflow: ellipsis;
    white-space: nowrap;
}

html[data-public-theme="turkmod"] .category-atlas-widget .category-count,
html[data-public-theme="turkmod"] .category-atlas-widget .subcategory-count {
    display: inline-flex;
    min-width: 28px;
    flex: 0 0 auto;
    align-items: center;
    justify-content: center;
    color: var(--category-muted);
    background: var(--category-bg);
    border: 1px solid var(--category-line);
    border-radius: 999px;
    font-weight: 850;
    line-height: 1;
    text-align: center;
}

html[data-public-theme="turkmod"] .category-atlas-widget .category-count {
    padding: 0.24rem 0.42rem;
    font-size: 0.68rem;
}

html[data-public-theme="turkmod"] .category-atlas-widget .category-link.active .category-count,
html[data-public-theme="turkmod"] .category-atlas-widget .category-item.active>.category-toggle .category-count {
    color: var(--category-text);
    background: var(--category-card);
    border-color: color-mix(in srgb, #ffffff 48%, var(--category-accent) 52%);
}

html[data-public-theme="turkmod"] .category-atlas-widget .subcategories {
    display: none;
    margin: 5px 0 5px 25px;
    padding: 4px 0 4px 10px;
    background: transparent;
    border: 0;
    border-left: 1px solid color-mix(in srgb, var(--category-line) 72%, var(--category-accent) 28%);
    border-radius: 0;
}

html[data-public-theme="turkmod"] .category-atlas-widget .category-item.open>.subcategories {
    display: grid !important;
    gap: 4px;
}

html[data-public-theme="turkmod"] .category-atlas-widget .subcategory-link {
    display: flex !important;
    width: 100%;
    min-width: 0;
    max-width: 100%;
    min-height: 34px;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    margin: 0;
    padding: 6px 7px;
    color: var(--category-muted);
    background: transparent;
    border: 1px solid transparent;
    border-radius: var(--radius-md);
    font-size: 0.76rem;
    font-weight: 740;
    line-height: 1.15;
    text-decoration: none;
    transition: background 0.16s ease, border-color 0.16s ease, color 0.16s ease;
}

html[data-public-theme="turkmod"] .category-atlas-widget .subcategory-link:hover,
html[data-public-theme="turkmod"] .category-atlas-widget .subcategory-link:focus-visible,
html[data-public-theme="turkmod"] .category-atlas-widget .subcategory-link.active {
    color: var(--category-text);
    background: var(--category-panel);
    border-color: color-mix(in srgb, var(--category-line) 78%, var(--category-accent) 22%);
    outline: none;
}

html[data-public-theme="turkmod"] .category-atlas-widget .subcategory-link.active {
    background: var(--category-soft-panel);
    border-color: var(--category-ring);
}

html[data-public-theme="turkmod"] .category-atlas-widget .subcategory-link-content {
    gap: 7px;
    flex: 1 1 auto;
}

html[data-public-theme="turkmod"] .category-atlas-widget .subcategory-rail {
    width: 6px;
    height: 6px;
    flex: 0 0 6px;
    background: color-mix(in srgb, var(--category-muted) 62%, transparent);
    border-radius: 999px;
}

html[data-public-theme="turkmod"] .category-atlas-widget .subcategory-link.active .subcategory-rail,
html[data-public-theme="turkmod"] .category-atlas-widget .subcategory-link:hover .subcategory-rail {
    background: var(--category-accent);
    box-shadow: 0 0 0 4px color-mix(in srgb, var(--category-accent) 13%, transparent);
}

html[data-public-theme="turkmod"] .category-atlas-widget .subcategory-name {
    overflow: hidden;
    min-width: 0;
    text-overflow: ellipsis;
    white-space: nowrap;
}

html[data-public-theme="turkmod"] .category-atlas-widget .subcategory-count {
    min-width: 26px;
    padding: 0.16rem 0.36rem;
    font-size: 0.64rem;
}

html[data-public-theme="turkmod"] .category-atlas-widget .subcategory-count::before,
html[data-public-theme="turkmod"] .category-atlas-widget .subcategory-count::after {
    content: none !important;
}

@media (max-width: 768px) {
    html[data-public-theme="turkmod"] .category-atlas-widget .category-atlas-header {
        min-height: 48px;
        padding-inline: 10px;
    }

    html[data-public-theme="turkmod"] .category-atlas-widget .category-link,
    html[data-public-theme="turkmod"] .category-atlas-widget .category-toggle,
    html[data-public-theme="turkmod"] .category-atlas-widget .category-link-all {
        min-height: 42px;
    }

    html[data-public-theme="turkmod"] .category-atlas-widget .subcategories {
        margin-left: 21px;
        padding-left: 9px;
    }
}

@media (prefers-reduced-motion: reduce) {

    html[data-public-theme="turkmod"] .category-atlas-widget .category-link,
    html[data-public-theme="turkmod"] .category-atlas-widget .category-toggle,
    html[data-public-theme="turkmod"] .category-atlas-widget .subcategory-link,
    html[data-public-theme="turkmod"] .category-atlas-widget .chevron-icon {
        transition: none;
    }
}

/* ============================================================
   Section 2: Redesign Styles - User Parts (from redesign.css)
   ============================================================ */
/* Topic redesign */
html[data-public-theme="turkmod"] .container--wide {
    width: min(1360px, calc(100% - 40px));
    max-width: none;
    margin-inline: auto;
}

/* Topbar Killer - T\c3\bcm topbar stillerini sil */
html[data-public-theme="turkmod"] .topbar,
html[data-public-theme="turkmod"] .minimal-topbar,
html[data-public-theme="turkmod"] *[class*="topbar"] {
    display: none !important;
}

html[data-public-theme="turkmod"] .search {
    display: flex;
    gap: .5rem;
    min-width: min(390px, 100%);
}

html[data-public-theme="turkmod"] .search .form-control {
    height: 42px;
    border-color: var(--border);
    background: var(--bg);
    color: var(--text);
    border-radius: var(--radius-sm);
}

html[data-public-theme="turkmod"] .search .btn {
    height: 42px;
    border-radius: var(--radius-sm);
    font-weight: 850;
}

html[data-public-theme="turkmod"] .user-menu {
    position: relative;
}

html[data-public-theme="turkmod"] .user-toggle {
    display: flex;
    align-items: center;
    gap: .55rem;
    min-height: 42px;
    padding: .35rem .65rem .35rem .4rem;
    border: 1px solid var(--border);
    border-radius: var(--radius-sm);
    color: var(--text);
    background: var(--bg);
    font-size: .9rem;
    font-weight: 850;
}

html[data-public-theme="turkmod"] .user-avatar {
    display: grid;
    width: 30px;
    height: 30px;
    place-items: center;
    color: var(--on-primary);
    background: var(--primary);
    border-radius: .42rem;
    font-size: .75rem;
    font-weight: 900;
}

html[data-public-theme="turkmod"] .user-dropdown {
    min-width: 190px;
    padding: .45rem;
    border: 1px solid var(--border);
    border-radius: var(--radius-sm);
    box-shadow: 0 18px 38px var(--shadow);
    z-index: var(--z-modal);
    margin-top: .45rem;
    background: var(--bg-white);
}

html[data-public-theme="turkmod"] .topic-navbar,
html[data-public-theme="turkmod"] .topic-navbar .container,
html[data-public-theme="turkmod"] .topic-navbar .navbar-collapse,
html[data-public-theme="turkmod"] .topic-navbar .dropdown,
html[data-public-theme="turkmod"] .topic-profile-dropdown,
html[data-public-theme="turkmod"] .topic-navbar .d-flex {
    overflow: visible !important;
}

/* Navbar dropdown visibility */
html[data-public-theme="turkmod"] .topic-navbar .dropdown-menu {
    display: none;
    position: absolute;
    z-index: var(--z-modal);
}

html[data-public-theme="turkmod"] .topic-navbar .dropdown-menu.show {
    display: block;
}

html[data-public-theme="turkmod"] .topic-profile-dropdown {
    position: relative;
}

html[data-public-theme="turkmod"] .topic-profile-dropdown-menu {
    position: absolute;
    inset: calc(100% + .45rem) 0 auto auto;
}

html[data-public-theme="turkmod"] .topic-profile-dropdown-menu.show {
    display: block;
}

html[data-public-theme="turkmod"] .user-dropdown .dropdown-item {
    border-radius: .38rem;
    color: var(--text-dim);
    font-size: .9rem;
    font-weight: 800;
}

html[data-public-theme="turkmod"] .user-dropdown .dropdown-item:hover {
    color: var(--text);
    background: var(--bg);
}

/* === Dropdown Submenu (parent -> child kategoriler) === */
html[data-public-theme="turkmod"] .user-dropdown .dropdown-submenu {
    position: relative;
}

html[data-public-theme="turkmod"] .user-dropdown .dropdown-submenu>.dropdown-submenu-toggle {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .5rem;
    padding-right: .55rem;
}

html[data-public-theme="turkmod"] .user-dropdown .dropdown-submenu>.dropdown-submenu-toggle .submenu-caret {
    font-size: .8rem;
    color: #94a3b8;
    transition: transform .15s ease, color .15s ease;
}

html[data-public-theme="turkmod"] .user-dropdown .dropdown-submenu:hover>.dropdown-submenu-toggle .submenu-caret,
html[data-public-theme="turkmod"] .user-dropdown .dropdown-submenu.show>.dropdown-submenu-toggle .submenu-caret {
    color: var(--brand-accent);
}

html[data-public-theme="turkmod"] .user-dropdown .user-dropdown-sub {
    position: absolute;
    top: -.45rem;
    left: 100%;
    min-width: 200px;
    margin-top: 0;
    margin-left: .1rem;
    display: none;
}

html[data-public-theme="turkmod"] .user-dropdown .dropdown-submenu:hover>.user-dropdown-sub,
html[data-public-theme="turkmod"] .user-dropdown .dropdown-submenu.show>.user-dropdown-sub {
    display: block;
}

/* K\c3\bc\c3\a7\c3\bck ekranlarda submenu'yu altta a\c3\a7 (yandan de\c4\178il) */
@media (max-width: 767.98px) {
    html[data-public-theme="turkmod"] .user-dropdown .user-dropdown-sub {
        position: static;
        margin-left: 0;
        margin-top: .2rem;
        box-shadow: none;
        border: 0;
        background: #f7f9fc;
        padding-left: .5rem;
    }

    html[data-public-theme="turkmod"] .user-dropdown .dropdown-submenu>.dropdown-submenu-toggle .submenu-caret {
        transform: rotate(90deg);
    }

    html[data-public-theme="turkmod"] .user-dropdown .dropdown-submenu.show>.dropdown-submenu-toggle .submenu-caret {
        transform: rotate(-90deg);
    }
}

html[data-public-theme="turkmod"] #main-content.topic-main {
    background: linear-gradient(180deg, #1f29370d, #edf1f500 260px), #edf1f5;
    overflow: visible !important;
}

/* Sticky sidebar i\c3\a7in parent container'lar\c4\b1n overflow'unu d\c3\bczelt */
html[data-public-theme="turkmod"] #main-content.topic-main>.container,
html[data-public-theme="turkmod"] #main-content.topic-main>.container--wide {
    overflow: visible !important;
}

html[data-public-theme="turkmod"] .topic-detail-layout,
html[data-public-theme="turkmod"] .topic-share-layout {
    overflow: visible !important;
}

html[data-public-theme="turkmod"] #main-content.topic-main>.container--wide {
    padding-top: 1.45rem;
    padding-bottom: 2rem;
}

html[data-public-theme="turkmod"] .topic-share-layout,
html[data-public-theme="turkmod"] .topic-detail-layout {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 340px;
    gap: 1.5rem;
    align-items: start;
}

html[data-public-theme="turkmod"] .topic-list-grid,
html[data-public-theme="turkmod"] .topic-sidebar,
html[data-public-theme="turkmod"] .topic-detail-main {
    display: grid;
    gap: .9rem;
}

html[data-public-theme="turkmod"] .topic-side-panel,
html[data-public-theme="turkmod"] .topic-first-image,
html[data-public-theme="turkmod"] .topic-detail-panel {
    overflow: hidden;
    background: var(--bg-white);
    border: 1px solid var(--border);
    border-radius: var(--radius-sm);
    box-shadow: var(--shadow-sm);
}

html[data-public-theme="turkmod"] .topic-side-panel {
    padding: 1.1rem;
}

html[data-public-theme="turkmod"] .topic-upload-panel,
html[data-public-theme="turkmod"] .download-panel {
    color: var(--on-primary);
    background: var(--upload-panel-bg);
    border-color: #2d3748;
}

html[data-public-theme="turkmod"] .topic-upload-panel p,
html[data-public-theme="turkmod"] .download-panel p {
    margin: .6rem 0 1rem;
    color: var(--on-primary)b8;
}

html[data-public-theme="turkmod"] .topic-eyebrow {
    color: var(--topic-accent);
    font-size: .75rem;
    font-weight: 900;
    letter-spacing: .08em;
    text-transform: uppercase;
}

html[data-public-theme="turkmod"] .topic-side-panel h2 {
    margin: .2rem 0 0;
    color: inherit;
    font-size: 1.35rem;
    font-weight: 850;
    letter-spacing: 0;
}

html[data-public-theme="turkmod"] .topic-primary-link,
html[data-public-theme="turkmod"] .download-button {
    display: flex;
    min-height: 46px;
    align-items: center;
    justify-content: center;
    color: var(--topic-on-accent);
    background: var(--topic-accent);
    border-radius: var(--radius-sm);
    font-weight: 900;
    text-decoration: none;
}

html[data-public-theme="turkmod"] .topic-primary-link:hover,
html[data-public-theme="turkmod"] .download-button:hover {
    color: var(--topic-on-accent);
    background: var(--topic-accent-strong);
}

html[data-public-theme="turkmod"] .topic-panel-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: .75rem;
}

html[data-public-theme="turkmod"] .topic-panel-head span {
    color: var(--text-dim);
    font-size: .82rem;
    font-weight: 800;
}

html[data-public-theme="turkmod"] .topic-category-row,
html[data-public-theme="turkmod"] .fact-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    min-height: 46px;
    color: var(--text-dim);
    border-top: 1px solid var(--border);
    font-weight: 800;
    text-decoration: none;
}

html[data-public-theme="turkmod"] .topic-category-row strong,
html[data-public-theme="turkmod"] .fact-row strong {
    color: var(--text);
}

html[data-public-theme="turkmod"] .topic-compact-list {
    display: grid;
    gap: .6rem;
}

html[data-public-theme="turkmod"] .topic-compact-list a {
    padding: .7rem .75rem;
    color: var(--text-dim);
    background: var(--bg);
    border: 1px solid var(--border);
    border-radius: var(--radius-sm);
    font-weight: 750;
    text-decoration: none;
}

html[data-public-theme="turkmod"] .topic-empty-state {
    display: grid;
    place-items: center;
    min-height: 260px;
    padding: 2rem;
    color: var(--text-dim);
    background: var(--bg-white);
    border: 1px dashed var(--border);
    border-radius: var(--radius-sm);
    text-align: center;
}

html[data-public-theme="turkmod"] .topic-empty-state i {
    font-size: 2rem;
    color: var(--primary);
}

html[data-public-theme="turkmod"] .topic-empty-state strong {
    display: block;
    margin-top: .6rem;
    color: var(--text);
    font-size: 1.2rem;
}

html[data-public-theme="turkmod"] .topic-first-image {
    display: grid;
    grid-template-columns: minmax(260px, .72fr) minmax(0, 1fr);
    min-height: 330px;
}

html[data-public-theme="turkmod"] .topic-first-image>img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    background: #dfe7f1;
}

html[data-public-theme="turkmod"] .topic-first-image-copy {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 1.75rem;
}

html[data-public-theme="turkmod"] .topic-first-image-copy h1 {
    margin: .75rem 0 .65rem;
    color: var(--text);
    font-size: clamp(2.1rem, 5vw, 3.5rem);
    line-height: 1.02;
    letter-spacing: 0;
}

html[data-public-theme="turkmod"] .topic-first-image-copy p {
    max-width: 620px;
    margin: 0;
    color: var(--text-dim);
    font-size: 1.06rem;
    line-height: 1.65;
}

html[data-public-theme="turkmod"] .topic-detail-panel {
    padding: 1.35rem;
}

html[data-public-theme="turkmod"] .topic-detail-panel h2 {
    margin: 0 0 .75rem;
    color: var(--text);
    font-size: 1.35rem;
    font-weight: 850;
}

html[data-public-theme="turkmod"] .topic-detail-content {
    color: var(--text);
    line-height: 1.75;
}


html[data-public-theme="turkmod"] .facts-panel {
    display: grid;
    gap: 0;
}

html[data-public-theme="turkmod"] .fact-row:first-of-type {
    margin-top: .5rem;
}

@media (max-width: 991.98px) {
    html[data-public-theme="turkmod"] .search {
        min-width: 0;
        width: 100%;
    }

    html[data-public-theme="turkmod"] .topic-share-layout,
    html[data-public-theme="turkmod"] .topic-detail-layout,
    html[data-public-theme="turkmod"] .topic-first-image {
        grid-template-columns: 1fr;
    }

    html[data-public-theme="turkmod"] .topic-sidebar {
        display: grid !important;
        position: static !important;
        width: auto !important;
        max-height: none !important;
        overflow-y: hidden !important;
        right: auto !important;
        left: auto !important;
        top: auto !important;
        z-index: auto !important;
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

}

@media (max-width: 575.98px) {
    html[data-public-theme="turkmod"] .container--wide {
        width: min(100% - 24px, 1400px);
    }

    html[data-public-theme="turkmod"] .header .container {
        gap: 12px;
        padding-inline: 12px;
    }

    html[data-public-theme="turkmod"] .header-right {
        gap: 6px;
        flex-shrink: 0;
    }

    html[data-public-theme="turkmod"] .header-right>.btn-secondary:not(.menu-toggle) {
        display: none;
    }

    html[data-public-theme="turkmod"] .btn-upload {
        min-width: 42px;
        padding-inline: 10px;
    }

    html[data-public-theme="turkmod"] .btn-upload span {
        display: none;
    }

    html[data-public-theme="turkmod"] .menu-toggle {
        width: 42px;
        min-width: 42px;
        padding-inline: 0;
    }

    html[data-public-theme="turkmod"] .topic-list-card,
    html[data-public-theme="turkmod"] .topic-sidebar {
        grid-template-columns: 1fr;
    }

    html[data-public-theme="turkmod"] .topic-list-body {
        grid-template-columns: 1fr;
        grid-template-areas:
            "topline"
            "title"
            "summary"
            "meta"
        ;
    }

    html[data-public-theme="turkmod"] .topic-list-thumb {
        min-height: 0;
        aspect-ratio: 16 / 9;
    }

    html[data-public-theme="turkmod"] .topic-first-image-copy {
        padding: 1.2rem;
    }
}



html[data-public-theme="turkmod"] .topic-descriptions,
html[data-public-theme="turkmod"] .topic-images-videos,
html[data-public-theme="turkmod"] .topic-details,
html[data-public-theme="turkmod"] .topic-download-links {
    overflow: hidden;
    background: var(--bg-white);
    border: 1px solid var(--border);
    border-radius: var(--radius-sm);
    box-shadow: var(--shadow-sm);
    padding: 1.35rem;
}

/* ============================================
   IMPROVEMENTS: Inline CSS moved to stylesheet
   ============================================ */

/* Skip link for accessibility */
html[data-public-theme="turkmod"] .topic-skip-link {
    position: absolute;
    top: -100%;
    left: 0;
    z-index: var(--z-tooltip);
    padding: 0.75rem 1.5rem;
    background: #0f172a;
    color: var(--on-primary);
    font-weight: 700;
    text-decoration: none;
    border-radius: 0 0 4px 0;
    transition: top 0.2s ease;
}

html[data-public-theme="turkmod"] .topic-skip-link:focus {
    top: 0;
}

/* Topic read more button (was inline) */
html[data-public-theme="turkmod"] .topic-read-more {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    padding: 0.4rem 0.8rem;
    background: #f8fafc;
    color: #0f172a;
    border: 1px solid #e2e8f0;
    border-radius: var(--radius-sm);
    font-size: 0.85rem;
    font-weight: 700;
    text-decoration: none;
    transition: all var(--transition-fast);
    white-space: nowrap;
}

html[data-public-theme="turkmod"] .topic-read-more:hover {
    background: #0f172a;
    color: var(--on-primary);
    border-color: #0f172a;
}

/* Topic list bottom row (was inline) */
html[data-public-theme="turkmod"] .topic-list-bottom-row {
    margin-top: auto;
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 1rem;
}

/* Upload button variant */
html[data-public-theme="turkmod"] .topic-upload-btn {
    background: var(--bg-white);
    color: var(--text);
}

html[data-public-theme="turkmod"] .topic-upload-btn:hover {
    background: var(--topic-accent);
    color: var(--topic-on-accent);
}

/* Category header (was inline in category.php) */
html[data-public-theme="turkmod"] .category-page-layout {
    margin-top: 0;
}

html[data-public-theme="turkmod"] .category-page-layout>section {
    display: grid;
    gap: .9rem;
    min-width: 0;
}

html[data-public-theme="turkmod"] .category-hero-panel {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 1rem;
    align-items: center;
    padding: 1rem 1.15rem;
    background: var(--bg-white);
    border: 1px solid var(--border);
    border-radius: var(--radius-md);
    box-shadow: var(--shadow-sm);
}

html[data-public-theme="turkmod"] .category-hero-panel--full {
    grid-column: 1 / -1;
    margin-bottom: 0;
}

html[data-public-theme="turkmod"] .category-hero-copy {
    min-width: 0;
}

html[data-public-theme="turkmod"] .topic-category-header {
    margin-bottom: 0.5rem;
}

html[data-public-theme="turkmod"] .topic-category-header .topic-eyebrow,
html[data-public-theme="turkmod"] .category-hero-copy .topic-eyebrow {
    display: block;
}

html[data-public-theme="turkmod"] .topic-category-header h1,
html[data-public-theme="turkmod"] .category-hero-copy h1 {
    margin: .25rem 0 .35rem;
    color: var(--text);
    font-size: clamp(1.35rem, 2vw, 1.8rem);
    font-weight: 850;
    line-height: 1.15;
    letter-spacing: 0;
}

html[data-public-theme="turkmod"] .topic-category-header p,
html[data-public-theme="turkmod"] .category-hero-copy p {
    max-width: 56rem;
    margin: 0;
    color: var(--text-dim);
    font-size: .95rem;
    line-height: 1.55;
}

html[data-public-theme="turkmod"] .category-hero-stats {
    display: grid;
    grid-auto-flow: column;
    gap: .55rem;
}

html[data-public-theme="turkmod"] .category-hero-stats span {
    display: grid;
    min-width: 7.25rem;
    gap: .12rem;
    padding: .65rem .75rem;
    background: var(--bg);
    border: 1px solid var(--border);
    border-radius: var(--radius-md);
}

html[data-public-theme="turkmod"] .category-hero-stats strong {
    color: var(--text);
    font-size: 1.12rem;
    font-weight: 850;
    line-height: 1.1;
}

html[data-public-theme="turkmod"] .category-hero-stats small {
    color: var(--text-dim);
    font-size: .74rem;
    font-weight: 750;
}

/* Category row hover and active state */
/* Sidebar category row hover/active overrides placed below */

/* All categories grid */
html[data-public-theme="turkmod"] .topic-all-categories-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
    gap: .85rem;
    margin-top: 0;
}

html[data-public-theme="turkmod"] .topic-category-card {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: .8rem;
    min-height: 82px;
    padding: .85rem .95rem;
    background: var(--bg-white);
    border: 1px solid var(--border);
    border-radius: var(--radius-md);
    text-decoration: none;
    color: var(--text);
    box-shadow: var(--shadow-sm);
    transition: background .15s, border-color .15s, box-shadow .15s, transform .15s;
}

/* Panel head styles (was inline) */
html[data-public-theme="turkmod"] .topic-panel-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

html[data-public-theme="turkmod"] .topic-panel-head h2 {
    margin: 0;
    font-size: 1.15rem;
}

html[data-public-theme="turkmod"] .topic-panel-head span {
    color: var(--text-dim);
    font-size: 0.85rem;
}

/* Side panel heading (was inline) */
html[data-public-theme="turkmod"] .topic-side-panel h2 {
    margin: 0 0 1rem;
    font-size: 1.15rem;
}

/* Category row base */
html[data-public-theme="turkmod"] .topic-category-row {
    position: relative !important;
    border: 1px solid var(--border) !important;
    background: rgba(26, 31, 46, 0.45) !important;
    padding: 0.75rem 1.15rem !important;
    border-radius: 12px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1) !important;
    text-decoration: none !important;
    margin-bottom: 0.6rem !important;
    overflow: hidden !important;
}

html[data-public-theme="turkmod"] .topic-category-row::before {
    content: '' !important;
    position: absolute !important;
    left: 0 !important;
    top: 0 !important;
    bottom: 0 !important;
    width: 3px !important;
    background: var(--primary) !important;
    transform: scaleY(0) !important;
    transition: transform 0.25s ease !important;
}

html[data-public-theme="turkmod"] .topic-category-row span {
    color: var(--text) !important;
    font-weight: 600 !important;
    font-size: 0.92rem !important;
    display: flex !important;
    align-items: center !important;
    gap: 0.65rem !important;
}

html[data-public-theme="turkmod"] .topic-category-row span i {
    color: var(--text-dim) !important;
    font-size: 1.05rem !important;
    margin-right: 0 !important;
    transition: color 0.3s, transform 0.3s !important;
}

html[data-public-theme="turkmod"] .topic-category-row strong {
    color: var(--text-dim) !important;
    font-size: 0.75rem !important;
    font-weight: 700 !important;
    background: rgba(255, 255, 255, 0.05) !important;
    padding: 0.2rem 0.6rem !important;
    border-radius: 20px !important;
    border: 1px solid rgba(255, 255, 255, 0.02) !important;
    transition: all 0.3s !important;
}

/* Hover State */
html[data-public-theme="turkmod"] .topic-category-row:hover {
    background: rgba(26, 31, 46, 0.9) !important;
    border-color: rgba(139, 21, 56, 0.35) !important;
    transform: translateX(4px) !important;
    box-shadow: 0 4px 15px rgba(139, 21, 56, 0.06) !important;
}

html[data-public-theme="turkmod"] .topic-category-row:hover::before {
    transform: scaleY(1) !important;
}

html[data-public-theme="turkmod"] .topic-category-row:hover span {
    color: var(--primary) !important;
}

html[data-public-theme="turkmod"] .topic-category-row:hover span i {
    color: var(--primary) !important;
    transform: scale(1.1) !important;
}

html[data-public-theme="turkmod"] .topic-category-row:hover strong {
    color: var(--primary) !important;
    background: var(--brand-accent-alpha-10) !important;
    border-color: rgba(139, 21, 56, 0.18) !important;
}

/* Active State */
html[data-public-theme="turkmod"] .topic-category-row.active {
    background: linear-gradient(135deg, var(--brand-accent-alpha-10) 0%, rgba(139, 21, 56, 0.08) 100%) !important;
    border: 1px solid rgba(139, 21, 56, 0.4) !important;
    box-shadow: 0 6px 20px var(--brand-accent-alpha-10) !important;
}

html[data-public-theme="turkmod"] .topic-category-row.active::before {
    transform: scaleY(1) !important;
    /* Gradient from burgundy to lighter burgundy for visual depth */
    background: linear-gradient(to bottom, var(--brand-accent), var(--brand-accent-light)) !important;
}

html[data-public-theme="turkmod"] .topic-category-row.active span {
    color: var(--primary) !important;
    font-weight: 700 !important;
}

html[data-public-theme="turkmod"] .topic-category-row.active span i {
    color: var(--primary) !important;
}

html[data-public-theme="turkmod"] .topic-category-row.active strong {
    color: var(--on-primary) !important;
    /* Gradient from primary burgundy to lighter burgundy for visual interest */
    background: linear-gradient(135deg, var(--primary), var(--brand-accent-light)) !important;
    border-color: transparent !important;
    box-shadow: 0 2px 8px var(--brand-accent-alpha-30) !important;
}

html[data-public-theme="turkmod"] .topic-descriptions h2,
html[data-public-theme="turkmod"] .topic-images-videos h2,
html[data-public-theme="turkmod"] .topic-details h2,
html[data-public-theme="turkmod"] .topic-download-links h2 {
    margin: 0 0 .75rem;
    color: var(--text);
    font-size: 1.35rem;
    font-weight: 850;
}

/* Title bar above image */
html[data-public-theme="turkmod"] .topic-title-bar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 0 0 .75rem 0;
    background: transparent;
    border: none;
    border-bottom: 1px solid var(--border);
    border-radius: 0;
    margin-bottom: .75rem;
    box-shadow: none;
}

html[data-public-theme="turkmod"] .topic-title-bar-text {
    flex: 1;
    min-width: 0;
}

html[data-public-theme="turkmod"] .topic-title-bar h1 {
    margin: 0;
    font-size: 1.35rem;
    font-weight: 700;
    color: var(--text);
    line-height: 1.3;
}

html[data-public-theme="turkmod"] .topic-title-bar-meta {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: .75rem;
    margin-top: .25rem;
    font-size: .78rem;
    color: var(--text-dim);
}

html[data-public-theme="turkmod"] .topic-title-bar-meta i {
    font-size: .75rem;
    color: var(--text-dim);
}

html[data-public-theme="turkmod"] .topic-title-bar-badges {
    display: flex;
    gap: .4rem;
    flex-shrink: 0;
    flex-wrap: wrap;
    justify-content: flex-end;
    align-items: center;
}

html[data-public-theme="turkmod"] .ttb-favorite-form {
    margin: 0;
}

html[data-public-theme="turkmod"] .ttb-badge {
    display: inline-flex;
    align-items: center;
    gap: .35rem;
    padding: .25rem .5rem;
    background: transparent;
    border: none;
    border-radius: var(--radius-sm);
    font-size: .8rem;
    font-weight: 600;
    color: var(--text-dim);
    white-space: nowrap;
    transition: all 0.15s ease;
}

html[data-public-theme="turkmod"] .ttb-badge i {
    font-size: .85rem;
    color: var(--text-dim);
}

html[data-public-theme="turkmod"] .ttb-edit-link {
    background: transparent;
    border: 1px solid var(--primary);
    color: var(--primary);
    text-decoration: none;
    font-weight: 600;
    border-radius: var(--radius-sm);
    padding: .3rem .6rem;
}

html[data-public-theme="turkmod"] .ttb-edit-link:hover {
    background: var(--primary);
    color: var(--on-primary);
}

html[data-public-theme="turkmod"] .ttb-edit-link i {
    color: inherit;
}

html[data-public-theme="turkmod"] .topic-first-image {
    width: 100%;
    max-height: 400px;
    display: flex;
    justify-content: center;
    align-items: center;
}

html[data-public-theme="turkmod"] .topic-first-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

@media (max-width: 768px) {
    html[data-public-theme="turkmod"] .topic-title-bar {
        flex-direction: column;
        align-items: stretch;
        gap: .5rem;
        padding: 0 0 .75rem 0;
    }

    html[data-public-theme="turkmod"] .topic-title-bar h1 {
        font-size: 1.25rem;
    }

    html[data-public-theme="turkmod"] .topic-title-bar-meta {
        gap: .5rem;
    }

    html[data-public-theme="turkmod"] .topic-title-bar-badges {
        justify-content: flex-start;
        width: 100%;
        gap: .35rem;
    }

    html[data-public-theme="turkmod"] .topic-title-bar-badges .ttb-badge {
        flex: none;
        justify-content: flex-start;
        padding: .25rem .4rem;
        font-size: .75rem;
    }

    html[data-public-theme="turkmod"] .topic-title-bar-badges .ttb-favorite-form {
        flex: none;
        display: flex;
    }
}

/* Individual panel boxes */
html[data-public-theme="turkmod"] .topic-detail-main {
    background: transparent;
    border: none;
    border-radius: 0;
    padding: 0;
}

/* Download cards */
html[data-public-theme="turkmod"] .topic-dl-grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 0.5rem;
    width: 100%;
}

html[data-public-theme="turkmod"] .topic-dl-card {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: 0.85rem;
    width: 100%;
    padding: 0.6rem 0.85rem;
    background: var(--bg-white);
    border: 1px solid var(--border);
    border-radius: var(--radius-md);
    text-decoration: none;
    color: inherit;
    transition: all var(--transition-fast);
    box-shadow: 0 1px 2px var(--shadow);
}

html[data-public-theme="turkmod"] .topic-dl-card:hover {
    border-color: var(--primary);
    background: var(--bg-hover);
    transform: translateY(-1px);
    box-shadow: var(--shadow-md);
}

html[data-public-theme="turkmod"] .topic-category-card:hover {
    background: var(--bg-hover);
    border-color: color-mix(in srgb, var(--border) 55%, var(--primary) 45%);
    box-shadow: 0 10px 22px -18px var(--shadow);
    transform: translateY(-2px);
}

html[data-public-theme="turkmod"] .category-card-icon,
html[data-public-theme="turkmod"] .category-card-action {
    display: grid;
    place-items: center;
    border: 1px solid color-mix(in srgb, var(--border) 70%, var(--primary) 30%);
    border-radius: var(--radius-md);
}

html[data-public-theme="turkmod"] .category-card-icon {
    width: 2.55rem;
    height: 2.55rem;
    color: var(--primary);
    background: color-mix(in srgb, var(--bg) 75%, var(--primary) 25%);
    font-size: 1.15rem;
}

html[data-public-theme="turkmod"] .category-card-body {
    display: grid;
    gap: .12rem;
    min-width: 0;
}

html[data-public-theme="turkmod"] .category-card-body strong {
    overflow: hidden;
    color: var(--text);
    font-size: .95rem;
    font-weight: 850;
    line-height: 1.25;
    text-overflow: ellipsis;
    white-space: nowrap;
}

html[data-public-theme="turkmod"] .category-card-body small {
    color: var(--text-dim);
    font-size: .8rem;
    font-weight: 750;
}

html[data-public-theme="turkmod"] .category-card-action {
    width: 2rem;
    height: 2rem;
    color: var(--text-dim);
    background: var(--bg);
    transition: color .15s, background .15s, border-color .15s, transform .15s;
}

html[data-public-theme="turkmod"] .topic-category-card:hover .category-card-action {
    color: var(--on-primary);
    background: var(--primary);
    border-color: var(--primary);
    transform: translateX(2px);
}

/* Topic detail items (was inline) */
html[data-public-theme="turkmod"] .topic-details-table {
    width: 100%;
    border-collapse: collapse;
    margin-top: .75rem;
    font-size: .9rem;
    table-layout: fixed;
}

html[data-public-theme="turkmod"] .topic-details-table td {
    padding: .45rem .6rem;
    border-bottom: 1px solid var(--border);
    color: var(--text);
    vertical-align: middle;
}

html[data-public-theme="turkmod"] .topic-details-table tr:last-child td {
    border-bottom: none;
}

html[data-public-theme="turkmod"] .topic-details-table td:nth-child(odd) {
    color: var(--text-dim);
    font-weight: 600;
    white-space: nowrap;
    width: 110px;
}

html[data-public-theme="turkmod"] .topic-details-table td:nth-child(even) {
    font-weight: 500;
}

html[data-public-theme="turkmod"] .topic-details-table a {
    color: var(--text);
    text-decoration: none;
}

html[data-public-theme="turkmod"] .topic-details-table a:hover {
    color: var(--primary);
}

/* Media grid (was inline) */
html[data-public-theme="turkmod"] .topic-media-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
    gap: 1rem;
    margin-top: 1rem;
}

html[data-public-theme="turkmod"] .topic-media-placeholder {
    background: var(--bg);
    border-radius: var(--radius-md);
    aspect-ratio: 16/9;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--text-dim);
    border: 1px dashed var(--border);
    font-size: 2rem;
}

/* \e2\201d\20ac\e2\201d\20ac AJAX Comment System \e2\201d\20ac\e2\201d\20ac */
html[data-public-theme="turkmod"] .topic-comments {
    overflow: hidden;
    background: var(--bg-white);
    border: 1px solid var(--border);
    border-radius: var(--radius-sm);
    box-shadow: var(--shadow-sm);
    padding: 1.35rem;
}

html[data-public-theme="turkmod"] .ui-comment-header h2 {
    display: flex;
    align-items: center;
    gap: .5rem;
    margin: 0 0 1rem;
    font-size: 1.25rem;
    font-weight: 800;
    color: var(--text);
}

html[data-public-theme="turkmod"] .ui-comment-count {
    font-size: .85rem;
    font-weight: 400;
    color: var(--text-dim);
}

/* Form */
html[data-public-theme="turkmod"] .ui-comment-form-wrap {
    display: flex;
    gap: .75rem;
    margin-bottom: 1.25rem;
}

html[data-public-theme="turkmod"] .ui-comment-form-avatar {
    flex-shrink: 0;
    width: 36px;
    height: 36px;
    display: grid;
    place-items: center;
    background: var(--primary);
    color: var(--on-primary);
    font-weight: 800;
    font-size: .85rem;
    border-radius: 50%;
}

html[data-public-theme="turkmod"] .ui-comment-form-body {
    flex: 1;
    min-width: 0;
}

html[data-public-theme="turkmod"] .ui-comment-textarea {
    width: 100%;
    padding: .6rem .75rem;
    border: 1px solid var(--border);
    border-radius: var(--radius-md);
    font-size: .92rem;
    font-family: inherit;
    resize: none;
    transition: border-color .2s, box-shadow .2s;
    background: var(--bg);
    color: var(--text);
}

html[data-public-theme="turkmod"] .ui-comment-textarea:focus {
    outline: none;
    border-color: var(--primary);
    box-shadow: 0 0 0 3px color-mix(in srgb, var(--primary) 10%, transparent);
    background: var(--bg-white);
}

html[data-public-theme="turkmod"] .ui-comment-form-actions {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: .5rem;
}

html[data-public-theme="turkmod"] .ui-comment-char-count {
    font-size: .78rem;
    color: var(--text-dim);
}

html[data-public-theme="turkmod"] .ui-comment-form-btns {
    display: flex;
    gap: .4rem;
}

html[data-public-theme="turkmod"] .ui-comment-btn-cancel {
    padding: .35rem .75rem;
    background: none;
    border: 1px solid var(--border);
    border-radius: var(--radius-md);
    font-size: .82rem;
    font-weight: 600;
    color: var(--text-dim);
    cursor: pointer;
}

html[data-public-theme="turkmod"] .ui-comment-btn-cancel:hover {
    background: var(--bg);
}

html[data-public-theme="turkmod"] .ui-comment-btn-submit {
    padding: .35rem 1rem;
    background: var(--primary);
    color: var(--on-primary);
    border: none;
    border-radius: var(--radius-md);
    font-size: .82rem;
    font-weight: 700;
    cursor: pointer;
    transition: background .2s;
}

html[data-public-theme="turkmod"] .ui-comment-btn-submit:hover {
    background: var(--primary-dark);
}

html[data-public-theme="turkmod"] .ui-comment-btn-submit:disabled {
    opacity: .5;
    cursor: not-allowed;
}

/* Login prompt */
html[data-public-theme="turkmod"] .ui-comment-login-prompt {
    display: flex;
    align-items: center;
    gap: .5rem;
    padding: .85rem 1rem;
    margin-bottom: 1rem;
    background: var(--bg);
    border: 1px solid var(--border);
    border-radius: var(--radius-md);
    color: var(--text-dim);
    font-size: .9rem;
}

html[data-public-theme="turkmod"] .ui-comment-login-prompt a {
    color: var(--primary);
    font-weight: 700;
}

/* Alert */
html[data-public-theme="turkmod"] .ui-comment-alert {
    padding: .6rem 1rem;
    border-radius: var(--radius-md);
    font-size: .88rem;
    font-weight: 600;
    margin-bottom: .75rem;
    animation: tcFadeIn .3s ease;
}

html[data-public-theme="turkmod"] .ui-comment-alert-success {
    background: #f0fdf4;
    color: #166534;
    border: 1px solid #bbf7d0;
}

html[data-public-theme="turkmod"] .ui-comment-alert-error {
    background: #fef2f2;
    color: #991b1b;
    border: 1px solid #fecaca;
}

html[data-public-theme="turkmod"] .ui-comment-alert-warning {
    background: #fffbeb;
    color: #92400e;
    border: 1px solid #fed7aa;
}

html[data-public-theme="turkmod"] .is-hidden {
    display: none !important;
}

html[data-public-theme="turkmod"] .topic-media-item-inline {
    padding: .5rem;
    background: var(--topic-bg);
    border: 1px solid var(--topic-border);
    border-radius: .4rem;
    margin-bottom: .5rem;
}

html[data-public-theme="turkmod"] .topic-media-link-inline {
    text-decoration: none;
    color: var(--topic-text);
}

html[data-public-theme="turkmod"] .topic-card-image {
    height: 140px;
    border-radius: 8px;
    margin-bottom: 10px;
    overflow: hidden;
    background: #1e293b;
}

html[data-public-theme="turkmod"] .topic-card-image-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

html[data-public-theme="turkmod"] .topic-card-image-placeholder {
    background-color: #1e293b;
    display: flex;
    align-items: center;
    justify-content: center;
}

html[data-public-theme="turkmod"] .topic-card-image-placeholder i {
    font-size: 2rem;
    color: #475569;
}

html[data-public-theme="turkmod"] .topic-related-title {
    font-size: 1rem;
    margin: 0;
    color: var(--text);
}

html[data-public-theme="turkmod"] .sidebar-author-widget {
    padding: .75rem 0;
}

html[data-public-theme="turkmod"] .sidebar-author-link {
    display: flex;
    align-items: center;
    gap: .75rem;
    text-decoration: none;
    color: inherit;
}

html[data-public-theme="turkmod"] .sidebar-author-icon {
    font-size: 2.5rem;
    color: #8b1538;
}

html[data-public-theme="turkmod"] .sidebar-author-name {
    font-weight: 700;
    font-size: .95rem;
}

html[data-public-theme="turkmod"] .sidebar-author-hint {
    font-size: .82rem;
    color: #64748b;
}

html[data-public-theme="turkmod"] .sidebar-sort-widget {
    padding: .5rem 0;
}

html[data-public-theme="turkmod"] .sidebar-sort-field {
    margin-bottom: .75rem;
}

html[data-public-theme="turkmod"] .sidebar-sort-label {
    display: block;
    font-size: .85rem;
    font-weight: 600;
    margin-bottom: .3rem;
}

html[data-public-theme="turkmod"] .breadcrumb-container-spaced {
    margin-bottom: 1rem;
}

/* Comment list */
html[data-public-theme="turkmod"] .ui-comment-list {
    min-height: 40px;
}

html[data-public-theme="turkmod"] .ui-comment-loading {
    display: flex;
    align-items: center;
    gap: .5rem;
    padding: 1.5rem 0;
    color: var(--text-dim);
    font-size: .9rem;
}

html[data-public-theme="turkmod"] .ui-comment-spinner {
    width: 18px;
    height: 18px;
    border: 2px solid var(--border);
    border-top-color: var(--primary);
    border-radius: 50%;
    animation: tcSpin .6s linear infinite;
}

html[data-public-theme="turkmod"] .ui-comment-empty {
    color: var(--text-dim);
    font-style: italic;
    padding: .5rem 0;
}

/* Comment item */
html[data-public-theme="turkmod"] .ui-comment-item {
    display: flex;
    gap: .55rem;
    padding: .55rem 0;
    border-top: 1px solid var(--border);
    animation: tcFadeIn .35s ease;
}

html[data-public-theme="turkmod"] .ui-comment-item:first-child {
    border-top: none;
}

html[data-public-theme="turkmod"] .ui-comment-reply {
    margin-left: 0;
    padding-top: .3rem;
    padding-bottom: .3rem;
}

html[data-public-theme="turkmod"] .ui-comment-avatar {
    flex-shrink: 0;
    width: 32px;
    height: 32px;
    display: grid;
    place-items: center;
    background: var(--bg);
    color: var(--text-dim);
    font-weight: 800;
    font-size: .78rem;
    border-radius: 50%;
}

html[data-public-theme="turkmod"] .ui-comment-body {
    flex: 1;
    min-width: 0;
}

html[data-public-theme="turkmod"] .ui-comment-meta {
    display: flex;
    align-items: center;
    gap: .5rem;
    margin-bottom: .2rem;
    flex-wrap: wrap;
}

html[data-public-theme="turkmod"] .ui-comment-author {
    font-size: .88rem;
    color: var(--text);
}

html[data-public-theme="turkmod"] .ui-comment-time {
    font-size: .78rem;
    color: var(--text-dim);
}

html[data-public-theme="turkmod"] .ui-comment-text {
    font-size: .9rem;
    line-height: 1.6;
    color: var(--text);
    word-break: break-word;
}

html[data-public-theme="turkmod"] .ui-comment-actions-row {
    display: flex;
    gap: .25rem;
    margin-top: .35rem;
    opacity: 0;
    transition: opacity .2s;
}

html[data-public-theme="turkmod"] .ui-comment-item:hover .ui-comment-actions-row {
    opacity: 1;
}

html[data-public-theme="turkmod"] .ui-comment-action-btn {
    background: none;
    border: none;
    cursor: pointer;
    padding: .2rem .5rem;
    border-radius: var(--radius-sm);
    color: var(--text-dim);
    font-size: .78rem;
    font-weight: 600;
    display: inline-flex;
    align-items: center;
    gap: .25rem;
    transition: color .15s, background .15s;
}

html[data-public-theme="turkmod"] .ui-comment-action-btn:hover {
    background: var(--bg);
    color: var(--text);
}

html[data-public-theme="turkmod"] .ui-comment-delete:hover {
    color: #ef4444;
}

html[data-public-theme="turkmod"] .ui-comment-reply-btn:hover {
    color: #8b1538;
}

html[data-public-theme="turkmod"] .ui-comment-quote-tag {
    display: flex;
    align-items: baseline;
    gap: .25rem;
    font-size: .76rem;
    color: #8b1538;
    margin-bottom: .15rem;
    line-height: 1.3;
}

html[data-public-theme="turkmod"] .ui-comment-quote-tag i {
    font-size: .7rem;
}

html[data-public-theme="turkmod"] .ui-comment-quote-tag strong {
    font-weight: 700;
}

html[data-public-theme="turkmod"] .ui-comment-quote-tag span {
    color: var(--text-dim);
    font-style: italic;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 280px;
}

html[data-public-theme="turkmod"] .ui-comment-replies {
    padding-left: .6rem;
    border-left: 2px solid var(--border);
    margin-left: .9rem;
    margin-top: 0;
}

html[data-public-theme="turkmod"] .ui-comment-inline-reply-slot {
    min-height: 0;
}

html[data-public-theme="turkmod"] .ui-comment-inline-form {
    margin-top: .4rem;
    padding: .5rem .6rem;
    background: var(--bg);
    border: 1px solid var(--border);
    border-radius: var(--radius-md);
    animation: tcFadeIn .2s ease;
}

html[data-public-theme="turkmod"] .ui-comment-quote-info {
    display: flex;
    align-items: center;
    gap: .25rem;
    margin-bottom: .35rem;
    color: #8b1538;
    font-size: .78rem;
    font-weight: 500;
}

html[data-public-theme="turkmod"] .ui-comment-quote-info strong {
    font-weight: 700;
}

html[data-public-theme="turkmod"] .ui-comment-inline-textarea {
    min-height: 44px;
    font-size: .85rem;
    padding: .4rem .6rem;
}

html[data-public-theme="turkmod"] .ui-comment-inline-btns {
    display: flex;
    gap: .3rem;
    justify-content: flex-end;
    margin-top: .3rem;
}

@keyframes tcFadeIn {
    from {
        opacity: 0;
        transform: translateY(6px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}



/* Search info */
html[data-public-theme="turkmod"] .topic-search-info {
    padding: 0.75rem 1rem;
    background: #f0f9ff;
    border: 1px solid #bae6fd;
    border-radius: var(--radius-md);
    margin-bottom: 1rem;
}

html[data-public-theme="turkmod"] .topic-search-info p {
    margin: 0;
    color: #0c4a6e;
}

/* Pagination */
html[data-public-theme="turkmod"] .topic-pagination {
    margin-top: 2rem;
    display: flex;
    justify-content: center;
}

html[data-public-theme="turkmod"] .topic-pagination ul {
    display: flex;
    list-style: none;
    padding: 0;
    margin: 0;
    gap: 0.25rem;
}

html[data-public-theme="turkmod"] .topic-pagination li a {
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 36px;
    height: 36px;
    padding: 0 0.5rem;
    border: 1px solid var(--border);
    border-radius: var(--radius-sm);
    text-decoration: none;
    color: var(--text);
    font-weight: 600;
    font-size: 0.9rem;
    transition: all 0.15s ease;
}

html[data-public-theme="turkmod"] .topic-pagination li a:hover {
    background: var(--bg);
    border-color: var(--primary);
}

html[data-public-theme="turkmod"] .topic-pagination li.active a,
html[data-public-theme="turkmod"] .topic-pagination li[aria-current="page"] a {
    background: var(--primary);
    border-color: var(--primary);
    color: var(--on-primary);
}

/* 404 Page */
html[data-public-theme="turkmod"] .topic-404-page {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 50vh;
    padding: 2rem;
}

html[data-public-theme="turkmod"] .topic-404-content {
    text-align: center;
    max-width: 480px;
}

html[data-public-theme="turkmod"] .topic-404-icon {
    font-size: 4rem;
    color: var(--primary);
    margin-bottom: 1rem;
}

html[data-public-theme="turkmod"] .topic-404-content h1 {
    font-size: 5rem;
    font-weight: 900;
    color: var(--text);
    margin: 0;
    line-height: 1;
}

html[data-public-theme="turkmod"] .topic-404-content h2 {
    font-size: 1.5rem;
    font-weight: 700;
    color: var(--text);
    margin: 0.5rem 0 1rem;
}

html[data-public-theme="turkmod"] .topic-404-content p {
    color: var(--text-dim);
    font-size: 1.05rem;
    margin-bottom: 2rem;
}

html[data-public-theme="turkmod"] .topic-404-actions {
    display: flex;
    gap: 1rem;
    justify-content: center;
    flex-wrap: wrap;
}

html[data-public-theme="turkmod"] .topic-secondary-link {
    display: inline-flex;
    align-items: center;
    padding: 0.6rem 1.2rem;
    background: var(--bg);
    color: var(--text);
    border: 1px solid var(--border);
    border-radius: var(--radius-md);
    font-weight: 700;
    text-decoration: none;
    transition: all var(--transition-fast);
}

html[data-public-theme="turkmod"] .topic-secondary-link:hover {
    background: var(--bg-hover);
}

/* Skeleton loading animation */
@keyframes skeleton-pulse {
    0% {
        opacity: 1;
    }

    50% {
        opacity: 0.4;
    }

    100% {
        opacity: 1;
    }
}

html[data-public-theme="turkmod"] .topic-skeleton {
    background: linear-gradient(90deg, var(--bg) 25%, var(--bg-hover) 50%, var(--bg) 75%);
    background-size: 200% 100%;
    animation: skeleton-pulse 1.5s ease-in-out infinite;
    border-radius: var(--radius-sm);
}

html[data-public-theme="turkmod"] .topic-skeleton-card {
    display: flex;
    gap: 1rem;
    padding: 1rem;
    border: 1px solid var(--border);
    border-radius: var(--radius-md);
    margin-bottom: 1rem;
}

html[data-public-theme="turkmod"] .topic-skeleton-thumb {
    width: 200px;
    height: 130px;
    flex-shrink: 0;
}

html[data-public-theme="turkmod"] .topic-skeleton-body {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

html[data-public-theme="turkmod"] .topic-skeleton-title {
    height: 1.2rem;
    width: 70%;
}

html[data-public-theme="turkmod"] .topic-skeleton-text {
    height: 0.9rem;
    width: 100%;
}

html[data-public-theme="turkmod"] .topic-skeleton-text-short {
    height: 0.9rem;
    width: 40%;
}

/* ============================================
   RESPONSIVE IMPROVEMENTS
   ============================================ */

/* Mobile first responsive */
@media (max-width: 575.98px) {
    html[data-public-theme="turkmod"] .topic-share-layout {
        grid-template-columns: 1fr !important;
    }

    html[data-public-theme="turkmod"] .topic-detail-layout {
        grid-template-columns: 1fr !important;
    }

    html[data-public-theme="turkmod"] .topic-list-card {
        flex-direction: column;
    }

    html[data-public-theme="turkmod"] .topic-list-thumb {
        width: 100% !important;
        max-width: none !important;
        height: 180px;
    }

    html[data-public-theme="turkmod"] .topic-list-bottom-row {
        flex-direction: column;
        align-items: flex-start;
        gap: 0.75rem;
    }

    html[data-public-theme="turkmod"] .topic-read-more {
        align-self: flex-start;
    }

    html[data-public-theme="turkmod"] .topic-media-grid {
        grid-template-columns: 1fr 1fr;
    }

    html[data-public-theme="turkmod"] .topic-category-header h1 {
        font-size: 1.5rem;
    }

    html[data-public-theme="turkmod"] .category-hero-panel {
        grid-template-columns: 1fr;
        padding: .9rem;
    }

    html[data-public-theme="turkmod"] .category-hero-stats {
        grid-auto-flow: row;
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    html[data-public-theme="turkmod"] .category-hero-stats span {
        min-width: 0;
    }

    html[data-public-theme="turkmod"] .topic-404-content h1 {
        font-size: 3.5rem;
    }

    html[data-public-theme="turkmod"] .topic-all-categories-grid {
        grid-template-columns: 1fr;
    }

    html[data-public-theme="turkmod"] .premium-search-form {
        display: none;
    }

    html[data-public-theme="turkmod"] .premium-topbar-container {
        gap: 0.5rem;
    }

    html[data-public-theme="turkmod"] .premium-brand-text {
        display: none;
    }
}

@media (min-width: 576px) and (max-width: 767.98px) {
    html[data-public-theme="turkmod"] .topic-share-layout {
        grid-template-columns: 1fr !important;
    }

    html[data-public-theme="turkmod"] .topic-detail-layout {
        grid-template-columns: 1fr !important;
    }

    html[data-public-theme="turkmod"] .topic-list-thumb {
        width: 180px !important;
    }
}

@media (min-width: 768px) and (max-width: 991.98px) {
    html[data-public-theme="turkmod"] .topic-share-layout {
        grid-template-columns: 1fr 280px !important;
    }

    html[data-public-theme="turkmod"] .topic-detail-layout {
        grid-template-columns: 1fr 260px !important;
    }
}

@media (max-width: 991.98px) {
    html[data-public-theme="turkmod"] .topic-sidebar {
        order: -1;
    }
}

@media (min-width: 768px) {

    html[data-public-theme="turkmod"] .topic-share-layout>.topic-sidebar,
    html[data-public-theme="turkmod"] .topic-detail-layout>.topic-sidebar {
        order: initial;
    }

}

/* ============================================
   \c4\b0ND\c4\b0RME BA\c4\9eLANTILARI - Belirgin Tema Uyumlu Tasar\c4\b1m
   ============================================ */

html[data-public-theme="turkmod"] .topic-dl-card {
    display: grid;
    grid-template-columns: auto 1fr auto;
    align-items: center;
    gap: 0.85rem;
    width: 100%;
    padding: 1rem 1.25rem;
    background: var(--bg-white);
    border: 2px solid var(--border);
    border-radius: 10px;
    text-decoration: none;
    color: inherit;
    transition: all 0.25s ease;
    box-shadow: 0 2px 6px var(--shadow), 0 0 0 1px rgba(0, 0, 0, 0.02);
    position: relative;
    overflow: hidden;
    margin-bottom: 0.75rem;
}

/* A\c3\a7\c4\b1k tema i\c3\a7in daha belirgin arka plan */
html[data-public-theme="turkmod"] [data-theme="light"] .topic-dl-card {
    background: var(--bg-white);
    border-color: #e5e7eb;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08), 0 0 0 1px rgba(0, 0, 0, 0.04);
}

/* Koyu tema i\c3\a7in daha belirgin arka plan */
html[data-public-theme="turkmod"] [data-theme="dark"] .topic-dl-card {
    background: #1e293b;
    border-color: #334155;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3), 0 0 0 1px rgba(255, 255, 255, 0.05);
}

html[data-public-theme="turkmod"] .topic-dl-card::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 4px;
    background: var(--primary);
    opacity: 0;
    transition: opacity 0.25s ease;
}

html[data-public-theme="turkmod"] .topic-dl-card:hover {
    border-color: var(--primary);
    background: var(--bg-hover);
    transform: translateX(4px);
    box-shadow: 0 4px 16px var(--shadow), 0 0 0 2px var(--primary);
}

html[data-public-theme="turkmod"] [data-theme="light"] .topic-dl-card:hover {
    background: #f9fafb;
    box-shadow: 0 4px 16px rgba(139, 21, 56, 0.15), 0 0 0 2px var(--primary);
}

html[data-public-theme="turkmod"] [data-theme="dark"] .topic-dl-card:hover {
    background: #0f172a;
    box-shadow: 0 4px 16px var(--brand-accent-alpha-20), 0 0 0 2px var(--primary);
}

html[data-public-theme="turkmod"] .topic-dl-card:hover::before {
    opacity: 1;
}

/* \c4\b0kon */
html[data-public-theme="turkmod"] .topic-dl-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    background: var(--primary);
    color: var(--on-primary);
    border-radius: 10px;
    font-size: 1.2rem;
    flex-shrink: 0;
    transition: all 0.25s ease;
}

html[data-public-theme="turkmod"] .topic-dl-card:hover .topic-dl-icon {
    background: var(--primary-dark);
    transform: scale(1.08) rotate(5deg);
    box-shadow: 0 4px 12px var(--brand-accent-alpha-30);
}

html[data-public-theme="turkmod"] [data-theme="light"] .topic-dl-card:hover .topic-dl-icon {
    box-shadow: 0 4px 12px rgba(139, 21, 56, 0.25);
}

html[data-public-theme="turkmod"] .topic-dl-icon i {
    color: inherit;
}

/* Bilgi Alan\c4\b1 */
html[data-public-theme="turkmod"] .topic-dl-info {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 4px;
}

html[data-public-theme="turkmod"] .topic-dl-info strong {
    display: block;
    font-size: 0.95rem;
    font-weight: 700;
    color: var(--text);
    line-height: 1.3;
    transition: color 0.2s ease;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

html[data-public-theme="turkmod"] .topic-dl-card:hover .topic-dl-info strong {
    color: var(--primary);
}

html[data-public-theme="turkmod"] .topic-dl-info small {
    display: block;
    font-size: 0.8rem;
    color: var(--text-dim);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* \c4\b0ndirme Say\c4\b1s\c4\b1 */
html[data-public-theme="turkmod"] .topic-dl-count {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    margin-top: 4px;
    color: var(--text-dim);
    background: var(--bg);
    padding: 4px 8px;
    border-radius: 5px;
    font-size: 0.75rem;
    font-weight: 600;
    border: 1px solid var(--border);
    transition: all var(--transition-fast);
}

html[data-public-theme="turkmod"] .topic-dl-card:hover .topic-dl-count {
    background: var(--bg-hover);
    border-color: var(--primary);
    color: var(--primary);
}

html[data-public-theme="turkmod"] .topic-dl-count i {
    color: var(--primary);
    font-size: 0.8rem;
}

/* Aksiyon Butonu */
html[data-public-theme="turkmod"] .topic-dl-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 38px;
    padding: 0.5rem 1.25rem;
    color: var(--on-primary);
    background: var(--primary);
    border-radius: var(--radius-md);
    transition: all 0.25s ease;
    box-shadow: 0 2px 8px var(--brand-accent-alpha-20);
    flex-shrink: 0;
    font-weight: 700;
    font-size: 0.85rem;
    white-space: nowrap;
}

html[data-public-theme="turkmod"] [data-theme="light"] .topic-dl-button {
    box-shadow: 0 2px 8px rgba(139, 21, 56, 0.15);
}

html[data-public-theme="turkmod"] .topic-dl-card:hover .topic-dl-button {
    background: var(--primary-dark);
    box-shadow: 0 4px 14px var(--brand-accent-alpha-30);
    transform: translateY(-2px);
}

html[data-public-theme="turkmod"] [data-theme="light"] .topic-dl-card:hover .topic-dl-button {
    box-shadow: 0 4px 14px rgba(139, 21, 56, 0.25);
}

html[data-public-theme="turkmod"] .topic-dl-action {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: inherit;
    font-weight: inherit;
    white-space: nowrap;
}

/* Durum: Say\c4\b1m Yap\c4\b1l\c4\b1yor */
html[data-public-theme="turkmod"] .topic-dl-card.is-counting {
    pointer-events: none;
    background: var(--bg);
    border-color: var(--border);
    transform: none;
    box-shadow: 0 1px 2px var(--shadow);
}

html[data-public-theme="turkmod"] [data-theme="light"] .topic-dl-card.is-counting {
    background: #f3f4f6;
    border-color: #d1d5db;
}

html[data-public-theme="turkmod"] [data-theme="dark"] .topic-dl-card.is-counting {
    background: #0f172a;
    border-color: #1e293b;
}

html[data-public-theme="turkmod"] .topic-dl-card.is-counting::before {
    opacity: 0;
}

html[data-public-theme="turkmod"] .topic-dl-card.is-counting .topic-dl-icon {
    background: var(--bg-hover);
    color: var(--text-dim);
    animation: pulse 1.5s ease-in-out infinite;
}

html[data-public-theme="turkmod"] [data-theme="light"] .topic-dl-card.is-counting .topic-dl-icon {
    background: #e5e7eb;
    color: #9ca3af;
}

html[data-public-theme="turkmod"] [data-theme="dark"] .topic-dl-card.is-counting .topic-dl-icon {
    background: #1e293b;
    color: var(--text-dim);
}

html[data-public-theme="turkmod"] .topic-dl-card.is-counting .topic-dl-info strong {
    color: var(--text-dim);
}

html[data-public-theme="turkmod"] .topic-dl-card.is-counting .topic-dl-action {
    color: var(--text-dim);
}

html[data-public-theme="turkmod"] .topic-dl-card.is-counting .topic-dl-button {
    background: var(--bg-hover);
    color: var(--text-dim);
    box-shadow: none;
}

html[data-public-theme="turkmod"] [data-theme="light"] .topic-dl-card.is-counting .topic-dl-button {
    background: #e5e7eb;
    color: #6b7280;
}

html[data-public-theme="turkmod"] [data-theme="dark"] .topic-dl-card.is-counting .topic-dl-button {
    background: #1e293b;
    color: var(--text-dim);
}

/* Durum: Haz\c4\b1r */
html[data-public-theme="turkmod"] .topic-dl-card.is-ready {
    border-color: var(--success, #10b981);
    background: var(--bg-white);
    box-shadow: 0 2px 8px rgba(16, 185, 129, 0.15), 0 0 0 1px rgba(16, 185, 129, 0.1);
}

html[data-public-theme="turkmod"] [data-theme="light"] .topic-dl-card.is-ready {
    background: #f0fdf4;
    border-color: #10b981;
    box-shadow: 0 2px 8px rgba(16, 185, 129, 0.2), 0 0 0 1px rgba(16, 185, 129, 0.15);
}

html[data-public-theme="turkmod"] [data-theme="dark"] .topic-dl-card.is-ready {
    background: #064e3b;
    border-color: #10b981;
    box-shadow: 0 2px 8px rgba(16, 185, 129, 0.3), 0 0 0 1px rgba(16, 185, 129, 0.2);
}

html[data-public-theme="turkmod"] .topic-dl-card.is-ready::before {
    background: var(--success, #10b981);
    opacity: 1;
}

html[data-public-theme="turkmod"] .topic-dl-card.is-ready .topic-dl-icon {
    background: var(--success, #10b981);
    color: var(--on-primary);
    box-shadow: 0 2px 8px rgba(16, 185, 129, 0.3);
}

html[data-public-theme="turkmod"] .topic-dl-card.is-ready .topic-dl-info strong {
    color: var(--success, #10b981);
    font-weight: 800;
}

html[data-public-theme="turkmod"] .topic-dl-card.is-ready .topic-dl-button {
    color: var(--on-primary);
    background: var(--success, #10b981);
    box-shadow: 0 2px 8px rgba(16, 185, 129, 0.3);
}

html[data-public-theme="turkmod"] .topic-dl-card.is-ready:hover {
    box-shadow: 0 4px 16px rgba(16, 185, 129, 0.3), 0 0 0 2px var(--success, #10b981);
    transform: translateX(4px);
    border-color: var(--success, #10b981);
}

html[data-public-theme="turkmod"] [data-theme="light"] .topic-dl-card.is-ready:hover {
    background: #dcfce7;
    box-shadow: 0 4px 16px rgba(16, 185, 129, 0.35), 0 0 0 2px #10b981;
}

html[data-public-theme="turkmod"] [data-theme="dark"] .topic-dl-card.is-ready:hover {
    background: #065f46;
    box-shadow: 0 4px 16px rgba(16, 185, 129, 0.4), 0 0 0 2px #10b981;
}

html[data-public-theme="turkmod"] .topic-dl-card.is-ready:hover .topic-dl-icon {
    transform: scale(1.08) rotate(5deg);
    box-shadow: 0 4px 12px rgba(16, 185, 129, 0.4);
}

html[data-public-theme="turkmod"] .topic-dl-card.is-ready:hover .topic-dl-button {
    box-shadow: 0 4px 14px rgba(16, 185, 129, 0.4);
    transform: translateY(-2px);
}

html[data-public-theme="turkmod"] .topic-dl-card.is-ready .topic-dl-action {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    color: var(--on-primary);
    font-weight: 800;
}

html[data-public-theme="turkmod"] .topic-dl-card.is-ready .topic-dl-action::before {
    content: "\2713";
    display: inline-grid;
    width: 16px;
    height: 16px;
    place-items: center;
    border-radius: 999px;
    background: rgba(255, 255, 255, .22);
    color: var(--on-primary);
    font-size: .72rem;
    font-weight: 900;
    line-height: 1;
}

/* Animasyon */
@keyframes pulse {

    0%,
    100% {
        opacity: 1;
        transform: scale(1);
    }

    50% {
        opacity: 0.6;
        transform: scale(0.95);
    }
}

/* Responsive Tasar\c4\b1m */
@media (max-width: 768px) {
    html[data-public-theme="turkmod"] .topic-dl-card {
        grid-template-columns: auto 1fr;
        grid-template-areas:
            "icon info"
            "button button";
        gap: 0.75rem;
        padding: 0.75rem;
    }

    html[data-public-theme="turkmod"] .topic-dl-icon {
        grid-area: icon;
        width: 40px;
        height: 40px;
        font-size: 1.1rem;
    }

    html[data-public-theme="turkmod"] .topic-dl-info {
        grid-area: info;
    }

    html[data-public-theme="turkmod"] .topic-dl-button {
        grid-area: button;
        width: 100%;
        justify-content: center;
        padding: 0.65rem 1rem;
    }

    html[data-public-theme="turkmod"] .topic-dl-card:hover {
        transform: translateX(2px);
    }
}

@media (max-width: 480px) {
    html[data-public-theme="turkmod"] .topic-dl-card {
        padding: 0.65rem;
        gap: 0.65rem;
    }

    html[data-public-theme="turkmod"] .topic-dl-icon {
        width: 36px;
        height: 36px;
        font-size: 1rem;
        border-radius: var(--radius-md);
    }

    html[data-public-theme="turkmod"] .topic-dl-info strong {
        font-size: 0.875rem;
    }

    html[data-public-theme="turkmod"] .topic-dl-info small {
        font-size: 0.75rem;
    }

    html[data-public-theme="turkmod"] .topic-dl-count {
        font-size: 0.7rem;
        padding: 3px 6px;
    }

    html[data-public-theme="turkmod"] .topic-dl-button {
        min-height: 36px;
        padding: 0.5rem 0.85rem;
        font-size: 0.8rem;
    }
}

/* ============================================
   PHASE 2: Additional improvements
   ============================================ */

/* Breadcrumb */
html[data-public-theme="turkmod"] .topic-breadcrumb {
    margin: 8px auto 8px;
    max-width: min(1360px, calc(100% - 40px));
    padding: 8px 16px;
    background: var(--bg-white);
    border: 1px solid var(--border);
    border-radius: var(--radius-md);
    box-shadow: var(--shadow-sm);
}

html[data-public-theme="turkmod"] .topic-breadcrumb ol {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    list-style: none;
    padding: 0;
    margin: 0;
    gap: 8px;
    font-size: 0.8rem;
}

html[data-public-theme="turkmod"] .topic-breadcrumb li {
    display: inline-flex;
    align-items: center;
    gap: 8px;
}

html[data-public-theme="turkmod"] .topic-breadcrumb li::after {
    content: "\F285";
    color: var(--text-dim);
    font-family: "bootstrap-icons";
    font-size: 0.7rem;
    font-weight: 400;
    line-height: 1;
}

html[data-public-theme="turkmod"] .topic-breadcrumb li:last-child::after {
    display: none;
}

html[data-public-theme="turkmod"] .topic-breadcrumb li a {
    display: flex;
    align-items: center;
    gap: 4px;
    color: var(--primary);
    font-weight: 600;
    font-size: 0.8rem;
    text-decoration: none;
    transition: all 0.2s;
}

html[data-public-theme="turkmod"] .topic-breadcrumb li a:hover {
    color: var(--primary-dark);
}

html[data-public-theme="turkmod"] .topic-breadcrumb li a i {
    font-size: 0.85rem;
}

html[data-public-theme="turkmod"] .topic-breadcrumb li,
html[data-public-theme="turkmod"] .topic-breadcrumb span {
    color: var(--text-dim);
    font-size: 0.8rem;
    font-weight: 500;
}

html[data-public-theme="turkmod"] .topic-breadcrumb li.active span {
    color: var(--text-dim);
    font-weight: 500;
}

/* Toast notifications */
/* ============================================
   TOAST NOTIFICATIONS \e2\20ac\201d Advanced System
   ============================================ */
html[data-public-theme="turkmod"] .topic-toast-container {
    position: fixed;
    z-index: var(--z-tooltip);
    display: flex;
    flex-direction: column;
    gap: 0.6rem;
    pointer-events: none;
    padding: 1.25rem;
    max-height: 100vh;
    overflow: hidden;
}

/* Positions */
html[data-public-theme="turkmod"] .toast-pos-top-right    { top: 0; right: 0; }
html[data-public-theme="turkmod"] .toast-pos-bottom-right { bottom: 0; right: 0; }
html[data-public-theme="turkmod"] .toast-pos-top-left     { top: 0; left: 0; }
html[data-public-theme="turkmod"] .toast-pos-bottom-left  { bottom: 0; left: 0; }
html[data-public-theme="turkmod"] .toast-pos-top-center   { top: 0; left: 50%; transform: translateX(-50%); }
html[data-public-theme="turkmod"] .toast-pos-bottom-center{ bottom: 0; left: 50%; transform: translateX(-50%); }

/* Base Toast */
html[data-public-theme="turkmod"] .topic-toast {
    pointer-events: auto;
    position: relative;
    padding: 0.85rem 1.15rem;
    padding-right: 2.2rem;
    background: var(--bg, #1a2332);
    color: var(--text, #e2e8f0);
    border-radius: 0.65rem;
    font-size: 0.92rem;
    font-weight: 500;
    line-height: 1.4;
    box-shadow: 0 8px 32px rgba(0,0,0,0.28), 0 2px 8px rgba(0,0,0,0.12);
    display: flex;
    align-items: center;
    gap: 0.65rem;
    min-width: 280px;
    max-width: 420px;
    overflow: hidden;
    border-left: 4px solid transparent;
    transition: opacity 0.3s, transform 0.3s;
}

html[data-public-theme="turkmod"] .topic-toast .toast-icon {
    font-size: 1.2rem;
    flex-shrink: 0;
}

html[data-public-theme="turkmod"] .topic-toast .toast-message {
    flex: 1;
    word-break: break-word;
}

/* Close button */
html[data-public-theme="turkmod"] .toast-close-btn {
    position: absolute;
    top: 0.45rem;
    right: 0.5rem;
    background: none;
    border: none;
    color: inherit;
    font-size: 1.15rem;
    line-height: 1;
    cursor: pointer;
    opacity: 0.5;
    padding: 0.15rem 0.35rem;
    border-radius: 0.3rem;
    transition: opacity 0.2s, background 0.2s;
}
html[data-public-theme="turkmod"] .toast-close-btn:hover {
    opacity: 1;
    background: rgba(255,255,255,0.12);
}

/* Progress bar */
html[data-public-theme="turkmod"] .toast-progress-wrap {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: rgba(255,255,255,0.1);
    border-radius: 0 0 0.65rem 0.65rem;
    overflow: hidden;
}
html[data-public-theme="turkmod"] .toast-progress {
    width: 100%;
    height: 100%;
    border-radius: inherit;
    animation: toast-progress-shrink linear forwards;
    transform-origin: left;
}
@keyframes toast-progress-shrink {
    from { transform: scaleX(1); }
    to   { transform: scaleX(0); }
}

/* Progress bar type colors */
html[data-public-theme="turkmod"] .toast-progress-success { background: #34d399; }
html[data-public-theme="turkmod"] .toast-progress-error   { background: #f87171; }
html[data-public-theme="turkmod"] .toast-progress-warning { background: #fbbf24; }
html[data-public-theme="turkmod"] .toast-progress-info    { background: #60a5fa; }

/* ---- Type Colors (default theme) ---- */
html[data-public-theme="turkmod"] .topic-toast.toast-success { border-left-color: #10b981; }
html[data-public-theme="turkmod"] .topic-toast.toast-error   { border-left-color: #ef4444; }
html[data-public-theme="turkmod"] .topic-toast.toast-warning { border-left-color: #f59e0b; }
html[data-public-theme="turkmod"] .topic-toast.toast-info    { border-left-color: #8b1538; }

html[data-public-theme="turkmod"] .topic-toast.toast-success .toast-icon { color: #34d399; }
html[data-public-theme="turkmod"] .topic-toast.toast-error   .toast-icon { color: #f87171; }
html[data-public-theme="turkmod"] .topic-toast.toast-warning .toast-icon { color: #fbbf24; }
html[data-public-theme="turkmod"] .topic-toast.toast-info    .toast-icon { color: #60a5fa; }

/* ---- Theme: Colored (full background fill) ---- */
html[data-public-theme="turkmod"] .topic-toast.toast-theme-colored.toast-success { background: #059669; color: #fff; border-left-color: #047857; }
html[data-public-theme="turkmod"] .topic-toast.toast-theme-colored.toast-error   { background: #dc2626; color: #fff; border-left-color: #b91c1c; }
html[data-public-theme="turkmod"] .topic-toast.toast-theme-colored.toast-warning { background: #d97706; color: #fff; border-left-color: #b45309; }
html[data-public-theme="turkmod"] .topic-toast.toast-theme-colored.toast-info    { background: #8b1538; color: #fff; border-left-color: #8b1538; }
html[data-public-theme="turkmod"] .topic-toast.toast-theme-colored .toast-icon   { color: rgba(255,255,255,0.9); }
html[data-public-theme="turkmod"] .topic-toast.toast-theme-colored .toast-close-btn:hover { background: rgba(255,255,255,0.2); }

/* ---- Theme: Glass (glassmorphism) ---- */
html[data-public-theme="turkmod"] .topic-toast.toast-theme-glass {
    background: rgba(30, 41, 59, 0.72);
    backdrop-filter: blur(16px) saturate(1.4);
    -webkit-backdrop-filter: blur(16px) saturate(1.4);
    border: 1px solid rgba(255,255,255,0.08);
    box-shadow: 0 8px 32px rgba(0,0,0,0.3), inset 0 1px 0 rgba(255,255,255,0.06);
}

/* ---- Theme: Minimal (clean, subtle) ---- */
html[data-public-theme="turkmod"] .topic-toast.toast-theme-minimal {
    background: var(--bg, #fff);
    border: 1px solid rgba(0,0,0,0.08);
    box-shadow: 0 2px 12px rgba(0,0,0,0.08);
    border-left-width: 3px;
}

/* ---- Animations ---- */

/* Slide (default) */
html[data-public-theme="turkmod"] .topic-toast.toast-anim-slide {
    animation: toast-slide-in 0.35s cubic-bezier(0.21, 1.02, 0.73, 1) forwards;
}

/* Fade */
html[data-public-theme="turkmod"] .topic-toast.toast-anim-fade {
    animation: toast-fade-in 0.35s ease forwards;
}

/* Bounce */
html[data-public-theme="turkmod"] .topic-toast.toast-anim-bounce {
    animation: toast-bounce-in 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55) forwards;
}

/* Scale */
html[data-public-theme="turkmod"] .topic-toast.toast-anim-scale {
    animation: toast-scale-in 0.3s cubic-bezier(0.34, 1.56, 0.64, 1) forwards;
}

@keyframes toast-slide-in {
    from { opacity: 0; transform: translateX(100%); }
    to   { opacity: 1; transform: translateX(0); }
}
@keyframes toast-fade-in {
    from { opacity: 0; }
    to   { opacity: 1; }
}
@keyframes toast-bounce-in {
    0%   { opacity: 0; transform: translateY(-30px) scale(0.9); }
    60%  { opacity: 1; transform: translateY(8px) scale(1.02); }
    100% { opacity: 1; transform: translateY(0) scale(1); }
}
@keyframes toast-scale-in {
    from { opacity: 0; transform: scale(0.7); }
    to   { opacity: 1; transform: scale(1); }
}

/* Slide-in for left positions */
html[data-public-theme="turkmod"] .toast-pos-top-left .topic-toast.toast-anim-slide,
html[data-public-theme="turkmod"] .toast-pos-bottom-left .topic-toast.toast-anim-slide {
    animation-name: toast-slide-in-left;
}
@keyframes toast-slide-in-left {
    from { opacity: 0; transform: translateX(-100%); }
    to   { opacity: 1; transform: translateX(0); }
}

/* Center positions: slide from top */
html[data-public-theme="turkmod"] .toast-pos-top-center .topic-toast.toast-anim-slide {
    animation-name: toast-slide-in-top;
}
html[data-public-theme="turkmod"] .toast-pos-bottom-center .topic-toast.toast-anim-slide {
    animation-name: toast-slide-in-bottom;
}
@keyframes toast-slide-in-top {
    from { opacity: 0; transform: translateY(-100%); }
    to   { opacity: 1; transform: translateY(0); }
}
@keyframes toast-slide-in-bottom {
    from { opacity: 0; transform: translateY(100%); }
    to   { opacity: 1; transform: translateY(0); }
}

/* Dismissal animation */
html[data-public-theme="turkmod"] .topic-toast.toast-out {
    animation: toast-out 0.3s ease forwards !important;
}
@keyframes toast-out {
    from { opacity: 1; transform: translateX(0) scale(1); }
    to   { opacity: 0; transform: translateX(60px) scale(0.95); }
}
html[data-public-theme="turkmod"] .toast-pos-top-left .topic-toast.toast-out,
html[data-public-theme="turkmod"] .toast-pos-bottom-left .topic-toast.toast-out {
    animation-name: toast-out-left !important;
}
@keyframes toast-out-left {
    from { opacity: 1; transform: translateX(0) scale(1); }
    to   { opacity: 0; transform: translateX(-60px) scale(0.95); }
}

/* Mobile responsive */
@media (max-width: 480px) {
    html[data-public-theme="turkmod"] .topic-toast-container {
        left: 0.5rem !important;
        right: 0.5rem !important;
        transform: none !important;
        padding: 0.75rem;
    }
    html[data-public-theme="turkmod"] .topic-toast {
        min-width: unset;
        max-width: 100%;
        font-size: 0.88rem;
    }
}

/* Theme system uses CSS variables \e2\20ac\201d supports light/dark */

/* ============================================
   TOPIC NAVBAR \e2\20ac\201d Dark topbar with accent border
   ============================================ */

html[data-public-theme="turkmod"] .topic-navbar {
    background: var(--bg);
    border-bottom: 4px solid var(--primary);
    box-shadow: 0 12px 28px rgba(11, 18, 30, .18);
    padding-block: .6rem;
}

html[data-public-theme="turkmod"] .topic-navbar .navbar-toggler {
    border-color: rgba(255, 255, 255, .25);
}

html[data-public-theme="turkmod"] .topic-navbar .navbar-toggler-icon {
    filter: invert(1);
}

html[data-public-theme="turkmod"] .topic-brand {
    display: inline-flex;
    align-items: center;
    gap: .65rem;
    color: var(--text);
    font-weight: 800;
    letter-spacing: 0;
    text-decoration: none;
}

html[data-public-theme="turkmod"] .topic-brand:hover,
html[data-public-theme="turkmod"] .topic-brand:focus {
    color: var(--text);
}

html[data-public-theme="turkmod"] .topic-brand-mark {
    display: inline-grid;
    width: 2.15rem;
    height: 2.15rem;
    place-items: center;
    border-radius: .35rem;
    color: var(--text);
    background: var(--primary);
    box-shadow: inset 0 -3px rgba(0, 0, 0, .16);
    font-weight: 900;
    font-size: 1.1rem;
}

html[data-public-theme="turkmod"] .topic-navbar .nav-link {
    color: var(--text-dim);
    font-weight: 700;
    font-size: .95rem;
}

html[data-public-theme="turkmod"] .topic-navbar .nav-link:hover,
html[data-public-theme="turkmod"] .topic-navbar .nav-link:focus {
    color: var(--primary);
}

html[data-public-theme="turkmod"] .topic-nav-search {
    display: flex;
    width: min(380px, 100%);
    gap: .4rem;
}

html[data-public-theme="turkmod"] .topic-nav-search .form-control {
    min-width: 0;
    border: 0;
    background: rgba(255, 255, 255, .1);
    color: var(--text);
    font-size: .9rem;
}

html[data-public-theme="turkmod"] .topic-nav-search .form-control::placeholder {
    color: rgba(255, 255, 255, .6);
}

html[data-public-theme="turkmod"] .topic-nav-search .form-control:focus {
    background: rgba(255, 255, 255, .15);
    box-shadow: 0 0 0 2px rgba(139, 21, 56, .25);
}

html[data-public-theme="turkmod"] .topic-navbar .btn-outline-secondary {
    color: rgba(255, 255, 255, .8);
    border-color: rgba(255, 255, 255, .2);
}

html[data-public-theme="turkmod"] .topic-navbar .btn-outline-secondary:hover {
    color: var(--text);
    background: rgba(255, 255, 255, .1);
    border-color: rgba(255, 255, 255, .35);
}

html[data-public-theme="turkmod"] .topic-navbar .btn-outline-danger {
    color: var(--danger);
    border-color: rgba(252, 165, 165, .3);
}

html[data-public-theme="turkmod"] .topic-navbar .btn-outline-danger:hover {
    color: var(--on-primary);
    background: var(--danger);
    border-color: var(--danger);
}

html[data-public-theme="turkmod"] .topic-navbar .btn-outline-light {
    color: rgba(255, 255, 255, .85);
    border-color: rgba(255, 255, 255, .3);
}

html[data-public-theme="turkmod"] .topic-navbar .btn-outline-light:hover {
    color: var(--text);
    background: var(--bg-white);
}

html[data-public-theme="turkmod"] #main-content.topic-main {
    padding: 1.5rem 0 2rem;
    background: var(--bg);
    overflow: visible !important;
}

html[data-public-theme="turkmod"] .topic-footer {
    padding: 1.25rem 0;
    color: var(--text-dim);
    background: var(--bg-white);
    border-top: 1px solid var(--border);
    font-size: .9rem;
}

@media (max-width: 991.98px) {
    html[data-public-theme="turkmod"] .topic-nav-search {
        width: 100%;
        margin-top: .5rem;
    }
}

/* ============================================
   TOPIC HOME \e2\20ac\201d main page layout
   ============================================ */

html[data-public-theme="turkmod"] {
    /* Hafif tema d\c3\bczen token'lar\c4\b1 \e2\20ac\201d design-tokens.css'deki ana token'larla e\c5\178le\c5\178ir */
    --topic-body-bg: var(--bg, #eef1f6);
    --topic-surface: var(--bg-white, #ffffff);
    --topic-text: var(--text, #202938);
    --topic-muted: var(--text-dim, #687386);
    --topic-border: var(--border, #d8dee8);
    /* NOT: --topic-accent, --topic-accent-strong, --topic-dark,
           --topic-dark-soft art\c4\b1k design-tokens.css'de tan\c4\b1ml\c4\b1 */
}

html[data-public-theme="turkmod"] .home-hero {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(320px, 480px);
    gap: 1.5rem;
    align-items: end;
    margin-bottom: 1.25rem;
    padding: 2rem;
    color: var(--on-primary);
    background:
        linear-gradient(135deg, rgba(29, 38, 51, .98), rgba(45, 58, 77, .94)),
        url("../../../images/bg01.png");
    background-size: cover;
    background-position: center;
    border-radius: .55rem;
    box-shadow: 0 16px 40px rgba(19, 28, 42, .22);
}

html[data-public-theme="turkmod"] .home-hero-copy {
    min-width: 0;
}

html[data-public-theme="turkmod"] .home-eyebrow,
html[data-public-theme="turkmod"] .section-heading span {
    display: block;
    margin-bottom: .25rem;
    color: var(--topic-accent);
    font-size: .75rem;
    font-weight: 800;
    letter-spacing: .08em;
    text-transform: uppercase;
}

html[data-public-theme="turkmod"] .home-hero h1 {
    margin: 0;
    font-size: clamp(2rem, 4vw, 3.25rem);
    font-weight: 850;
    letter-spacing: 0;
}

html[data-public-theme="turkmod"] .home-hero p {
    max-width: 48rem;
    margin: .75rem 0 0;
    color: rgba(255, 255, 255, .78);
    font-size: 1.05rem;
}

html[data-public-theme="turkmod"] .home-search {
    display: flex;
    padding: .45rem;
    background: rgba(255, 255, 255, .96);
    border-radius: .45rem;
    box-shadow: 0 12px 30px rgba(7, 13, 23, .24);
}

html[data-public-theme="turkmod"] .home-search input {
    min-width: 0;
    flex: 1;
    border: 0;
    padding: .95rem 1rem;
    color: var(--topic-text);
    outline: 0;
    font-size: .95rem;
}

html[data-public-theme="turkmod"] .home-search button {
    border: 0;
    border-radius: .35rem;
    padding: 0 1.25rem;
    color: var(--topic-on-accent);
    background: var(--topic-accent);
    font-weight: 800;
    cursor: pointer;
}

html[data-public-theme="turkmod"] .home-search button:hover {
    background: var(--topic-accent-strong);
}

html[data-public-theme="turkmod"] .section-heading {
    display: flex;
    align-items: end;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: .9rem;
}

html[data-public-theme="turkmod"] .section-heading h2 {
    margin: 0;
    color: var(--topic-text);
    font-size: 1.25rem;
    font-weight: 850;
}

html[data-public-theme="turkmod"] .feed-panel,
html[data-public-theme="turkmod"] .sidebar-panel {
    padding: 1rem;
    background: var(--topic-surface);
    border: 1px solid var(--topic-border);
    border-radius: .5rem;
    box-shadow: 0 10px 26px rgba(29, 38, 51, .07);
}

html[data-public-theme="turkmod"] .game-tile:focus {
    color: var(--on-primary);
    transform: translateY(-1px);
}

html[data-public-theme="turkmod"] .game-tile-icon {
    display: grid;
    grid-row: span 2;
    width: 2.6rem;
    height: 2.6rem;
    place-items: center;
    border-radius: .4rem;
    color: var(--topic-accent);
    background: rgba(255, 255, 255, .1);
    font-size: 1.35rem;
}

html[data-public-theme="turkmod"] .game-tile-name {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-weight: 800;
}

html[data-public-theme="turkmod"] .game-tile-meta {
    color: rgba(255, 255, 255, .68);
    font-size: .85rem;
}

html[data-public-theme="turkmod"] .topic-konu-grid {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 330px;
    gap: 1.25rem;
    align-items: start;
}

html[data-public-theme="turkmod"] .topic-feed {
    display: grid;
    gap: .85rem;
}

html[data-public-theme="turkmod"] .topic-card {
    display: grid;
    grid-template-columns: 190px minmax(0, 1fr);
    gap: 1rem;
    padding: .85rem;
    background: var(--bg-white);
    border: 1px solid var(--topic-border);
    border-radius: .45rem;
    box-shadow: 0 8px 18px rgba(29, 38, 51, .05);
    transition: transform .15s, box-shadow .15s;
}

html[data-public-theme="turkmod"] .topic-card:hover {
    transform: translateY(-2px);
    box-shadow: 0 12px 28px rgba(29, 38, 51, .1);
}

html[data-public-theme="turkmod"] .topic-card-thumb {
    display: block;
    aspect-ratio: 16 / 10;
    overflow: hidden;
    color: var(--topic-muted);
    background: #dde5f1;
    border-radius: .35rem;
    text-decoration: none;
}

html[data-public-theme="turkmod"] .topic-card-thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform .2s;
}

html[data-public-theme="turkmod"] .topic-card:hover .topic-card-thumb img {
    transform: scale(1.03);
}

html[data-public-theme="turkmod"] .topic-card-thumb span {
    display: grid;
    height: 100%;
    place-items: center;
    font-size: 2.4rem;
}

html[data-public-theme="turkmod"] .topic-card-body {
    min-width: 0;
}

html[data-public-theme="turkmod"] .topic-card-meta,
html[data-public-theme="turkmod"] .topic-card-stats {
    display: flex;
    flex-wrap: wrap;
    gap: .45rem .75rem;
    color: var(--topic-muted);
    font-size: .82rem;
}

html[data-public-theme="turkmod"] .topic-card-meta a,
html[data-public-theme="turkmod"] .topic-card-body h2 a {
    color: inherit;
    text-decoration: none;
}

html[data-public-theme="turkmod"] .topic-card-meta a {
    color: var(--topic-accent-strong);
    font-weight: 800;
}

html[data-public-theme="turkmod"] .topic-card-body h2 {
    margin: .35rem 0;
    font-size: 1.18rem;
    font-weight: 850;
    line-height: 1.25;
}

html[data-public-theme="turkmod"] .topic-card-body h2 a:hover {
    color: var(--topic-accent-strong);
}

html[data-public-theme="turkmod"] .topic-card-body p {
    display: -webkit-box;
    margin: 0 0 .75rem;
    overflow: hidden;
    color: #526072;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    line-clamp: 2;
}

html[data-public-theme="turkmod"] .topic-card-stats {
    align-items: center;
    font-weight: 700;
}

html[data-public-theme="turkmod"] .topic-card-stats .bi-star-fill {
    color: var(--topic-accent);
}

html[data-public-theme="turkmod"] .topic-sidebar {
    display: grid;
    gap: 1rem;
}

html[data-public-theme="turkmod"] .sidebar-panel h2 {
    margin: 0 0 .75rem;
    font-size: 1.05rem;
    font-weight: 850;
}

html[data-public-theme="turkmod"] .sidebar-list {
    display: grid;
    gap: .65rem;
}

html[data-public-theme="turkmod"] .sidebar-list a {
    display: grid;
    gap: .15rem;
    padding-bottom: .65rem;
    color: var(--topic-text);
    text-decoration: none;
    border-bottom: 1px solid var(--topic-border);
}

html[data-public-theme="turkmod"] .sidebar-list a:last-child {
    padding-bottom: 0;
    border-bottom: 0;
}

html[data-public-theme="turkmod"] .sidebar-list span {
    font-weight: 750;
    line-height: 1.25;
}

html[data-public-theme="turkmod"] .sidebar-list small {
    color: var(--topic-muted);
}

/* Pop\c3\bcler \c4\b0\c3\a7erikler Widget - Modern Tasar\c4\b1m */
html[data-public-theme="turkmod"] .sidebar-popular-widget {
    padding: 0;
    overflow: hidden;
    background: var(--bg-white, #fff);
    border-color: var(--border, #d8dee8);
}

html[data-public-theme="turkmod"] .sidebar-popular-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .75rem;
    padding: .9rem 1rem;
    color: var(--text, #202938);
    background: color-mix(in srgb, var(--bg-white, #fff) 88%, var(--primary, var(--topic-accent)) 12%);
    border-bottom: 1px solid var(--border, #d8dee8);
}

html[data-public-theme="turkmod"] .sidebar-popular-header h2 {
    display: inline-flex;
    align-items: center;
    gap: .45rem;
    margin: 0;
    color: var(--text, #202938);
    font-size: .95rem;
    font-weight: 850;
}

html[data-public-theme="turkmod"] .sidebar-popular-header h2 .bi-fire {
    display: grid;
    width: 1.7rem;
    height: 1.7rem;
    place-items: center;
    color: var(--primary, var(--topic-accent));
    background: color-mix(in srgb, var(--bg, #f8fafc) 70%, var(--primary, var(--topic-accent)) 20%);
    border: 1px solid color-mix(in srgb, var(--border, #d8dee8) 65%, var(--primary, var(--topic-accent)) 35%);
    border-radius: .4rem;
}

html[data-public-theme="turkmod"] .sidebar-popular-badge {
    display: inline-flex;
    align-items: center;
    gap: .25rem;
    flex-shrink: 0;
    padding: .25rem .55rem;
    color: var(--text-dim, #64748b);
    background: var(--bg, #f8fafc);
    border: 1px solid var(--border, #d8dee8);
    border-radius: 999px;
    font-size: .72rem;
    font-weight: 800;
}

html[data-public-theme="turkmod"] .sidebar-popular-list {
    display: grid;
    gap: .45rem;
    padding: .75rem;
}

html[data-public-theme="turkmod"] .sidebar-popular-item {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: .65rem;
    min-height: 68px;
    padding: .7rem .75rem;
    color: var(--topic-text, #1e293b);
    background: var(--bg, #f8fafc);
    border: 1px solid var(--border, #e8ecf1);
    border-radius: .45rem;
    text-decoration: none;
    transition: background .15s, border-color .15s, transform .15s, box-shadow .15s;
}

html[data-public-theme="turkmod"] .sidebar-popular-item:last-child {
    border-bottom: 1px solid var(--border, #e8ecf1);
}

html[data-public-theme="turkmod"] .sidebar-popular-item:hover {
    background: var(--bg-hover, #f1f5f9);
    border-color: color-mix(in srgb, var(--border, #d8dee8) 45%, var(--primary, var(--topic-accent)) 55%);
    box-shadow: 0 10px 22px -18px rgba(15, 23, 42, .45);
    transform: translateY(-1px);
}

html[data-public-theme="turkmod"] .sidebar-popular-rank {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    width: 1.9rem;
    height: 1.9rem;
    color: var(--text-dim, #64748b);
    background: var(--bg-white, #fff);
    border: 1px solid var(--border, #d8dee8);
    border-radius: .42rem;
    font-size: .75rem;
    font-weight: 900;
}

html[data-public-theme="turkmod"] .sidebar-popular-item.top-rank .sidebar-popular-rank {
    color: var(--on-primary, var(--topic-on-accent));
    background: var(--primary, var(--topic-accent));
    border-color: var(--primary, var(--topic-accent));
    box-shadow: 0 8px 18px color-mix(in srgb, var(--primary, var(--topic-accent)) 24%, transparent);
}

html[data-public-theme="turkmod"] .sidebar-popular-content {
    min-width: 0;
    flex: 1;
}

html[data-public-theme="turkmod"] .sidebar-popular-title {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    overflow: hidden;
    font-size: .88rem;
    font-weight: 850;
    line-height: 1.28;
    color: var(--topic-text, #1e293b);
}

html[data-public-theme="turkmod"] .sidebar-popular-item:hover .sidebar-popular-title {
    color: var(--topic-accent-strong, #8b1538);
}

html[data-public-theme="turkmod"] .sidebar-popular-meta {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: .28rem .6rem;
    margin-top: .32rem;
    font-size: .72rem;
    font-weight: 750;
    color: var(--topic-muted, #64748b);
}

html[data-public-theme="turkmod"] .sidebar-popular-meta span {
    display: inline-flex;
    align-items: center;
    gap: .25rem;
    min-width: 0;
}

html[data-public-theme="turkmod"] .sidebar-popular-meta .bi {
    color: var(--primary, var(--topic-accent));
    font-size: .75rem;
}

html[data-public-theme="turkmod"] .sidebar-popular-action {
    display: grid;
    width: 2rem;
    height: 2rem;
    place-items: center;
    color: var(--text-dim, #64748b);
    background: var(--bg-white, #fff);
    border: 1px solid var(--border, #d8dee8);
    border-radius: .45rem;
    transition: color .15s, background .15s, border-color .15s, transform .15s;
}

html[data-public-theme="turkmod"] .sidebar-popular-item:hover .sidebar-popular-action {
    color: var(--on-primary, var(--topic-on-accent));
    background: var(--primary, var(--topic-accent));
    border-color: var(--primary, var(--topic-accent));
    transform: translateX(2px);
}

html[data-public-theme="turkmod"] .tag-cloud {
    display: flex;
    flex-wrap: wrap;
    gap: .45rem;
}

html[data-public-theme="turkmod"] .tag-cloud a {
    padding: .35rem .55rem;
    color: var(--text);
    background: var(--bg);
    border: 1px solid var(--border);
    border-radius: .3rem;
    font-size: .88rem;
    font-weight: 700;
    text-decoration: none;
    transition: background .15s, border-color .15s;
}

html[data-public-theme="turkmod"] .tag-cloud a:hover {
    background: var(--bg-hover);
    border-color: var(--primary);
}

html[data-public-theme="turkmod"] .stats-list {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .65rem;
}

html[data-public-theme="turkmod"] .stats-list div {
    padding: .75rem;
    background: var(--bg);
    border-radius: .35rem;
}

html[data-public-theme="turkmod"] .stats-list span,
html[data-public-theme="turkmod"] .stats-list small {
    display: block;
}

html[data-public-theme="turkmod"] .stats-list span {
    color: var(--text);
    font-size: 1.35rem;
    font-weight: 850;
}

html[data-public-theme="turkmod"] .stats-list small {
    color: var(--text-dim);
}

html[data-public-theme="turkmod"] .empty-panel {
    padding: 1.2rem;
    color: var(--text-dim);
    background: var(--bg-white);
    border: 1px solid var(--border);
    border-radius: .45rem;
}

/* Responsive for topic home */
@media (max-width: 991.98px) {

    html[data-public-theme="turkmod"] .home-hero,
    html[data-public-theme="turkmod"] .topic-konu-grid {
        grid-template-columns: 1fr;
    }

    html[data-public-theme="turkmod"] .game-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    html[data-public-theme="turkmod"] .topic-sidebar {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 575.98px) {
    html[data-public-theme="turkmod"] .home-hero {
        padding: 1.2rem;
    }

    html[data-public-theme="turkmod"] .home-search {
        display: grid;
    }

    html[data-public-theme="turkmod"] .home-search button {
        min-height: 2.8rem;
    }

    html[data-public-theme="turkmod"] .game-grid,
    html[data-public-theme="turkmod"] .topic-sidebar,
    html[data-public-theme="turkmod"] .topic-card {
        grid-template-columns: 1fr;
    }

    html[data-public-theme="turkmod"] .topic-card-thumb {
        aspect-ratio: 16 / 9;
    }
}

/* ============================================================
   Topic List Card \e2\20ac\201d Minimal Mod/Game Themed Redesign (2026)
   Style: clean white card, subtle orange accent bar, angular
   clip-path pennant category + dark angular read-more button.
   ============================================================ */
html[data-public-theme="turkmod"] .topic-list-grid {
    display: grid;
    gap: .7rem;
}

html[data-public-theme="turkmod"] .topic-list-card {
    position: relative;
    display: grid;
    grid-template-columns: 180px minmax(0, 1fr);
    gap: 0;
    min-height: 140px;
    padding: 0;
    overflow: hidden;
    background: var(--bg-white);
    border: 1px solid #e6ebf2;
    border-radius: var(--radius-sm);
    box-shadow: none;
    transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
    cursor: pointer;
    isolation: isolate;
}

/* Left-side accent bar (appears on hover) */
html[data-public-theme="turkmod"] .topic-list-card::before {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    z-index: 2;
    width: 2px;
    content: "";
    background: var(--topic-accent);
    opacity: 0;
    transition: opacity .18s ease, width .18s ease;
    pointer-events: none;
}

html[data-public-theme="turkmod"] .topic-list-card:hover {
    transform: translateY(-1px);
    border-color: #d4dbe6;
    box-shadow: 0 4px 12px -6px rgba(15, 23, 42, .15);
}

html[data-public-theme="turkmod"] .topic-list-card:hover::before {
    width: 3px;
    opacity: 1;
}

/* --- Thumbnail --- */
html[data-public-theme="turkmod"] .topic-list-thumb {
    position: relative;
    display: block;
    width: auto !important;
    max-width: none !important;
    height: auto !important;
    min-height: 140px;
    aspect-ratio: auto;
    overflow: hidden;
    background: #1f2735;
    border-right: 1px solid #e6ebf2;
    text-decoration: none;
}

html[data-public-theme="turkmod"] .topic-list-thumb::after {
    position: absolute;
    inset: 0;
    content: "";
    background: linear-gradient(180deg, rgba(10, 14, 23, 0) 70%, rgba(10, 14, 23, .3) 100%);
    pointer-events: none;
}

html[data-public-theme="turkmod"] .topic-list-thumb img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform .4s ease;
}

html[data-public-theme="turkmod"] .topic-list-card:hover .topic-list-thumb img {
    transform: scale(1.04);
}

/* --- Body --- */
html[data-public-theme="turkmod"] .topic-list-body {
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-width: 0;
    padding: .85rem 1.05rem;
}

html[data-public-theme="turkmod"] .topic-list-topline {
    display: flex;
    flex-wrap: wrap;
    gap: .4rem;
    align-items: center;
    margin-bottom: .45rem;
}

/* === Category badge \e2\20ac\201d minimal pennant tag === */
html[data-public-theme="turkmod"] .topic-category {
    position: relative;
    display: inline-flex;
    align-items: center;
    gap: .32rem;
    min-height: 1.25rem;
    padding: .15rem .6rem .15rem .5rem;
    color: #b06907;
    background: var(--bg-white)4dd;
    border: 1px solid #f4d59a;
    border-left: 2px solid var(--topic-accent);
    border-radius: 0;
    clip-path: polygon(0 0, calc(100% - 7px) 0, 100% 50%, calc(100% - 7px) 100%, 0 100%);
    font-size: .62rem;
    font-weight: 700;
    letter-spacing: .08em;
    text-decoration: none;
    text-transform: uppercase;
    transition: background .18s ease, color .18s ease;
}

html[data-public-theme="turkmod"] .topic-category::before {
    width: 4px;
    height: 4px;
    content: "";
    background: var(--topic-accent);
    border-radius: 50%;
}

html[data-public-theme="turkmod"] .topic-category:hover {
    color: var(--on-primary);
    background: var(--topic-accent);
}

html[data-public-theme="turkmod"] .topic-category:hover::before {
    background: var(--bg-white);
}

/* --- Title --- */
html[data-public-theme="turkmod"] .topic-list-card h2 {
    margin: 0 0 .3rem;
    font-size: 1.02rem;
    font-weight: 700;
    line-height: 1.3;
    letter-spacing: -0.005em;
}

html[data-public-theme="turkmod"] .topic-list-card h2 a {
    color: #131a26;
    text-decoration: none;
    transition: color .18s ease;
}

html[data-public-theme="turkmod"] .topic-list-card h2 a:hover {
    color: var(--topic-accent-strong);
}

/* --- Summary --- */
html[data-public-theme="turkmod"] .topic-list-body p {
    display: -webkit-box;
    margin: 0;
    overflow: hidden;
    color: #64708a;
    font-size: .82rem;
    line-height: 1.45;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    line-clamp: 2;
}

/* --- Bottom Row --- */
html[data-public-theme="turkmod"] .topic-list-bottom-row {
    display: flex;
    gap: .75rem;
    align-items: center;
    justify-content: space-between;
    margin-top: .65rem;
    padding-top: 0;
    border-top: 0;
}

html[data-public-theme="turkmod"] .topic-list-meta {
    display: flex;
    flex-wrap: wrap;
    gap: .25rem .85rem;
    min-width: 0;
    margin: 0;
    color: #6c7689;
    font-size: .72rem;
    font-weight: 500;
    letter-spacing: 0;
}

html[data-public-theme="turkmod"] .topic-list-meta span,
html[data-public-theme="turkmod"] .topic-list-meta a {
    color: inherit;
    text-decoration: none;
}

html[data-public-theme="turkmod"] .topic-list-meta a:hover {
    color: var(--topic-accent-strong);
}

html[data-public-theme="turkmod"] .topic-list-meta span {
    display: inline-flex;
    align-items: center;
    gap: .3rem;
}

html[data-public-theme="turkmod"] .topic-list-meta .bi {
    color: #a3acbd;
    font-size: .85rem;
}

/* === Read More \e2\20ac\201d minimal angular mod button === */
html[data-public-theme="turkmod"] .topic-read-more {
    position: relative;
    display: inline-flex;
    flex: 0 0 auto;
    align-items: center;
    gap: .3rem;
    padding: .32rem .85rem .32rem .75rem;
    color: var(--topic-accent);
    background: #1a2030;
    border: 1px solid #1a2030;
    border-radius: 0;
    clip-path: polygon(6px 0, 100% 0, calc(100% - 6px) 100%, 0 100%);
    font-size: .68rem;
    font-weight: 700;
    letter-spacing: .08em;
    text-transform: uppercase;
    text-decoration: none;
    white-space: nowrap;
    box-shadow: none;
    transition: background .18s ease, color .18s ease, border-color .18s ease;
}

html[data-public-theme="turkmod"] .topic-read-more .bi {
    font-size: .9rem;
    line-height: 1;
    color: inherit;
    transition: transform .18s ease;
}

html[data-public-theme="turkmod"] .topic-read-more:hover,
html[data-public-theme="turkmod"] .topic-read-more:focus {
    color: #ffc04d;
    background: #0c1120;
    border-color: #0c1120;
    box-shadow: none;
}

html[data-public-theme="turkmod"] .topic-read-more:hover .bi,
html[data-public-theme="turkmod"] .topic-read-more:focus .bi {
    transform: translateX(2px);
}

html[data-public-theme="turkmod"] .topic-read-more:focus-visible {
    outline: 2px solid var(--topic-accent);
    outline-offset: 2px;
}

/* --- Responsive --- */
@media (min-width: 768px) and (max-width: 991.98px) {
    html[data-public-theme="turkmod"] .topic-list-card {
        grid-template-columns: 155px minmax(0, 1fr);
        min-height: 130px;
    }

    html[data-public-theme="turkmod"] .topic-list-thumb {
        min-height: 130px;
    }

    html[data-public-theme="turkmod"] .topic-list-body {
        padding: .75rem .95rem;
    }

    html[data-public-theme="turkmod"] .topic-list-card h2 {
        font-size: .98rem;
    }
}

@media (max-width: 767.98px) {
    html[data-public-theme="turkmod"] .topic-list-card {
        grid-template-columns: 1fr;
        min-height: 0;
    }

    html[data-public-theme="turkmod"] .topic-list-card::before {
        top: 0;
        right: 0;
        bottom: auto;
        left: 0;
        width: auto;
        height: 3px;
        background: linear-gradient(90deg, var(--topic-accent) 0%, var(--topic-accent-strong) 100%);
    }

    html[data-public-theme="turkmod"] .topic-list-thumb {
        width: 100% !important;
        height: auto !important;
        min-height: 0;
        max-height: 200px;
        aspect-ratio: 16 / 8;
        border-right: 0;
        border-bottom: 1px solid #e6ebf2;
    }

    html[data-public-theme="turkmod"] .topic-list-body {
        padding: .85rem 1rem .9rem;
    }

    html[data-public-theme="turkmod"] .topic-list-bottom-row {
        flex-direction: row;
        align-items: center;
        gap: .75rem;
    }

    html[data-public-theme="turkmod"] .topic-read-more {
        align-self: center;
    }
}

@media (max-width: 480px) {
    html[data-public-theme="turkmod"] .topic-list-card h2 {
        font-size: .95rem;
    }

    html[data-public-theme="turkmod"] .topic-list-body p {
        font-size: .78rem;
        -webkit-line-clamp: 2;
        line-clamp: 2;
    }

    html[data-public-theme="turkmod"] .topic-list-bottom-row {
        flex-direction: column;
        align-items: flex-start;
    }

    html[data-public-theme="turkmod"] .topic-read-more {
        align-self: flex-start;
    }
}

/* \e2\201d\20ac\e2\201d\20ac Navbar Inline Search \e2\201d\20ac\e2\201d\20ac */
html[data-public-theme="turkmod"] .topic-navbar-inline-search {
    display: flex;
    gap: .35rem;
}

html[data-public-theme="turkmod"] .topic-navbar-inline-search .form-control {
    width: 220px;
    height: 36px;
    background: rgba(255, 255, 255, .1);
    border: 1px solid rgba(255, 255, 255, .2);
    color: var(--on-primary);
    font-size: .88rem;
    border-radius: var(--radius-md);
    padding: .4rem .75rem;
    transition: width .2s, background .2s;
}

html[data-public-theme="turkmod"] .topic-navbar-inline-search .form-control::placeholder {
    color: rgba(255, 255, 255, .5);
}

html[data-public-theme="turkmod"] .topic-navbar-inline-search .form-control:focus {
    width: 280px;
    background: rgba(255, 255, 255, .15);
    box-shadow: 0 0 0 2px rgba(139, 21, 56, .25);
    border-color: rgba(255, 255, 255, .35);
}

html[data-public-theme="turkmod"] .topic-navbar-inline-search .btn {
    height: 36px;
    padding: 0 .65rem;
    border-radius: var(--radius-md);
}

/* \e2\201d\20ac\e2\201d\20ac Profile Dropdown (Yeni Tasar\c4\b1m) \e2\201d\20ac\e2\201d\20ac */
html[data-public-theme="turkmod"] .topic-profile-toggle.dropdown-toggle::after {
    display: none;
}

html[data-public-theme="turkmod"] .topic-profile-toggle {
    display: flex;
    align-items: center;
    gap: .5rem;
    background: rgba(255, 255, 255, .08);
    border: 1px solid rgba(255, 255, 255, .18);
    border-radius: 50px;
    padding: .3rem .75rem .3rem .35rem;
    color: var(--on-primary);
    cursor: pointer;
    transition: all .2s ease;
    font-size: .85rem;
    font-weight: 500;
}

html[data-public-theme="turkmod"] .topic-profile-toggle:hover {
    background: rgba(255, 255, 255, .15);
    border-color: rgba(255, 255, 255, .3);
}

html[data-public-theme="turkmod"] .topic-profile-avatar {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background: linear-gradient(135deg, var(--topic-accent), var(--topic-accent-strong));
    color: var(--on-primary);
    font-weight: 700;
    font-size: .8rem;
    flex-shrink: 0;
}

html[data-public-theme="turkmod"] .topic-profile-name {
    max-width: 120px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

html[data-public-theme="turkmod"] .topic-profile-caret {
    font-size: .6rem;
    opacity: .7;
    transition: transform .2s;
}

html[data-public-theme="turkmod"] .topic-profile-toggle[aria-expanded="true"] .topic-profile-caret {
    transform: rotate(180deg);
}

html[data-public-theme="turkmod"] .topic-profile-menu {
    display: none;
    position: absolute;
    top: calc(100% + .5rem);
    right: 0;
    z-index: var(--z-modal);
    min-width: 220px;
    padding: 0;
    border: 1px solid #e2e8f0;
    border-radius: .75rem;
    box-shadow: 0 10px 40px rgba(0, 0, 0, .12);
    overflow: hidden;
    background: var(--bg-white);
    list-style: none;
}

html[data-public-theme="turkmod"] .topic-profile-menu.show {
    display: block;
}

html[data-public-theme="turkmod"] .topic-profile-menu .dropdown-item {
    padding: .55rem 1rem;
    font-size: .85rem;
    font-weight: 500;
    transition: background .15s;
}

html[data-public-theme="turkmod"] .topic-profile-menu .dropdown-item:hover {
    background: #f1f5f9;
}

html[data-public-theme="turkmod"] .topic-profile-menu .dropdown-item i {
    width: 18px;
    text-align: center;
    opacity: .7;
}

html[data-public-theme="turkmod"] .topic-profile-menu .dropdown-divider {
    margin: 0;
    border-color: #e2e8f0;
}

html[data-public-theme="turkmod"] .topic-profile-menu-header {
    display: flex;
    align-items: center;
    gap: .75rem;
    padding: .85rem 1rem;
    background: #f8fafc;
}

html[data-public-theme="turkmod"] .topic-profile-menu-avatar {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 38px;
    height: 38px;
    border-radius: 50%;
    background: linear-gradient(135deg, var(--topic-accent), var(--topic-accent-strong));
    color: var(--on-primary);
    font-weight: 700;
    font-size: .95rem;
    flex-shrink: 0;
}

html[data-public-theme="turkmod"] .topic-profile-menu-info {
    display: flex;
    flex-direction: column;
    line-height: 1.3;
}

html[data-public-theme="turkmod"] .topic-profile-menu-info strong {
    font-size: .88rem;
    color: #1e293b;
}

html[data-public-theme="turkmod"] .topic-profile-menu-info small {
    font-size: .72rem;
    color: var(--text-dim);
}

html[data-public-theme="turkmod"] .topic-profile-role {
    display: inline-flex;
    align-items: center;
    gap: .2rem;
}

/* Profile menu items */
html[data-public-theme="turkmod"] .tpm-section-label {
    padding: .4rem 1rem .2rem;
    font-size: .68rem;
    font-weight: 700;
    letter-spacing: .06em;
    text-transform: uppercase;
    color: #94a3b8;
    list-style: none;
}

html[data-public-theme="turkmod"] .tpm-divider {
    height: 1px;
    margin: .35rem 0;
    background: #f1f5f9;
    list-style: none;
}

html[data-public-theme="turkmod"] .tpm-item {
    display: flex;
    align-items: center;
    gap: .6rem;
    padding: .5rem 1rem;
    font-size: .84rem;
    font-weight: 500;
    color: #334155;
    text-decoration: none;
    border: none;
    background: none;
    width: 100%;
    cursor: pointer;
    transition: background .12s, color .12s;
}

html[data-public-theme="turkmod"] .tpm-item:hover {
    background: #f8fafc;
    color: #0f172a;
}

html[data-public-theme="turkmod"] .tpm-item i {
    font-size: .9rem;
    width: 18px;
    text-align: center;
    color: #94a3b8;
    transition: color .12s;
}

html[data-public-theme="turkmod"] .tpm-item:hover i {
    color: var(--topic-accent, var(--topic-accent));
}

html[data-public-theme="turkmod"] .tpm-admin {
    color: #1e40af;
}

html[data-public-theme="turkmod"] .tpm-admin i {
    color: #8b1538;
}

html[data-public-theme="turkmod"] .tpm-admin:hover {
    background: #eff6ff;
    color: #1e3a8a;
}

html[data-public-theme="turkmod"] .tpm-logout {
    color: #dc2626;
}

html[data-public-theme="turkmod"] .tpm-logout i {
    color: #ef4444;
}

html[data-public-theme="turkmod"] .tpm-logout:hover {
    background: #fef2f2;
    color: #991b1b;
}


/* Tema Toggle Butonu */
html[data-public-theme="turkmod"] .theme-toggle {
    background: transparent;
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: var(--radius-md);
    color: var(--on-primary);
    cursor: pointer;
    padding: 0.375rem 0.75rem;
    font-size: 1.1rem;
    transition: all var(--transition-fast);
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

html[data-public-theme="turkmod"] .theme-toggle:hover {
    background: rgba(255, 255, 255, 0.1);
    border-color: rgba(255, 255, 255, 0.3);
    transform: scale(1.05);
}

html[data-public-theme="turkmod"] .theme-toggle:active {
    transform: scale(0.95);
}

/* Dark Tema Stilleri */
html[data-public-theme="turkmod"] [data-theme=\"dark\"] {
    color-scheme: dark;
}

[data-theme=\"dark\"] body {
    background-color: #0f172a;
    color: #e2e8f0;
}

/* Minimal stable topic list cards: compatibility hooks for legacy public render tests. */
.topic-compat-markers img {
    width: 100% !important;
}

.topic-compat-read-label,
.topic-compat-markers {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}

/* ============================================================
   Section 3: Topic Page Styles (from konu-style.css)
   ============================================================ */
/* Konu Sayfas\c4\b1 Stilleri */

/* Renk Sistemi - Anasayfa ile Tutarl\c4\b1 */
:root {
    --primary: var(--brand-accent);
    --primary-dark: var(--brand-accent-hover);
    --primary-light: var(--brand-accent-light);
    --danger: #ff4757;
}

[data-theme="light"] {
    --primary: #8b1538;
    --primary-dark: #6b0f2a;
    --primary-light: #fce8ed;
    --danger: #dc2626;
}

/* Breadcrumb */
.breadcrumb {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 8px 16px;
    margin: 0;
    background: var(--bg-white);
    border: 1px solid var(--border);
    border-radius: var(--radius-md);
    box-shadow: var(--shadow-sm);
    flex-wrap: wrap;
}

.breadcrumb a {
    display: flex;
    align-items: center;
    gap: 4px;
    text-decoration: none;
    color: var(--primary);
    font-weight: 600;
    font-size: 0.8rem;
    transition: all 0.2s;
}

.breadcrumb a:hover {
    color: var(--primary-dark);
}

.breadcrumb a i {
    font-size: 0.85rem;
}

.breadcrumb i.bi-chevron-right {
    color: var(--text-dim);
    font-size: 0.7rem;
}

.breadcrumb span {
    color: var(--text-dim);
    font-weight: 500;
    font-size: 0.8rem;
}

/* Topic Layout */
.topic-layout {
    display: grid !important;
    grid-template-columns: 240px 1fr 260px !important;
    gap: 16px;
    width: min(1360px, calc(100% - 40px));
    margin: 0 auto 16px;
}

body.topic-detail-page #main-content,
body:has(.topic-layout) #main-content {
    background: var(--bg);
    padding: 0 !important;
    max-width: 100% !important;
}

.topic-layout>* {
    min-width: 0;
}

/* Topic Main */
.topic-layout>.topic-main {
    display: flex;
    flex-direction: column;
    gap: 12px;
    padding: 0;
    background: transparent;
}

/* ============================================
   TOPIC TITLE BAR - Minimal & Professional
   ============================================ */

.topic-title-bar,
.topic-header {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    align-items: start;
    gap: 10px;
    background: var(--bg-white);
    border: 1px solid var(--border);
    border-radius: var(--radius-md);
    padding: 14px 16px;
    box-shadow: 0 1px 2px var(--shadow);
    transition: box-shadow 0.2s;
}

.topic-title-bar:hover,
.topic-header:hover {
    box-shadow: 0 2px 4px var(--shadow);
}

/* Title Bar Layout */
.topic-title-bar-text {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.topic-title-bar h1,
.topic-header h1 {
    font-size: clamp(1.05rem, 1.8vw, 1.25rem);
    font-weight: 700;
    color: var(--text);
    margin: 0;
    line-height: 1.28;
    word-wrap: break-word;
    overflow-wrap: anywhere;
    hyphens: auto;
}

/* Meta Information */
.topic-title-bar-meta {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
}

.topic-title-bar-cat,
.topic-title-bar-date {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    font-size: 0.75rem;
    font-weight: 500;
    color: var(--text-dim);
}

.topic-title-bar-cat i,
.topic-title-bar-date i {
    font-size: 0.8rem;
    color: var(--text-dim);
}

/* Badges Container */
.topic-title-bar-badges {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 6px;
    flex-wrap: wrap;
    max-width: none;
    padding-top: 2px;
}

.topic-title-bar-actions {
    align-self: start;
}

.ttb-badge {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    min-height: 34px;
    padding: 6px 9px;
    background: var(--bg);
    border: 1px solid var(--border);
    border-radius: 5px;
    font-size: 0.75rem;
    font-weight: 600;
    color: var(--text-dim);
    text-decoration: none;
    cursor: pointer;
    transition: all 0.2s;
    white-space: nowrap;
}

.ttb-report-btn {
    border-color: color-mix(in srgb, var(--danger) 65%, var(--border) 35%);
    color: var(--danger);
}

.ttb-report-btn:hover {
    background: var(--danger);
    border-color: var(--danger);
    color: var(--on-primary);
}

.ttb-badge:hover {
    background: var(--bg-hover);
    border-color: var(--text-dim);
    color: var(--text);
}

.ttb-badge i {
    font-size: 0.85rem;
}

/* Edit Link */
.ttb-edit-link {
    background: var(--bg);
    border-color: var(--border);
    color: var(--text-dim);
}

.ttb-edit-link:hover {
    background: var(--text);
    border-color: var(--text);
    color: var(--on-primary);
}

/* Favorite Form */
.ttb-favorite-form {
    display: inline-block;
    margin: 0;
}

.topic-report-modal[hidden] {
    display: none;
}

.topic-report-modal {
    position: fixed;
    inset: 0;
    z-index: var(--z-tooltip);
    display: grid;
    place-items: center;
    padding: 1rem;
}

.topic-report-backdrop {
    position: absolute;
    inset: 0;
    background: rgba(4, 9, 17, .68);
    backdrop-filter: blur(5px);
    animation: app-dialog-fade var(--duration-fast, 150ms) var(--ease-out, ease-out) both;
}

.topic-report-dialog {
    position: relative;
    z-index: 1;
    width: min(560px, 100%);
    max-height: min(720px, calc(100vh - 2rem));
    overflow: auto;
    display: grid;
    gap: 1rem;
    padding: 1.1rem;
    border: 1px solid var(--border);
    border-radius: var(--radius-md);
    background: var(--bg-white);
    box-shadow: 0 24px 70px rgba(0, 0, 0, .35);
    animation: app-dialog-pop var(--duration-base, 180ms) var(--ease-out, ease-out) both;
}

@media (prefers-reduced-motion: reduce) {
    .topic-report-backdrop,
    .topic-report-dialog {
        animation: none;
    }
}

.topic-report-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
}

.topic-report-header h2 {
    display: flex;
    align-items: center;
    gap: .5rem;
    margin: 0;
}

.topic-report-close {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    border: 1px solid var(--border);
    border-radius: var(--radius-md);
    background: var(--bg);
    color: var(--text);
}

.topic-report-grid {
    display: grid;
    gap: .85rem;
}

.topic-report-grid label {
    display: grid;
    gap: .4rem;
    color: var(--text);
    font-weight: 700;
}

.topic-report-grid span {
    font-size: .86rem;
    color: var(--text-dim);
}

.topic-report-grid select,
.topic-report-grid textarea {
    width: 100%;
    border: 1px solid var(--border);
    border-radius: var(--radius-md);
    background: var(--bg-card);
    color: var(--text);
    padding: .75rem .85rem;
    resize: vertical;
}

.topic-report-submit {
    display: inline-flex;
    align-items: center;
    gap: .45rem;
    border: 0;
    border-radius: var(--radius-md);
    padding: .7rem 1rem;
    background: var(--danger);
    color: var(--on-primary);
    font-weight: 800;
}

.topic-report-feedback {
    margin-top: .75rem;
    font-weight: 700;
    font-size: .9rem;
}

.topic-report-feedback.is-success {
    color: var(--success);
}

.topic-report-feedback.is-error {
    color: var(--danger);
}

.topic-report-login {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: .65rem;
    color: var(--text-dim);
}

body.topic-report-modal-open {
    overflow: hidden;
}

/* Legacy Support */
.title-actions {
    display: flex;
    gap: 6px;
    align-items: center;
    flex-wrap: wrap;
}

.btn-favorite,
.btn-share {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    padding: 6px 12px;
    background: var(--bg);
    border: 1px solid var(--border);
    border-radius: 5px;
    color: var(--text-dim);
    font-size: 0.8rem;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.2s;
    white-space: nowrap;
}

.btn-favorite i,
.btn-share i {
    font-size: 0.9rem;
    color: inherit;
}

.btn-favorite:hover,
.btn-share:hover {
    background: var(--primary);
    border-color: var(--primary);
    color: var(--on-primary);
}

.btn-favorite.is-active {
    background: var(--primary);
    border-color: var(--primary);
    color: var(--on-primary);
}

.btn-share:hover {
    background: var(--bg-hover);
    border-color: var(--text-dim);
    color: var(--text);
}

/* Hero Image */
.topic-hero {
    position: relative;
    width: 100%;
    aspect-ratio: 16/9;
    padding: 0;
    background: linear-gradient(135deg, var(--bg-white) 0%, var(--bg) 100%);
    border-radius: 16px;
    overflow: hidden;
    box-shadow: 0 4px 20px rgba(139, 21, 56, 0.08), 0 1px 3px rgba(0, 0, 0, 0.05);
    border: 1px solid var(--border);
    transition: all var(--transition-base);
}

.topic-hero:hover {
    box-shadow: 0 8px 30px rgba(139, 21, 56, 0.12), 0 2px 6px rgba(0, 0, 0, 0.08);
    transform: translateY(-2px);
}

.topic-hero img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center;
    background: var(--bg-white);
    transition: transform 0.3s ease;
}

.topic-hero:hover img {
    transform: scale(1.02);
}

/* Topic Section */
.topic-section {
    background: var(--bg-white);
    border: 1px solid var(--border);
    border-radius: var(--radius-md);
    padding: 12px;
    box-shadow: var(--shadow-sm);
}

.topic-section h2 {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 1rem;
    font-weight: 700;
    color: var(--text);
    margin: 0 0 10px 0;
    padding-bottom: 10px;
    border-bottom: 1px solid var(--border);
}

.topic-section h2 i {
    color: var(--primary);
}

/* Topic Content */
.topic-content {
    color: var(--text);
    line-height: 1.8;
}

.topic-content p {
    margin-bottom: 16px;
}

.topic-content h3 {
    font-size: 1.1rem;
    font-weight: 700;
    color: var(--text);
    margin: 24px 0 12px 0;
}

.topic-content ul {
    margin: 12px 0;
    padding-left: 24px;
}

.topic-content li {
    margin-bottom: 8px;
    color: var(--text-dim);
}

/* Gallery */
.topic-gallery {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.gallery-main {
    position: relative;
    width: 100%;
    aspect-ratio: 2.5/1;
    border-radius: var(--radius-md);
    overflow: hidden;
    background: var(--bg);
}

.gallery-main img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.gallery-nav {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 40px;
    height: 40px;
    background: rgba(0, 0, 0, 0.6);
    border: 2px solid var(--primary);
    border-radius: 50%;
    color: var(--primary);
    font-size: 1.2rem;
    display: grid;
    place-items: center;
    cursor: pointer;
    transition: all 0.3s;
    z-index: 10;
}

.gallery-nav:hover {
    background: var(--primary);
    color: var(--on-primary);
    transform: translateY(-50%) scale(1.1);
    box-shadow: var(--shadow-md);
}

.gallery-prev {
    left: 12px;
}

.gallery-next {
    right: 12px;
}

.gallery-thumbs {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 8px;
}

.gallery-thumbs img {
    width: 100%;
    aspect-ratio: 2/1;
    object-fit: cover;
    border-radius: var(--radius-sm);
    cursor: pointer;
    border: 2px solid transparent;
    transition: all 0.2s;
    opacity: 0.6;
}

.gallery-thumbs img:hover {
    border-color: var(--primary);
    transform: translateY(-1px);
    opacity: 1;
}

.gallery-thumbs img.active {
    border-color: var(--primary);
    opacity: 1;
}

/* ============================================
   \c4\b0\c3\2021ER\c4\b0K B\c4\b0LG\c4\b0LER\c4\b0 - Modern Tasar\c4\b1m
   ============================================ */

.topic-details {
    display: flex;
    flex-direction: column;
    gap: 0;
}

.detail-row {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 0;
}

.detail-item {
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding: 16px;
    background: var(--bg-white);
    border-bottom: 1px solid var(--border);
    border-right: 1px solid var(--border);
    transition: all 0.2s;
}

.detail-item:hover {
    background: var(--bg-hover);
}

.detail-label {
    font-size: 0.75rem;
    font-weight: 700;
    color: var(--text-dim);
    text-transform: uppercase;
    letter-spacing: 0.5px;
    display: flex;
    align-items: center;
    gap: 6px;
}

.detail-label i {
    color: var(--primary);
    font-size: 0.9rem;
}

.detail-value {
    font-size: 1rem;
    font-weight: 600;
    color: var(--text);
    word-break: break-word;
}

.detail-value a {
    color: var(--primary);
    text-decoration: none;
    transition: all 0.2s;
    display: inline-flex;
    align-items: center;
    gap: 4px;
}

.detail-value a:hover {
    color: var(--primary-dark);
    text-decoration: underline;
}

/* Table Variant - \c4\b0yile\c5\178tirilmi\c5\178 Responsive Tasar\c4\b1m */
.topic-details-table {
    display: table;
    width: 100%;
    border-collapse: collapse;
    table-layout: fixed;
}

.topic-details-table tbody {
    display: table-row-group;
}

.topic-details-table tr {
    display: table-row;
    border-bottom: 1px solid var(--border);
    transition: all 0.2s;
}

.topic-details-table tr:hover {
    background: var(--bg-hover);
}

.topic-details-table tr:last-child {
    border-bottom: none;
}

.topic-details-table td {
    display: table-cell;
    padding: 12px 14px;
    vertical-align: middle;
    border: none;
    color: var(--text);
    font-size: 0.875rem;
    font-weight: 500;
    word-wrap: break-word;
    overflow-wrap: break-word;
}

.topic-details-table td:nth-child(odd) {
    width: 35%;
    max-width: 140px;
    color: var(--text-dim);
    font-size: 0.8rem;
    font-weight: 700;
    text-transform: none;
    letter-spacing: 0;
    background: var(--bg);
}

.topic-details-table td:nth-child(even) {
    width: 65%;
    font-weight: 600;
}

.topic-details-table td a {
    color: var(--primary);
    text-decoration: none;
    transition: all 0.2s;
    word-break: break-word;
}

.topic-details-table td a:hover {
    color: var(--primary-dark);
    text-decoration: underline;
}

/* Mobil i\c3\a7in tablo d\c3\bczeni */
@media (max-width: 768px) {
    .topic-details-table td {
        padding: 10px 12px;
        font-size: 0.8rem;
    }

    .topic-details-table td:nth-child(odd) {
        width: 40%;
        font-size: 0.75rem;
    }

    .topic-details-table td:nth-child(even) {
        width: 60%;
    }
}

/* ============================================
   \c4\b0ND\c4\b0RME BA\c4\9eLANTILARI - Belirgin Tema Uyumlu Modern Tasar\c4\b1m
   ============================================ */

.topic-downloads {
    background: var(--bg-white);
    border: 1px solid var(--border);
}

.download-grid,
.topic-dl-grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 0.75rem;
    padding: 0.5rem;
}

.download-card,
.topic-dl-card {
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 1rem 1.25rem;
    background: var(--bg-white);
    border: 2px solid var(--border);
    border-radius: 10px;
    text-decoration: none;
    color: inherit;
    transition: all 0.25s ease;
    position: relative;
    flex-wrap: nowrap;
    box-shadow: 0 2px 6px var(--shadow), 0 0 0 1px rgba(0, 0, 0, 0.02);
}

/* A\c3\a7\c4\b1k tema i\c3\a7in daha belirgin arka plan */
[data-theme="light"] .download-card,
[data-theme="light"] .topic-dl-card {
    background: var(--bg-white);
    border-color: var(--border);
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08), 0 0 0 1px rgba(0, 0, 0, 0.04);
}

/* Koyu tema i\c3\a7in daha belirgin arka plan */
[data-theme="dark"] .download-card,
[data-theme="dark"] .topic-dl-card {
    background: var(--bg-white);
    border-color: var(--border);
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3), 0 0 0 1px rgba(255, 255, 255, 0.05);
}

.download-card:hover,
.topic-dl-card:hover {
    background: var(--bg-hover);
    transform: translateX(4px);
    box-shadow: 0 4px 16px var(--shadow), 0 0 0 2px var(--primary);
}

[data-theme="light"] .download-card:hover,
[data-theme="light"] .topic-dl-card:hover {
    background: var(--bg-hover);
    box-shadow: 0 4px 16px rgba(139, 21, 56, 0.15), 0 0 0 2px var(--primary);
}

[data-theme="dark"] .download-card:hover,
[data-theme="dark"] .topic-dl-card:hover {
    background: var(--bg);
    box-shadow: 0 4px 16px rgba(139, 21, 56, 0.25), 0 0 0 2px var(--primary);
}

.download-card::before,
.topic-dl-card::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 4px;
    background: var(--primary);
    opacity: 0;
    transition: opacity 0.25s ease;
}

.download-card:hover::before,
.topic-dl-card:hover::before {
    opacity: 1;
}

.download-icon,
.topic-dl-icon {
    width: 48px;
    height: 48px;
    background: var(--primary);
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    transition: all 0.25s ease;
}

.download-card:hover .download-icon,
.topic-dl-card:hover .topic-dl-icon {
    transform: scale(1.08) rotate(5deg);
    box-shadow: 0 4px 12px rgba(var(--primary-rgb, 0, 212, 255), 0.3);
}

[data-theme="light"] .download-card:hover .download-icon,
[data-theme="light"] .topic-dl-card:hover .topic-dl-icon {
    box-shadow: 0 4px 12px rgba(139, 21, 56, 0.25);
}

.download-icon i,
.topic-dl-icon i {
    font-size: 1.3rem;
    color: var(--on-primary);
}

.download-info,
.topic-dl-info {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 4px;
    min-width: 0;
    overflow: hidden;
}

.download-info strong,
.topic-dl-info strong {
    font-size: 0.95rem;
    font-weight: 700;
    color: var(--text);
    line-height: 1.3;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    transition: color 0.2s ease;
}

.download-card:hover .download-info strong,
.topic-dl-card:hover .topic-dl-info strong {
    color: var(--primary);
}

.download-info small,
.topic-dl-info small {
    font-size: 0.8rem;
    color: var(--text-dim);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.download-count,
.topic-dl-count {
    font-size: 0.75rem;
    color: var(--text-dim);
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding: 4px 8px;
    background: var(--bg);
    border: 1px solid var(--border);
    border-radius: 5px;
    margin-top: 4px;
    flex-shrink: 0;
    font-weight: 600;
    transition: all var(--transition-fast);
}

.download-card:hover .download-count,
.topic-dl-card:hover .topic-dl-count {
    background: var(--bg-hover);
    border-color: var(--primary);
    color: var(--primary);
}

.download-count i,
.topic-dl-count i {
    color: var(--primary);
    font-size: 0.8rem;
}

.download-btn,
.topic-dl-button {
    padding: 10px 18px;
    background: var(--primary);
    border: none;
    border-radius: var(--radius-md);
    font-weight: 700;
    font-size: 0.875rem;
    color: var(--on-primary);
    white-space: nowrap;
    cursor: pointer;
    transition: all 0.25s ease;
    display: flex;
    align-items: center;
    gap: 6px;
    flex-shrink: 0;
    box-shadow: 0 2px 8px rgba(var(--primary-rgb, 0, 212, 255), 0.2);
}

[data-theme="light"] .download-btn,
[data-theme="light"] .topic-dl-button {
    box-shadow: 0 2px 8px rgba(139, 21, 56, 0.15);
}

.download-btn:hover,
.topic-dl-card:hover .topic-dl-button {
    background: var(--primary-dark);
    transform: translateY(-2px);
    box-shadow: 0 4px 14px rgba(var(--primary-rgb, 0, 212, 255), 0.35);
}

[data-theme="light"] .download-btn:hover,
[data-theme="light"] .topic-dl-card:hover .topic-dl-button {
    box-shadow: 0 4px 14px rgba(139, 21, 56, 0.25);
}

.download-btn i {
    font-size: 1rem;
}

/* Durum Stilleri - Tema Uyumlu */
.topic-dl-card.is-counting {
    pointer-events: none;
    background: var(--bg);
    border-color: var(--border);
    transform: none;
    box-shadow: 0 1px 2px var(--shadow);
}

[data-theme="light"] .topic-dl-card.is-counting {
    background: var(--bg);
    border-color: var(--border);
}

[data-theme="dark"] .topic-dl-card.is-counting {
    background: var(--bg);
    border-color: var(--border);
}

.topic-dl-card.is-counting::before {
    opacity: 0;
}

.topic-dl-card.is-counting .topic-dl-icon {
    background: var(--bg-hover);
    color: var(--text-dim);
    animation: pulse 1.5s ease-in-out infinite;
}

[data-theme="light"] .topic-dl-card.is-counting .topic-dl-icon {
    background: #e5e7eb;
    color: #9ca3af;
}

[data-theme="dark"] .topic-dl-card.is-counting .topic-dl-icon {
    background: var(--bg-white);
    color: var(--text-dim);
}

.topic-dl-card.is-counting .topic-dl-info strong {
    color: var(--text-dim);
}

.topic-dl-card.is-counting .topic-dl-button {
    background: var(--bg-hover);
    color: var(--text-dim);
    box-shadow: none;
}

[data-theme="light"] .topic-dl-card.is-counting .topic-dl-button {
    background: #e5e7eb;
    color: #6b7280;
}

[data-theme="dark"] .topic-dl-card.is-counting .topic-dl-button {
    background: var(--bg-white);
    color: var(--text-dim);
}

.topic-dl-card.is-ready {
    border-color: var(--success, #10b981);
    background: var(--bg-white);
    box-shadow: 0 2px 8px rgba(16, 185, 129, 0.15), 0 0 0 1px rgba(16, 185, 129, 0.1);
}

[data-theme="light"] .topic-dl-card.is-ready {
    background: #f0fdf4;
    border-color: #10b981;
    box-shadow: 0 2px 8px rgba(16, 185, 129, 0.2), 0 0 0 1px rgba(16, 185, 129, 0.15);
}

[data-theme="dark"] .topic-dl-card.is-ready {
    background: #064e3b;
    border-color: #10b981;
    box-shadow: 0 2px 8px rgba(16, 185, 129, 0.3), 0 0 0 1px rgba(16, 185, 129, 0.2);
}

.topic-dl-card.is-ready::before {
    background: var(--success, #10b981);
    opacity: 1;
}

.topic-dl-card.is-ready .topic-dl-icon {
    background: var(--success, #10b981);
    color: var(--on-primary);
    box-shadow: 0 2px 8px rgba(16, 185, 129, 0.3);
}

.topic-dl-card.is-ready .topic-dl-info strong {
    color: var(--success, #10b981);
    font-weight: 800;
}

.topic-dl-card.is-ready .topic-dl-button {
    background: var(--success, #10b981);
    color: var(--on-primary);
    box-shadow: 0 2px 8px rgba(16, 185, 129, 0.3);
}

.topic-dl-card.is-ready:hover {
    transform: translateX(4px);
    box-shadow: 0 4px 16px rgba(16, 185, 129, 0.3), 0 0 0 2px var(--success, #10b981);
    border-color: var(--success, #10b981);
}

[data-theme="light"] .topic-dl-card.is-ready:hover {
    background: #dcfce7;
    box-shadow: 0 4px 16px rgba(16, 185, 129, 0.35), 0 0 0 2px #10b981;
}

[data-theme="dark"] .topic-dl-card.is-ready:hover {
    background: #065f46;
    box-shadow: 0 4px 16px rgba(16, 185, 129, 0.4), 0 0 0 2px #10b981;
}

.topic-dl-card.is-ready:hover .topic-dl-icon {
    transform: scale(1.08) rotate(5deg);
    box-shadow: 0 4px 12px rgba(16, 185, 129, 0.4);
}

.topic-dl-card.is-ready:hover .topic-dl-button {
    box-shadow: 0 4px 14px rgba(16, 185, 129, 0.4);
    transform: translateY(-2px);
}

@keyframes pulse {

    0%,
    100% {
        opacity: 1;
        transform: scale(1);
    }

    50% {
        opacity: 0.6;
        transform: scale(0.95);
    }
}

/* Responsive - \c4\b0yile\c5\178tirilmi\c5\178 */
@media (max-width: 992px) {

    .download-card,
    .topic-dl-card {
        gap: 12px;
    }

    .download-btn,
    .topic-dl-button {
        padding: 8px 14px;
        font-size: 0.8rem;
    }
}

@media (max-width: 768px) {

    .download-card,
    .topic-dl-card {
        flex-wrap: wrap;
        gap: 12px;
        padding: 14px;
    }

    .download-info,
    .topic-dl-info {
        flex: 1 1 100%;
        max-width: 100%;
    }

    .download-btn,
    .topic-dl-button {
        width: 100%;
        justify-content: center;
    }

    .download-card:hover,
    .topic-dl-card:hover {
        transform: translateX(2px);
    }
}

@media (max-width: 480px) {

    .download-card,
    .topic-dl-card {
        padding: 12px;
    }

    .download-icon,
    .topic-dl-icon {
        width: 40px;
        height: 40px;
        border-radius: var(--radius-md);
    }

    .download-icon i,
    .topic-dl-icon i {
        font-size: 1.1rem;
    }

    .download-info strong,
    .topic-dl-info strong {
        font-size: 0.875rem;
    }

    .download-info small,
    .topic-dl-info small {
        font-size: 0.75rem;
    }

    .download-count,
    .topic-dl-count {
        font-size: 0.7rem;
        padding: 3px 6px;
    }

    .download-btn,
    .topic-dl-button {
        padding: 8px 12px;
        font-size: 0.8rem;
    }
}

/* Comments */
.comment-count {
    font-size: 1rem;
    color: var(--text-dim);
    font-weight: 600;
}

.comment-form {
    display: flex;
    gap: 10px;
    margin-bottom: 16px;
    padding-bottom: 16px;
    border-bottom: 1px solid var(--border);
}

.comment-avatar {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background: var(--primary);
    color: var(--on-primary);
    display: grid;
    place-items: center;
    font-weight: 700;
    font-size: 1rem;
    flex-shrink: 0;
}

.comment-input-wrap {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.comment-input {
    width: 100%;
    padding: 12px;
    background: var(--bg);
    border: 1px solid var(--border);
    border-radius: var(--radius-md);
    color: var(--text);
    font-family: inherit;
    font-size: 0.9rem;
    resize: vertical;
    transition: all 0.2s;
}

.comment-input:focus {
    outline: none;
    border-color: var(--primary);
    box-shadow: 0 0 0 3px color-mix(in srgb, var(--primary) 10%, transparent);
}

.comment-actions {
    display: flex;
    justify-content: flex-end;
}

.btn-comment-submit {
    padding: 10px 20px;
    background: var(--primary);
    border: none;
    border-radius: var(--radius-md);
    color: var(--on-primary);
    font-weight: 700;
    font-size: 0.9rem;
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 8px;
    transition: all 0.2s;
}

.btn-comment-submit:hover {
    background: var(--primary-dark);
    transform: translateY(-2px);
    box-shadow: var(--shadow-md);
}

.topic-comments .ui-comment-form-wrap {
    display: flex;
    gap: 10px;
    margin-bottom: 16px;
    padding-bottom: 16px;
    border-bottom: 1px solid var(--border);
}

.topic-comments .ui-comment-form-avatar,
.topic-comments .ui-comment-avatar {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background: var(--primary);
    color: var(--on-primary);
    display: grid;
    place-items: center;
    font-weight: 700;
    font-size: 1rem;
    flex-shrink: 0;
}

.topic-comments .ui-comment-form-body,
.topic-comments .ui-comment-body {
    flex: 1;
    min-width: 0;
}

.topic-comments .ui-comment-textarea {
    width: 100%;
    padding: 12px;
    background: var(--bg);
    border: 1px solid var(--border);
    border-radius: var(--radius-md);
    color: var(--text);
    font-family: inherit;
    font-size: 0.9rem;
    resize: vertical;
    transition: all 0.2s;
}

.topic-comments .ui-comment-textarea:focus {
    outline: none;
    border-color: var(--primary);
    box-shadow: 0 0 0 3px color-mix(in srgb, var(--primary) 10%, transparent);
}

.topic-comments .ui-comment-form-actions {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 12px;
    margin-top: 12px;
}

.topic-comments .ui-comment-btn-submit {
    padding: 10px 20px;
    background: var(--primary);
    border: none;
    border-radius: var(--radius-md);
    color: var(--on-primary);
    font-weight: 700;
    font-size: 0.9rem;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    transition: all 0.2s;
}

.topic-comments .ui-comment-btn-submit:hover {
    background: var(--primary-dark);
    transform: translateY(-2px);
    box-shadow: var(--shadow-md);
}

.topic-comments .ui-comment-btn-submit:disabled {
    opacity: 0.55;
    cursor: not-allowed;
    transform: none;
}

.topic-comments .ui-comment-list {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.topic-comments .ui-comment-item {
    display: flex;
    gap: 12px;
    padding: 0;
    border: 0;
}

.topic-comments .ui-comment-meta {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 8px;
}

.topic-comments .ui-comment-author {
    font-size: 0.95rem;
    font-weight: 700;
    color: var(--text);
}

.topic-comments .ui-comment-time {
    font-size: 0.8rem;
    color: var(--text-light);
}

.topic-comments .ui-comment-text {
    margin: 0;
    color: var(--text-dim);
    font-size: 0.9rem;
    line-height: 1.6;
}

.comments-list {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.comment-item {
    display: flex;
    gap: 12px;
}

.comment-body {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.comment-header {
    display: flex;
    align-items: center;
    gap: 12px;
}

.comment-header strong {
    font-size: 0.95rem;
    font-weight: 700;
    color: var(--text);
}

.comment-time {
    font-size: 0.8rem;
    color: var(--text-light);
}

.comment-text {
    font-size: 0.9rem;
    color: var(--text-dim);
    line-height: 1.6;
    margin: 0;
}

.comment-footer {
    display: flex;
    gap: 12px;
}

.comment-action {
    padding: 6px 12px;
    background: transparent;
    border: 1px solid var(--border);
    border-radius: var(--radius-sm);
    color: var(--text-dim);
    font-size: 0.8rem;
    font-weight: 600;
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 6px;
    transition: all 0.2s;
}

.comment-action:hover {
    background: var(--bg-hover);
    border-color: var(--primary);
    color: var(--primary);
}

/* Widget Styles */
.widget {
    background: var(--bg-white);
    border: 1.5px solid var(--border);
    border-radius: 12px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04), 0 1px 2px rgba(0, 0, 0, 0.02);
    overflow: hidden;
    transition: all var(--transition-base);
}

.widget:hover {
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.06), 0 2px 4px rgba(0, 0, 0, 0.03);
    transform: translateY(-2px);
}

.widget-header {
    padding: 16px;
    background: linear-gradient(135deg, var(--bg-white) 0%, var(--bg) 100%);
    border-bottom: 2px solid var(--border);
}

.widget-header h3 {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 1rem;
    font-weight: 700;
    color: var(--text);
    margin: 0;
    letter-spacing: -0.01em;
}

.widget-header h3 i {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    color: var(--on-primary);
    background: linear-gradient(135deg, var(--primary) 0%, #6d1029 100%);
    border-radius: var(--radius-md);
    font-size: 1rem;
    box-shadow: 0 2px 8px rgba(139, 21, 56, 0.2);
}

.widget-body {
    padding: 16px;
}

/* Left Sidebar */
.topic-sidebar-left {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

/* Stat List */
.stat-list {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.stat-item {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 10px;
    background: var(--bg);
    border-radius: var(--radius-md);
    transition: all 0.2s;
}

.stat-item:hover {
    background: var(--bg-hover);
}

.stat-item>i {
    width: 36px;
    height: 36px;
    background: var(--primary);
    color: var(--on-primary);
    border-radius: var(--radius-md);
    display: grid;
    place-items: center;
    font-size: 1.1rem;
    flex-shrink: 0;
}

.stat-item>div {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.stat-item strong {
    font-size: 1.1rem;
    font-weight: 800;
    color: var(--text);
}

.stat-item span {
    font-size: 0.75rem;
    color: var(--text-dim);
}

/* Category Link */
.category-link {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 12px;
    background: var(--bg);
    border-radius: var(--radius-md);
    text-decoration: none;
    color: var(--text);
    font-weight: 600;
    transition: all 0.2s;
}

.category-link:hover {
    background: var(--bg-hover);
    border-color: var(--primary);
    color: var(--primary);
    transform: translateY(-2px);
}

.category-link i {
    font-size: 1.2rem;
}

/* Date Info */
.date-info {
    padding: 12px;
    background: var(--bg);
    border-radius: var(--radius-md);
    text-align: center;
}

.date-info span {
    font-size: 0.9rem;
    font-weight: 600;
    color: var(--text);
}

/* Right Sidebar */
.topic-sidebar {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.topic-layout>.topic-sidebar .sidebar-panel {
    overflow: hidden;
    background: var(--bg-white);
    border: 1px solid var(--border);
    border-radius: var(--radius-md);
    box-shadow: var(--shadow-sm);
    color: var(--text);
}

.topic-layout>.topic-sidebar .sidebar-panel h2,
.topic-layout>.topic-sidebar .sidebar-popular-header {
    margin: 0;
    padding: 12px;
    border-bottom: 1px solid var(--border);
    color: var(--text);
}

.topic-layout>.topic-sidebar .sidebar-popular-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
}

.topic-layout>.topic-sidebar .sidebar-panel h2 {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 0.95rem;
    font-weight: 700;
}

.topic-layout>.topic-sidebar .sidebar-panel h2 i,
.topic-layout>.topic-sidebar .sidebar-popular-header i {
    color: var(--primary);
}

.topic-layout>.topic-sidebar .sidebar-popular-badge {
    padding: 6px 8px;
    background: var(--bg-hover);
    border: 1px solid var(--border);
    border-radius: var(--radius-sm);
    color: var(--text-dim);
    font-size: 0.75rem;
    font-weight: 700;
}

.topic-layout>.topic-sidebar .sidebar-panel>p,
.topic-layout>.topic-sidebar .tag-cloud,
.topic-layout>.topic-sidebar .author-card,
.topic-layout>.topic-sidebar .sidebar-popular-list,
.topic-layout>.topic-sidebar .stats-list {
    padding: 12px;
}

.topic-layout>.topic-sidebar .tag-cloud {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.topic-layout>.topic-sidebar .tag-cloud a {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px 12px;
    background: var(--bg);
    border: 1px solid var(--border);
    border-radius: var(--radius-md);
    color: var(--text);
    text-decoration: none;
    font-size: 0.85rem;
    font-weight: 600;
    transition: all 0.2s;
}

.topic-layout>.topic-sidebar .tag-cloud a::after {
    content: '\F285';
    font-family: 'bootstrap-icons';
    font-size: 0.75rem;
    color: var(--text-dim);
    opacity: 0;
    transform: translateX(-4px);
    transition: all 0.2s;
}

.topic-layout>.topic-sidebar .tag-cloud a:hover {
    background: var(--bg-hover);
    border-color: var(--primary);
    color: var(--primary);
    transform: translateX(2px);
}

.topic-layout>.topic-sidebar .tag-cloud a:hover::after {
    opacity: 1;
    transform: translateX(0);
    color: var(--primary);
}

.topic-layout>.topic-sidebar .sidebar-popular-item {
    color: var(--text);
    background: var(--bg);
    border: 1px solid var(--border);
    border-radius: var(--radius-md);
    text-decoration: none;
}

.topic-layout>.topic-sidebar .sidebar-popular-item {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: 10px;
    padding: 10px;
}

.topic-layout>.topic-sidebar .sidebar-popular-meta {
    display: flex;
    flex-wrap: wrap;
    gap: 4px 8px;
}

.topic-layout>.topic-sidebar .sidebar-popular-action {
    flex-shrink: 0;
}

.topic-layout>.topic-sidebar .tag-cloud a:hover,
.topic-layout>.topic-sidebar .sidebar-popular-item:hover {
    border-color: var(--primary);
    color: var(--primary);
}

/* Author Card */
.author-card {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
    text-align: center;
}

.author-avatar {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background: var(--primary);
    color: var(--on-primary);
    display: grid;
    place-items: center;
    font-weight: 900;
    font-size: 1.2rem;
}

.author-info {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.author-info strong {
    font-size: 0.9rem;
    font-weight: 700;
    color: var(--text);
}

.author-info span {
    font-size: 0.75rem;
    color: var(--text-dim);
}

.btn-follow {
    width: 100%;
    padding: 6px;
    background: var(--primary);
    border: none;
    border-radius: var(--radius-sm);
    color: var(--on-primary);
    font-weight: 700;
    font-size: 0.85rem;
    cursor: pointer;
    transition: all 0.2s;
}

.btn-follow:hover {
    background: var(--primary-dark);
    transform: translateY(-2px);
    box-shadow: var(--shadow-md);
}

/* Related List */
.related-list {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.related-item {
    display: flex;
    gap: 8px;
    padding: 8px;
    text-decoration: none;
    color: inherit;
    border-radius: var(--radius-sm);
    transition: all 0.2s;
}

.related-item:hover {
    background: var(--bg-hover);
}

.related-item img {
    width: 60px;
    height: 45px;
    border-radius: var(--radius-sm);
    object-fit: cover;
    flex-shrink: 0;
}

.related-item strong {
    display: block;
    font-size: 0.85rem;
    font-weight: 700;
    color: var(--text);
    margin-bottom: 2px;
}

.related-item span {
    display: block;
    font-size: 0.75rem;
    color: var(--text-dim);
}

/* Tags */
.tags {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.tag {
    padding: 6px 12px;
    background: var(--bg);
    border: 1px solid var(--border);
    border-radius: var(--radius-sm);
    font-size: 0.8rem;
    font-weight: 600;
    color: var(--text-dim);
    text-decoration: none;
    transition: all 0.2s;
}

.tag:hover {
    background: var(--primary);
    border-color: var(--primary);
    color: var(--on-primary);
    transform: translateY(-2px);
}

/* Responsive */
@media (max-width: 1200px) {
    .topic-layout {
        grid-template-columns: 220px 1fr 240px;
    }
}

@media (max-width: 992px) {
    .topic-layout {
        grid-template-columns: 1fr;
    }

    .topic-sidebar-left {
        order: -2;
    }

    .topic-sidebar {
        order: -1;
    }

    .topic-sidebar-left .widget,
    .topic-sidebar .widget {
        position: static;
    }

    .download-grid {
        grid-template-columns: 1fr;
    }

    .stat-list {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 768px) {

    .topic-title-bar,
    .topic-header {
        grid-template-columns: 1fr;
        padding: 20px 18px;
        border-radius: 10px;
    }

    .topic-title-bar h1,
    .topic-header h1 {
        font-size: 1.4rem;
    }

    .topic-title-bar-text {
        gap: 10px;
    }

    .topic-title-bar-meta {
        gap: 10px;
    }

    .topic-title-bar-cat,
    .topic-title-bar-date {
        font-size: 0.8rem;
        padding: 5px 10px;
    }

    .topic-title-bar-badges {
        width: 100%;
        max-width: none;
        justify-content: flex-start;
        gap: 8px;
    }

    .ttb-badge {
        flex: 1;
        justify-content: center;
        padding: 10px 14px;
        font-size: 0.8rem;
    }

    .title-actions {
        width: 100%;
        justify-content: flex-start;
    }

    .btn-favorite,
    .btn-share {
        flex: 1;
        justify-content: center;
        padding: 10px 14px;
        font-size: 0.85rem;
    }

    .detail-row {
        grid-template-columns: 1fr;
    }

    .gallery-thumbs {
        grid-template-columns: repeat(2, 1fr);
    }

    .stat-list {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 480px) {

    .topic-title-bar,
    .topic-header {
        padding: 16px 14px;
        border-radius: var(--radius-md);
    }

    .topic-title-bar h1,
    .topic-header h1 {
        font-size: 1.25rem;
    }

    .topic-title-bar-meta {
        flex-direction: column;
        align-items: flex-start;
        gap: 8px;
    }

    .ttb-badge {
        font-size: 0.75rem;
        padding: 8px 12px;
    }

    .ttb-badge i {
        font-size: 0.9rem;
    }

    .ttb-favorite-count {
        min-width: 20px;
        height: 20px;
        font-size: 0.7rem;
    }
}

/* Mod Info List */

/* Topic detail sidebar refresh */
.topic-detail-layout {
    grid-template-columns: 260px minmax(0, 1fr) 260px;
}

.topic-title-bar.topic-header {
    display: grid;
    place-items: center;
    min-height: 74px;
    padding: 18px 20px;
    text-align: center;
}

.topic-title-bar.topic-header .topic-title-bar-text {
    align-items: center;
    width: 100%;
}

.topic-title-bar.topic-header h1 {
    max-width: 920px;
    margin-inline: auto;
    text-align: center;
}

.topic-action-list,
.topic-info-list {
    display: grid;
    gap: 8px;
}

.topic-action-form {
    margin: 0;
}

.topic-action-btn {
    position: relative;
    display: flex;
    width: 100%;
    min-height: 48px;
    align-items: center;
    justify-content: flex-start;
    gap: 14px;
    padding: 14px 16px;
    color: var(--text);
    background: var(--bg-white);
    border: 1.5px solid var(--border);
    border-radius: 10px;
    font-size: 0.9rem;
    font-weight: 600;
    text-align: left;
    text-decoration: none;
    cursor: pointer;
    transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
    overflow: hidden;
}

.topic-action-btn::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 100%;
    background: linear-gradient(90deg, transparent, rgba(139, 21, 56, 0.05));
    transition: width 0.3s ease;
}

.topic-action-btn:hover::before {
    width: 100%;
}

.topic-action-btn:hover {
    color: var(--primary);
    background: var(--bg-white);
    border-color: var(--primary);
    transform: translateX(4px);
    box-shadow: 0 4px 16px rgba(139, 21, 56, 0.15), 0 2px 4px rgba(0, 0, 0, 0.05);
}

.topic-action-btn:active {
    transform: translateX(2px);
    box-shadow: 0 2px 8px rgba(139, 21, 56, 0.1);
}

.topic-action-btn i {
    position: relative;
    z-index: 1;
    display: grid;
    width: 28px;
    height: 28px;
    flex: 0 0 28px;
    place-items: center;
    color: currentColor;
    font-size: 1.1rem;
}

.topic-action-btn span {
    position: relative;
    z-index: 1;
    flex: 1;
}

.topic-action-btn .ttb-favorite-count,
.topic-action-btn .action-badge {
    position: relative;
    z-index: 1;
    display: inline-flex;
    align-items: center;
    min-width: 32px;
    height: 24px;
    justify-content: center;
    padding: 0 8px;
    color: var(--text);
    background: var(--bg);
    border: 1.5px solid var(--border);
    border-radius: 12px;
    font-size: 0.75rem;
    font-weight: 700;
    transition: all var(--transition-fast);
}

.topic-action-btn.is-active {
    color: var(--on-primary);
    background: linear-gradient(135deg, var(--primary) 0%, #6d1029 100%);
    border-color: var(--primary);
    box-shadow: 0 4px 16px rgba(139, 21, 56, 0.25), 0 2px 4px rgba(0, 0, 0, 0.1);
}

.topic-action-btn.is-active::before {
    width: 100%;
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.1));
}

.topic-action-btn.is-active .ttb-favorite-count,
.topic-action-btn.is-active .action-badge {
    color: var(--primary);
    background: var(--bg-white);
    border-color: rgba(255, 255, 255, 0.3);
    font-weight: 800;
}

.topic-action-report {
    color: var(--danger);
}

.topic-action-report:hover {
    color: var(--on-primary);
    background: var(--danger);
    border-color: var(--danger);
}

.topic-action-edit {
    color: var(--primary);
}

.topic-info-row {
    display: grid;
    grid-template-columns: 28px minmax(0, 0.72fr) minmax(0, 1fr);
    gap: 8px;
    align-items: center;
    min-height: 44px;
    padding: 10px;
    color: var(--text);
    background: var(--bg);
    border: 1px solid transparent;
    border-radius: var(--radius-md);
    text-decoration: none;
}

a.topic-info-row:hover {
    color: var(--primary);
    background: var(--bg-hover);
    border-color: var(--primary);
}

.topic-info-row i {
    display: grid;
    width: 28px;
    height: 28px;
    place-items: center;
    color: var(--primary);
    background: var(--bg-white);
    border: 1px solid var(--border);
    border-radius: var(--radius-md);
}

.topic-info-row span {
    min-width: 0;
    color: var(--text-dim);
    font-size: 0.76rem;
    font-weight: 700;
}

.topic-info-row strong {
    min-width: 0;
    overflow: hidden;
    color: var(--text);
    font-size: 0.82rem;
    font-weight: 800;
    text-align: right;
    text-overflow: ellipsis;
    white-space: nowrap;
}

@media (max-width: 992px) {
    .topic-detail-layout {
        grid-template-columns: 1fr;
    }

    .topic-title-bar.topic-header {
        order: 0;
    }
}

.info-list {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.info-list__item {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 12px;
    background: var(--bg);
    border-radius: var(--radius-md);
    transition: all 0.2s;
}

.info-list__item:hover {
    background: var(--bg-hover);
}

.info-list__item>i {
    font-size: 1.5rem;
    color: var(--primary);
    flex-shrink: 0;
    width: 32px;
    text-align: center;
}

.info-list__item>div {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.info-label {
    font-size: 0.75rem;
    color: var(--text-dim);
    font-weight: 500;
}

.info-list__item strong {
    font-size: 0.95rem;
    color: var(--text);
    font-weight: 700;
}

.status-verified {
    color: var(--success);
}

/* Community Stats */
.community-stats {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 10px;
}

.community-stat {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
    padding: 14px 10px;
    background: var(--bg);
    border-radius: var(--radius-md);
    text-align: center;
    transition: all 0.2s;
}

.community-stat:hover {
    background: var(--bg-hover);
    transform: translateY(-2px);
}

.stat-icon {
    width: 42px;
    height: 42px;
    background: var(--primary);
    border-radius: 50%;
    display: grid;
    place-items: center;
}

.stat-icon i {
    font-size: 1.3rem;
    color: var(--on-primary);
}

.stat-content {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.stat-content strong {
    font-size: 1.1rem;
    font-weight: 800;
    color: var(--text);
}

.stat-content span {
    font-size: 0.75rem;
    color: var(--text-dim);
    font-weight: 500;
}

/* ============================================
   KONU \c4\b0\c5\9eLEMLER\c4\b0 - Minimal Tasar\c4\b1m
   ============================================ */

.topic-actions-widget {
    background: var(--bg-white);
    border: 1px solid var(--border);
    border-radius: var(--radius-md);
    box-shadow: var(--shadow-sm);
}

.topic-actions-header {
    padding: 12px;
    border-bottom: 1px solid var(--border);
}

.topic-actions-header h3 {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 0.95rem;
    font-weight: 700;
    color: var(--text);
    margin: 0;
}

.topic-actions-header h3 i {
    color: var(--primary);
    font-size: 1rem;
}

.topic-actions-body {
    padding: 12px;
}

.topic-action-list {
    display: grid;
    gap: 12px;
}

.topic-action-report {
    color: var(--danger);
}

.topic-action-report:hover {
    color: var(--on-primary);
    background: var(--danger);
    border-color: var(--danger);
}

.topic-action-edit {
    color: var(--primary);
}

/* ============================================================
   Section 4: Leaderboard Styles (from leaderboard.css)
   ============================================================ */
/**
 * Leaderboard Styles - Gaming/Esports Theme
 * Retro-futurism design with neon effects and glassmorphism
 */

/* ===== CSS Variables - Anasayfa ile Tutarl\c4\b1 ===== */
:root {
    --primary: var(--brand-accent);
    --primary-light: var(--brand-accent-light);
    --secondary: var(--brand-accent-hover);
    --accent: #ff4757;
    --accent-glow: #ff6b7a;
    --bg-dark: #0F0F23;
    --bg-darker: #050510;
    --surface: #1A1A2E;
    --surface-light: #252541;
    --text-primary: #F8FAFC;
    --text-secondary: #CBD5E1;
    --text-muted: #94A3B8;
    --success: #10B981;
    --warning: #F59E0B;
    --danger: #ff4757;
    --border: rgba(139, 21, 56, 0.2);
    --glow: rgba(139, 21, 56, 0.5);
}

[data-theme="light"] {
    --primary: #8b1538;
    --primary-light: #fce8ed;
    --secondary: #6b0f2a;
    --accent: #dc2626;
    --accent-glow: #ef4444;
    --bg-dark: #f5f5f5;
    --bg-darker: #ebebeb;
    --surface: #ffffff;
    --surface-light: #f9f9f9;
    --text-primary: #0a0a0a;
    --text-secondary: #404040;
    --text-muted: #666666;
    --success: #10b981;
    --warning: var(--brand-accent);
    --danger: #dc2626;
    --border: rgba(139, 21, 56, 0.2);
    --glow: rgba(139, 21, 56, 0.5);
}

/* ===== Global Animations ===== */
@keyframes scanline {
    0% {
        transform: translateY(-100%);
    }

    100% {
        transform: translateY(100vh);
    }
}

@keyframes neon-pulse {

    0%,
    100% {
        opacity: 1;
        filter: drop-shadow(0 0 8px var(--primary));
    }

    50% {
        opacity: 0.8;
        filter: drop-shadow(0 0 16px var(--primary-light));
    }
}

@keyframes gradient-shift {

    0%,
    100% {
        background-position: 0% 50%;
    }

    50% {
        background-position: 100% 50%;
    }
}

@keyframes float {

    0%,
    100% {
        transform: translateY(0px);
    }

    50% {
        transform: translateY(-10px);
    }
}

@keyframes glow-pulse {

    0%,
    100% {
        box-shadow: 0 0 20px var(--glow), 0 0 40px var(--glow);
    }

    50% {
        box-shadow: 0 0 30px var(--glow), 0 0 60px var(--glow);
    }
}

/* ===== CRT Scanline Effect ===== */
.leaderboard-container::before {
    content: '';
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 2px;
    background: linear-gradient(transparent, rgba(124, 58, 237, 0.3), transparent);
    animation: scanline 8s linear infinite;
    pointer-events: none;
    z-index: var(--z-tooltip);
}

@media (prefers-reduced-motion: reduce) {
    .leaderboard-container::before {
        animation: none;
        display: none;
    }
}

/* ===== Widget Styles ===== */
.leaderboard-widget {
    margin-bottom: 1.5rem;
    background: rgba(26, 26, 46, 0.6);
    backdrop-filter: blur(12px);
    border: 1px solid var(--border);
    border-radius: 16px;
    padding: 1.5rem;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.4);
}

.leaderboard-controls {
    margin-bottom: 1rem;
}

.leaderboard-period-select {
    width: 100%;
    padding: 0.75rem 1rem;
    border: 2px solid var(--border);
    border-radius: 12px;
    background: rgba(37, 37, 65, 0.8);
    backdrop-filter: blur(8px);
    color: var(--text-primary);
    font-size: 0.95rem;
    font-family: 'Chakra Petch', sans-serif;
    cursor: pointer;
    transition: all var(--transition-base);
}

.leaderboard-period-select:hover {
    border-color: var(--primary);
    box-shadow: 0 0 20px var(--glow);
}

.leaderboard-period-select:focus {
    outline: none;
    border-color: var(--primary-light);
    box-shadow: 0 0 30px var(--glow);
}

.leaderboard-list {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.leaderboard-item {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 1rem;
    background: rgba(37, 37, 65, 0.6);
    backdrop-filter: blur(8px);
    border: 1px solid var(--border);
    border-radius: 12px;
    transition: all var(--transition-base);
    cursor: pointer;
}

.leaderboard-item:hover {
    background: rgba(37, 37, 65, 0.9);
    border-color: var(--primary);
    transform: translateX(8px);
    box-shadow: 0 4px 20px var(--glow);
}

.leaderboard-rank {
    min-width: 40px;
    text-align: center;
    font-weight: 700;
    font-family: 'Russo One', sans-serif;
}

.leaderboard-rank .medal {
    font-size: 1.8rem;
    line-height: 1;
    filter: drop-shadow(0 0 8px currentColor);
    animation: float 3s ease-in-out infinite;
}

@media (prefers-reduced-motion: reduce) {
    .leaderboard-rank .medal {
        animation: none;
    }
}

.leaderboard-rank .rank-number {
    font-size: 1.2rem;
    color: var(--text-secondary);
    text-shadow: 0 0 10px var(--primary);
}

.leaderboard-avatar {
    flex-shrink: 0;
}

.leaderboard-avatar img {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    object-fit: cover;
    border: 2px solid var(--primary);
    box-shadow: 0 0 20px var(--glow), 0 4px 12px rgba(0, 0, 0, 0.4);
    transition: all var(--transition-base);
}

.leaderboard-item:hover .leaderboard-avatar img {
    border-color: var(--accent);
    box-shadow: 0 0 30px var(--accent-glow), 0 6px 16px rgba(0, 0, 0, 0.6);
    transform: scale(1.1);
}

.leaderboard-info {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

.leaderboard-username {
    font-weight: 700;
    font-family: 'Chakra Petch', sans-serif;
    color: var(--text-primary);
    text-decoration: none;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    transition: all var(--transition-base);
    text-shadow: 0 0 10px var(--primary);
}

.leaderboard-username:hover {
    color: var(--accent);
    text-shadow: 0 0 20px var(--accent-glow);
}

.leaderboard-score {
    font-size: 0.9rem;
    color: var(--text-muted);
    font-family: 'Chakra Petch', sans-serif;
}

.leaderboard-view-all {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    margin-top: 1rem;
    padding: 1rem;
    background: linear-gradient(135deg, var(--primary) 0%, var(--secondary) 100%);
    background-size: 200% 200%;
    color: var(--text-primary);
    text-decoration: none;
    border-radius: 12px;
    font-weight: 700;
    font-family: 'Russo One', sans-serif;
    text-transform: uppercase;
    letter-spacing: 1px;
    border: 2px solid var(--primary-light);
    transition: all var(--transition-base);
    position: relative;
    overflow: hidden;
}

.leaderboard-view-all::before {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent);
    transition: left 0.5s ease;
}

.leaderboard-view-all:hover {
    transform: translateY(-4px);
    box-shadow: 0 8px 32px var(--glow);
    animation: gradient-shift 3s ease infinite;
    color: var(--text-primary);
}

.leaderboard-view-all:hover::before {
    left: 100%;
}

@media (prefers-reduced-motion: reduce) {
    .leaderboard-view-all:hover {
        animation: none;
    }

    .leaderboard-view-all::before {
        display: none;
    }
}

.leaderboard-error {
    text-align: center;
    padding: 3rem 1rem;
    color: var(--text-muted);
    background: rgba(26, 26, 46, 0.4);
    border: 1px solid var(--border);
    border-radius: 12px;
}

.leaderboard-error i {
    font-size: 3rem;
    margin-bottom: 1rem;
    display: block;
    color: var(--accent);
    filter: drop-shadow(0 0 10px var(--accent-glow));
}

/* ===== Profile Widget Styles ===== */
.profile-leaderboard-widget {
    margin-bottom: 1.5rem;
    overflow: hidden;
    border: 1px solid color-mix(in srgb, var(--border) 78%, transparent);
    border-radius: 16px;
    background:
        linear-gradient(180deg, color-mix(in srgb, var(--bg-white) 96%, var(--primary) 4%), var(--bg-white)),
        var(--bg-white);
    box-shadow: 0 18px 42px color-mix(in srgb, var(--shadow) 55%, transparent);
}

.profile-leaderboard-head {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    gap: .75rem;
    align-items: center;
    padding: 1rem;
    border-bottom: 1px solid color-mix(in srgb, var(--border) 78%, transparent);
    background:
        linear-gradient(135deg, color-mix(in srgb, var(--primary) 12%, transparent), transparent 58%),
        color-mix(in srgb, var(--bg-white) 92%, var(--primary) 8%);
}

.profile-leaderboard-mark {
    display: grid;
    width: 42px;
    height: 42px;
    place-items: center;
    border-radius: 12px;
    color: var(--on-primary);
    background: linear-gradient(135deg, var(--primary), var(--primary-dark));
    box-shadow: 0 10px 22px color-mix(in srgb, var(--primary) 30%, transparent);
}

.profile-leaderboard-kicker {
    display: block;
    margin-bottom: .12rem;
    color: var(--text-light);
    font-size: .7rem;
    font-weight: 800;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.profile-leaderboard-head h3 {
    margin: 0;
    color: var(--text);
    font-size: 1rem;
    font-weight: 850;
    line-height: 1.2;
}

.profile-leaderboard-best {
    display: grid;
    min-width: 72px;
    justify-items: end;
    gap: .05rem;
}

.profile-leaderboard-best strong {
    color: var(--primary-dark);
    font-size: 1.15rem;
    font-weight: 900;
    line-height: 1;
}

.profile-leaderboard-best span {
    color: var(--text-light);
    font-size: .68rem;
    font-weight: 750;
    white-space: nowrap;
}

.profile-leaderboard-body {
    padding: 1rem;
}

.profile-leaderboard-summary {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .75rem;
    margin-bottom: .85rem;
    color: var(--text-light);
    font-size: .78rem;
    font-weight: 750;
}

.profile-ranks-list {
    display: grid;
    gap: .7rem;
}

.profile-rank-item {
    padding: .85rem;
    background: color-mix(in srgb, var(--bg-white) 92%, var(--bg) 8%);
    border-radius: 12px;
    border: 1px solid color-mix(in srgb, var(--border) 78%, transparent);
    transition: border-color .18s ease, transform .18s ease, box-shadow .18s ease;
}

.profile-rank-item.is-podium {
    border-color: color-mix(in srgb, var(--primary) 42%, var(--border));
    background:
        linear-gradient(135deg, color-mix(in srgb, var(--primary) 10%, transparent), transparent 62%),
        color-mix(in srgb, var(--bg-white) 94%, var(--primary) 6%);
}

.profile-rank-item.is-strong {
    border-color: color-mix(in srgb, var(--success) 32%, var(--border));
}

.profile-rank-item:hover {
    border-color: color-mix(in srgb, var(--primary) 55%, var(--border));
    box-shadow: 0 12px 28px color-mix(in srgb, var(--shadow) 45%, transparent);
    transform: translateY(-1px);
}

.profile-rank-header {
    display: flex;
    align-items: center;
    gap: .65rem;
    margin-bottom: .65rem;
}

.profile-rank-icon {
    display: grid;
    width: 36px;
    height: 36px;
    flex: 0 0 36px;
    place-items: center;
    border-radius: 10px;
    color: var(--primary-dark);
    background: color-mix(in srgb, var(--primary) 14%, transparent);
    font-size: 1.05rem;
}

.profile-rank-info {
    flex: 1;
    min-width: 0;
}

.profile-rank-info strong {
    display: block;
    overflow: hidden;
    color: var(--text);
    font-size: .9rem;
    font-weight: 850;
    line-height: 1.25;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.profile-rank-position {
    color: var(--text-light);
    font-size: .75rem;
    font-weight: 700;
}

.profile-rank-metric {
    display: grid;
    justify-items: end;
    gap: .12rem;
    flex: 0 0 auto;
}

.profile-rank-number {
    color: var(--text);
    font-size: 1rem;
    font-weight: 900;
    line-height: 1;
}

.profile-rank-score {
    color: var(--text-light);
    font-size: .68rem;
    font-weight: 800;
    white-space: nowrap;
}

.profile-rank-progress {
    display: flex;
    align-items: center;
    gap: .65rem;
}

.progress-bar {
    flex: 1;
    height: 7px;
    overflow: hidden;
    border-radius: 999px;
    background: color-mix(in srgb, var(--border) 55%, transparent);
}

.progress-fill {
    height: 100%;
    border-radius: inherit;
    background: linear-gradient(90deg, var(--primary-dark), var(--primary));
    transition: width .35s ease;
}

.progress-meter {
    display: block;
    width: 100%;
    height: 100%;
    border: 0;
    border-radius: inherit;
    background: color-mix(in srgb, var(--border) 55%, transparent);
    appearance: none;
}

.progress-meter::-webkit-meter-bar {
    height: 100%;
    border: 0;
    border-radius: inherit;
    background: color-mix(in srgb, var(--border) 55%, transparent);
}

.progress-meter::-webkit-meter-optimum-value {
    border-radius: inherit;
    background: linear-gradient(90deg, var(--primary-dark), var(--primary));
    transition: width .35s ease;
}

.progress-meter::-moz-meter-bar {
    border-radius: inherit;
    background: linear-gradient(90deg, var(--primary-dark), var(--primary));
}

.progress-label {
    min-width: 58px;
    color: var(--text-light);
    font-size: .72rem;
    font-weight: 850;
    text-align: right;
}

.profile-leaderboard-link {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .65rem;
    margin-top: .9rem;
    padding: .78rem .85rem;
    border: 1px solid color-mix(in srgb, var(--primary) 26%, var(--border));
    border-radius: 12px;
    color: var(--primary-dark);
    background: color-mix(in srgb, var(--primary) 8%, transparent);
    font-size: .86rem;
    font-weight: 850;
    text-decoration: none;
    transition: background .18s ease, transform .18s ease, border-color .18s ease;
}

.profile-leaderboard-link span {
    display: inline-flex;
    align-items: center;
    gap: .45rem;
}

.profile-leaderboard-link:hover {
    border-color: color-mix(in srgb, var(--primary) 48%, var(--border));
    background: color-mix(in srgb, var(--primary) 13%, transparent);
    color: var(--primary-dark);
    transform: translateY(-1px);
}

/* ===== Full Page Styles ===== */
.leaderboard-container {
    padding: 2rem 0;
    position: relative;
}

.leaderboard-header {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 2rem;
    gap: 1rem;
}

.leaderboard-title h1 {
    font-size: 2.5rem;
    font-weight: 700;
    font-family: 'Russo One', sans-serif;
    color: var(--text-primary);
    margin-bottom: 0.5rem;
    text-transform: uppercase;
    letter-spacing: 2px;
    text-shadow: 0 0 20px var(--primary), 0 0 40px var(--primary);
    animation: neon-pulse 3s ease-in-out infinite;
}

@media (prefers-reduced-motion: reduce) {
    .leaderboard-title h1 {
        animation: none;
    }
}

.leaderboard-title p {
    color: var(--text-secondary);
    font-size: 1.1rem;
    font-family: 'Chakra Petch', sans-serif;
}

.leaderboard-cache-badge {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.75rem 1.25rem;
    background: rgba(16, 185, 129, 0.2);
    color: var(--success);
    border: 1px solid var(--success);
    border-radius: var(--radius-md);
    font-size: 0.95rem;
    font-weight: 700;
    font-family: 'Chakra Petch', sans-serif;
    box-shadow: 0 0 20px rgba(16, 185, 129, 0.3);
}

.leaderboard-tabs {
    display: flex;
    gap: 0.75rem;
    margin-bottom: 1.5rem;
    overflow-x: auto;
    padding-bottom: 0.5rem;
    scrollbar-width: thin;
    scrollbar-color: var(--primary) var(--surface);
}

.leaderboard-tabs::-webkit-scrollbar {
    height: 6px;
}

.leaderboard-tabs::-webkit-scrollbar-track {
    background: var(--surface);
    border-radius: 3px;
}

.leaderboard-tabs::-webkit-scrollbar-thumb {
    background: var(--primary);
    border-radius: 3px;
}

.leaderboard-tab {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 1rem 1.5rem;
    background: rgba(37, 37, 65, 0.6);
    backdrop-filter: blur(8px);
    border: 2px solid var(--border);
    border-radius: 12px;
    color: var(--text-secondary);
    text-decoration: none;
    font-weight: 700;
    font-family: 'Chakra Petch', sans-serif;
    white-space: nowrap;
    transition: all var(--transition-base);
    cursor: pointer;
}

.leaderboard-tab:hover {
    border-color: var(--primary);
    color: var(--text-primary);
    transform: translateY(-4px);
    box-shadow: 0 4px 20px var(--glow);
}

.leaderboard-tab.active {
    background: linear-gradient(135deg, var(--primary) 0%, var(--secondary) 100%);
    border-color: var(--primary-light);
    color: var(--text-primary);
    box-shadow: 0 0 30px var(--glow);
}

.leaderboard-tab i {
    font-size: 1.3rem;
    filter: drop-shadow(0 0 8px currentColor);
}

.leaderboard-controls {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 1rem;
    margin-bottom: 1.5rem;
    flex-wrap: wrap;
}

.period-buttons {
    display: flex;
    gap: 0.5rem;
    flex-wrap: wrap;
}

.period-btn {
    padding: 0.75rem 1.25rem;
    background: rgba(37, 37, 65, 0.6);
    backdrop-filter: blur(8px);
    border: 2px solid var(--border);
    border-radius: 10px;
    color: var(--text-secondary);
    font-weight: 700;
    font-family: 'Chakra Petch', sans-serif;
    cursor: pointer;
    transition: all var(--transition-base);
}

.period-btn:hover {
    border-color: var(--primary);
    color: var(--text-primary);
    box-shadow: 0 0 20px var(--glow);
}

.period-btn.active {
    background: linear-gradient(135deg, var(--primary) 0%, var(--secondary) 100%);
    border-color: var(--primary-light);
    color: var(--text-primary);
    box-shadow: 0 0 30px var(--glow);
}

.leaderboard-search {
    flex: 1;
    max-width: 350px;
}

.search-input-group {
    position: relative;
    display: flex;
    align-items: center;
}

.search-input-group i {
    position: absolute;
    left: 1rem;
    color: var(--text-muted);
    font-size: 1.1rem;
}

.search-input {
    width: 100%;
    padding: 0.75rem 3rem 0.75rem 3rem;
    border: 2px solid var(--border);
    border-radius: 12px;
    background: rgba(37, 37, 65, 0.6);
    backdrop-filter: blur(8px);
    color: var(--text-primary);
    font-size: 0.95rem;
    font-family: 'Chakra Petch', sans-serif;
    transition: all var(--transition-base);
}

.search-input::placeholder {
    color: var(--text-muted);
}

.search-input:focus {
    outline: none;
    border-color: var(--primary);
    box-shadow: 0 0 30px var(--glow);
}

.search-clear {
    position: absolute;
    right: 1rem;
    color: var(--text-muted);
    text-decoration: none;
    font-size: 1.3rem;
    transition: all var(--transition-base);
    cursor: pointer;
}

.search-clear:hover {
    color: var(--accent);
    filter: drop-shadow(0 0 8px var(--accent-glow));
}

.leaderboard-table-container {
    background: rgba(26, 26, 46, 0.6);
    backdrop-filter: blur(12px);
    border: 1px solid var(--border);
    border-radius: 16px;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.4);
    overflow: hidden;
    margin-bottom: 2rem;
}

.leaderboard-table {
    width: 100%;
    border-collapse: collapse;
}

.leaderboard-table thead {
    background: rgba(37, 37, 65, 0.8);
    backdrop-filter: blur(8px);
}

.leaderboard-table th {
    padding: 1.25rem 1rem;
    text-align: left;
    font-weight: 700;
    font-family: 'Russo One', sans-serif;
    color: var(--text-primary);
    border-bottom: 2px solid var(--border);
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 0.9rem;
    text-shadow: 0 0 10px var(--primary);
}

.leaderboard-table td {
    padding: 1.25rem 1rem;
    border-bottom: 1px solid var(--border);
    font-family: 'Chakra Petch', sans-serif;
}

.leaderboard-table tbody tr {
    transition: all var(--transition-base);
    background: rgba(26, 26, 46, 0.3);
}

.leaderboard-table tbody tr:hover {
    background: rgba(37, 37, 65, 0.6);
    box-shadow: inset 0 0 20px var(--glow);
}

.leaderboard-table tbody tr.current-user {
    background: rgba(124, 58, 237, 0.2);
    border-left: 4px solid var(--accent);
    box-shadow: inset 0 0 30px rgba(244, 63, 94, 0.3);
}

.leaderboard-table tbody tr.current-user:hover {
    background: rgba(124, 58, 237, 0.3);
    box-shadow: inset 0 0 40px rgba(244, 63, 94, 0.4);
}

.col-rank {
    width: 90px;
    text-align: center;
}

.col-user {
    min-width: 220px;
}

.col-score {
    width: 130px;
    text-align: center;
}

.col-change {
    width: 110px;
    text-align: center;
}

.col-metadata {
    width: 220px;
}

.user-cell {
    display: flex;
    align-items: center;
    gap: 1rem;
}

.user-avatar {
    width: 56px;
    height: 56px;
    border-radius: 50%;
    object-fit: cover;
    border: 3px solid var(--primary);
    box-shadow: 0 0 20px var(--glow), 0 4px 12px rgba(0, 0, 0, 0.4);
    transition: all var(--transition-base);
}

.leaderboard-table tbody tr:hover .user-avatar {
    border-color: var(--accent);
    box-shadow: 0 0 30px var(--accent-glow), 0 6px 16px rgba(0, 0, 0, 0.6);
    transform: scale(1.1);
}

.user-info {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

.user-name {
    font-weight: 700;
    font-family: 'Chakra Petch', sans-serif;
    color: var(--text-primary);
    text-decoration: none;
    transition: all var(--transition-base);
    text-shadow: 0 0 10px var(--primary);
}

.user-name:hover {
    color: var(--accent);
    text-shadow: 0 0 20px var(--accent-glow);
}

.user-badge {
    display: inline-block;
    padding: 0.25rem 0.75rem;
    background: linear-gradient(135deg, var(--accent) 0%, var(--accent-glow) 100%);
    color: var(--text-primary);
    font-size: 0.75rem;
    font-weight: 700;
    font-family: 'Russo One', sans-serif;
    border-radius: var(--radius-md);
    text-transform: uppercase;
    letter-spacing: 0.5px;
    box-shadow: 0 0 15px var(--accent-glow);
}

.rank-change {
    display: inline-flex;
    align-items: center;
    gap: 0.25rem;
    padding: 0.5rem 0.75rem;
    border-radius: var(--radius-md);
    font-size: 0.9rem;
    font-weight: 700;
    font-family: 'Chakra Petch', sans-serif;
    border: 1px solid;
}

.rank-change.up {
    background: rgba(16, 185, 129, 0.2);
    color: var(--success);
    border-color: var(--success);
    box-shadow: 0 0 15px rgba(16, 185, 129, 0.3);
}

.rank-change.down {
    background: rgba(239, 68, 68, 0.2);
    color: var(--danger);
    border-color: var(--danger);
    box-shadow: 0 0 15px rgba(239, 68, 68, 0.3);
}

.rank-change.neutral {
    background: rgba(148, 163, 184, 0.2);
    color: var(--text-muted);
    border-color: var(--text-muted);
}

.metadata-items {
    display: flex;
    gap: 1rem;
    flex-wrap: wrap;
}

.metadata-item {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    font-size: 0.9rem;
    font-family: 'Chakra Petch', sans-serif;
    color: var(--text-secondary);
    padding: 0.25rem 0.75rem;
    background: rgba(37, 37, 65, 0.4);
    border-radius: var(--radius-md);
    border: 1px solid var(--border);
}

.metadata-item i {
    color: var(--primary);
    font-size: 1rem;
    filter: drop-shadow(0 0 8px var(--primary));
}

.empty-state {
    text-align: center;
    padding: 5rem 2rem;
    color: var(--text-muted);
    background: rgba(26, 26, 46, 0.4);
    border: 1px solid var(--border);
    border-radius: 16px;
}

.empty-state i {
    font-size: 5rem;
    margin-bottom: 1.5rem;
    display: block;
    color: var(--primary);
    opacity: 0.6;
    filter: drop-shadow(0 0 20px var(--primary));
}

.empty-state h3 {
    font-size: 1.75rem;
    margin-bottom: 0.75rem;
    font-family: 'Russo One', sans-serif;
    color: var(--text-primary);
    text-shadow: 0 0 15px var(--primary);
}

.empty-state p {
    font-family: 'Chakra Petch', sans-serif;
    color: var(--text-secondary);
}

/* ===== Pagination ===== */
.pagination {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 0.5rem;
    margin-top: 2rem;
    flex-wrap: wrap;
}

.pagination button,
.pagination span {
    min-width: 44px;
    height: 44px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0.75rem;
    background: rgba(37, 37, 65, 0.6);
    backdrop-filter: blur(8px);
    border: 2px solid var(--border);
    border-radius: 10px;
    color: var(--text-secondary);
    font-weight: 700;
    font-family: 'Chakra Petch', sans-serif;
    cursor: pointer;
    transition: all var(--transition-base);
}

.pagination button:hover:not(:disabled) {
    border-color: var(--primary);
    color: var(--text-primary);
    box-shadow: 0 0 20px var(--glow);
}

.pagination button.active {
    background: linear-gradient(135deg, var(--primary) 0%, var(--secondary) 100%);
    border-color: var(--primary-light);
    color: var(--text-primary);
    box-shadow: 0 0 30px var(--glow);
}

.pagination button:disabled {
    opacity: 0.4;
    cursor: not-allowed;
}

.pagination span {
    border: none;
    background: transparent;
    cursor: default;
}

/* ===== Animations ===== */
@keyframes highlight-pulse {

    0%,
    100% {
        background: rgba(124, 58, 237, 0.2);
    }

    50% {
        background: rgba(124, 58, 237, 0.4);
    }
}

/* ===== Medal Styles ===== */
.medal {
    display: inline-block;
    font-size: 2rem;
    line-height: 1;
}

.rank-number {
    font-size: 1.5rem;
    font-weight: 700;
    font-family: 'Russo One', sans-serif;
    color: var(--text-primary);
    text-shadow: 0 0 15px var(--primary);
}

/* ===== Responsive Design ===== */
@media (max-width: 992px) {
    .leaderboard-controls {
        flex-direction: column;
        align-items: stretch;
    }

    .leaderboard-search {
        max-width: 100%;
    }

    .period-buttons {
        justify-content: center;
    }

    .col-metadata {
        display: none;
    }

    .leaderboard-title h1 {
        font-size: 2rem;
    }
}

@media (max-width: 768px) {
    .leaderboard-header {
        flex-direction: column;
    }

    .leaderboard-title h1 {
        font-size: 1.75rem;
    }

    .leaderboard-tabs {
        flex-wrap: nowrap;
        overflow-x: auto;
    }

    .leaderboard-tab {
        padding: 0.75rem 1.25rem;
        font-size: 0.95rem;
    }

    .leaderboard-table th,
    .leaderboard-table td {
        padding: 1rem 0.75rem;
    }

    .col-change {
        display: none;
    }

    .user-avatar {
        width: 48px;
        height: 48px;
    }

    .user-name {
        font-size: 0.95rem;
    }

    .period-btn {
        padding: 0.75rem 1rem;
        font-size: 0.9rem;
    }

    .pagination button,
    .pagination span {
        min-width: 40px;
        height: 40px;
        padding: 0.5rem;
    }
}

@media (max-width: 576px) {
    .leaderboard-container {
        padding: 1rem 0;
    }

    .leaderboard-container::before {
        display: none;
    }

    .leaderboard-title h1 {
        font-size: 1.5rem;
        letter-spacing: 1px;
    }

    .leaderboard-table-container {
        border-radius: 12px;
    }

    .col-score {
        width: 90px;
    }

    .col-rank {
        width: 70px;
    }

    .leaderboard-rank .medal {
        font-size: 1.5rem;
    }

    .rank-number {
        font-size: 1.2rem;
    }

    .profile-rank-item {
        padding: .8rem;
    }

    .profile-rank-icon {
        width: 34px;
        height: 34px;
        flex-basis: 34px;
        font-size: 1rem;
    }

    .profile-leaderboard-head {
        grid-template-columns: auto minmax(0, 1fr);
    }

    .profile-leaderboard-best {
        grid-column: 1 / -1;
        grid-template-columns: auto auto;
        justify-content: space-between;
        justify-items: start;
        padding-top: .7rem;
        border-top: 1px solid color-mix(in srgb, var(--border) 70%, transparent);
    }

    .profile-rank-header {
        align-items: flex-start;
    }

    .profile-rank-metric {
        max-width: 78px;
    }

    .profile-rank-score,
    .progress-label {
        font-size: .66rem;
    }

    .user-avatar {
        width: 40px;
        height: 40px;
        border-width: 2px;
    }

    .metadata-items {
        gap: 0.5rem;
    }

    .metadata-item {
        font-size: 0.85rem;
        padding: 0.25rem 0.5rem;
    }

    .pagination button,
    .pagination span {
        min-width: 36px;
        height: 36px;
        font-size: 0.85rem;
    }
}

/* ===== Dark Theme Support ===== */
@media (prefers-color-scheme: dark) {
    /* Already optimized for dark theme */
}


/* ===== Print Styles ===== */
@media print {

    .leaderboard-container::before,
    .leaderboard-tabs,
    .period-buttons,
    .leaderboard-search,
    .pagination {
        display: none;
    }

    .leaderboard-table-container {
        box-shadow: none;
        border: 1px solid #000;
    }

    .leaderboard-table tbody tr:hover {
        background: transparent;
    }
}

/* Professional leaderboard refresh */
.leaderboard-container {
    --primary: var(--brand-accent);
    --primary-light: var(--brand-accent-light);
    --secondary: #dc2626;
    --accent: #14b8a6;
    --accent-glow: rgba(20, 184, 166, 0.32);
    --surface: #111827;
    --surface-light: #1f2937;
    --text-primary: #f8fafc;
    --text-secondary: #d1d5db;
    --text-muted: #9ca3af;
    --border: rgba(148, 163, 184, 0.2);
    --glow: rgba(245, 158, 11, 0.18);
    padding-top: 1.25rem;
}

.leaderboard-container::before {
    display: none;
}

.leaderboard-header {
    position: relative;
    align-items: center;
    margin-bottom: 1.25rem;
    padding: clamp(1.2rem, 3vw, 2rem);
    overflow: hidden;
    background:
        linear-gradient(135deg, rgba(17, 24, 39, 0.98), rgba(31, 41, 55, 0.96)),
        radial-gradient(circle at 88% 12%, rgba(245, 158, 11, 0.26), transparent 30%);
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: var(--radius-md);
    box-shadow: 0 24px 70px rgba(0, 0, 0, 0.22);
}

.leaderboard-header::after {
    content: "";
    position: absolute;
    right: 1.2rem;
    bottom: -2.8rem;
    width: 12rem;
    height: 12rem;
    border: 2rem solid rgba(255, 255, 255, 0.06);
    border-radius: 50%;
    pointer-events: none;
}

.leaderboard-title {
    position: relative;
    z-index: 1;
}

.leaderboard-title h1 {
    margin: 0 0 0.45rem;
    color: var(--text-primary);
    font-family: inherit;
    font-size: clamp(1.9rem, 4vw, 3.2rem);
    font-weight: 700;
    letter-spacing: 0;
    line-height: 1;
    text-shadow: none;
    text-transform: none;
    animation: none;
}

.leaderboard-title h1 i {
    color: var(--primary-light);
}

.leaderboard-title p {
    max-width: 680px;
    margin: 0;
    color: var(--text-secondary);
    font-family: inherit;
    font-size: 1rem;
}

.leaderboard-cache-badge {
    position: relative;
    z-index: 1;
    background: rgba(20, 184, 166, 0.14);
    color: var(--primary);
    border-color: rgba(94, 234, 212, 0.38);
    border-radius: var(--radius-md);
    box-shadow: none;
}

.leaderboard-tabs {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 0.65rem;
    margin-bottom: 1rem;
    padding: 0;
    overflow: visible;
}

.leaderboard-tab {
    justify-content: center;
    min-height: 58px;
    padding: 0.85rem 0.9rem;
    background: var(--ui-admin-surface);
    color: var(--text-secondary);
    border: 1px solid var(--border);
    border-radius: var(--radius-md);
    box-shadow: 0 8px 24px rgba(15, 23, 42, 0.06);
    font-family: inherit;
    font-weight: 750;
}

.leaderboard-tab:hover {
    color: var(--text);
    border-color: var(--primary);
    transform: translateY(-2px);
    box-shadow: 0 14px 34px rgba(15, 23, 42, 0.1);
}

.leaderboard-tab.active {
    color: var(--text);
    background: linear-gradient(135deg, var(--brand-accent-light), var(--brand-accent));
    border-color: var(--primary);
    box-shadow: 0 16px 36px rgba(245, 158, 11, 0.26);
}

.leaderboard-tab i,
.metadata-item i {
    filter: none;
}

.leaderboard-controls {
    align-items: stretch;
    gap: 0.85rem;
    margin-bottom: 1rem;
    padding: 0.9rem;
    background: var(--ui-admin-surface);
    border: 1px solid var(--border);
    border-radius: var(--radius-md);
    box-shadow: 0 10px 30px rgba(15, 23, 42, 0.06);
}

.period-buttons {
    gap: 0.4rem;
}

.period-btn {
    min-height: 42px;
    padding: 0.58rem 0.9rem;
    color: var(--text-secondary);
    background: var(--surface-light);
    border: 1px solid var(--border);
    border-radius: 7px;
    font-family: inherit;
    font-weight: 750;
}

.period-btn:hover {
    color: var(--text);
    border-color: var(--primary);
    box-shadow: none;
}

.period-btn.active {
    color: var(--text);
    background: var(--brand-accent-light);
    border-color: var(--primary);
    box-shadow: inset 0 0 0 1px rgba(245, 158, 11, 0.18);
}

.search-input {
    min-height: 42px;
    color: var(--text);
    background: var(--surface-light);
    border: 1px solid var(--border);
    border-radius: 7px;
    font-family: inherit;
}

.search-input:focus {
    border-color: var(--primary);
    box-shadow: 0 0 0 3px rgba(245, 158, 11, 0.16);
}

.leaderboard-table-container {
    background: var(--ui-admin-surface);
    border: 1px solid var(--border);
    border-radius: var(--radius-md);
    box-shadow: 0 18px 50px rgba(15, 23, 42, 0.08);
}

.leaderboard-table thead {
    background: var(--surface-light);
}

.leaderboard-table th {
    padding: 0.9rem 1rem;
    color: var(--text-dim);
    border-bottom: 1px solid #e2e8f0;
    font-family: inherit;
    font-size: 0.76rem;
    font-weight: 850;
    letter-spacing: 0.06em;
    text-shadow: none;
}

.leaderboard-table td {
    padding: 1rem;
    color: #1f2937;
    border-bottom: 1px solid #edf2f7;
    font-family: inherit;
}

.leaderboard-table tbody tr,
.leaderboard-table tbody tr:hover {
    background: var(--ui-admin-surface);
    box-shadow: none;
}

.leaderboard-table tbody tr:hover {
    background: var(--bg-white)7ed;
}

.leaderboard-table tbody tr.current-user {
    background: #ecfeff;
    border-left: 4px solid #14b8a6;
    box-shadow: none;
}

.user-avatar {
    border: 2px solid #e2e8f0;
    box-shadow: 0 8px 18px rgba(15, 23, 42, 0.1);
}

.leaderboard-table tbody tr:hover .user-avatar {
    border-color: var(--primary);
    box-shadow: 0 10px 22px rgba(245, 158, 11, 0.18);
    transform: none;
}

.user-name {
    color: #0f172a;
    font-family: inherit;
    text-shadow: none;
}

.user-name:hover {
    color: #b45309;
    text-shadow: none;
}

.rank-number {
    color: var(--text-secondary);
    font-family: inherit;
    font-size: 1.1rem;
    text-shadow: none;
}

.medal {
    font-size: 1.55rem;
}

.col-score strong {
    color: var(--text);
    font-size: 1.1rem;
}

.rank-change {
    border-radius: 999px;
    box-shadow: none;
    font-family: inherit;
}

.metadata-item {
    color: var(--text-secondary);
    background: var(--surface-light);
    border-color: #e2e8f0;
    border-radius: 999px;
    font-family: inherit;
}

.empty-state {
    color: var(--text-dim);
    background: var(--ui-admin-surface);
    border: 1px solid var(--border);
    border-radius: var(--radius-md);
    box-shadow: 0 18px 50px rgba(15, 23, 42, 0.08);
}

.empty-state i {
    color: var(--brand-accent-hover);
    filter: none;
}

.empty-state h3 {
    color: var(--text);
    font-family: inherit;
    text-shadow: none;
}

.empty-state p {
    color: var(--text-dim);
    font-family: inherit;
}

.pagination button,
.pagination span {
    color: var(--text-secondary);
    background: var(--ui-admin-surface);
    border: 1px solid var(--border);
    border-radius: 7px;
    font-family: inherit;
}

.pagination button:hover:not(:disabled) {
    color: var(--text);
    border-color: var(--primary);
    box-shadow: none;
}

.pagination button.active {
    color: var(--text);
    background: var(--brand-accent-light);
    border-color: var(--primary);
    box-shadow: none;
}

@media (max-width: 992px) {
    .leaderboard-tabs {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 576px) {
    .leaderboard-header {
        border-radius: var(--radius-md);
    }

    .leaderboard-tabs {
        display: flex;
        overflow-x: auto;
        padding-bottom: 0.35rem;
    }

    .leaderboard-tab {
        flex: 0 0 auto;
    }

    .leaderboard-controls {
        padding: 0.7rem;
    }
}

/* Compact leaderboard tuning */
.leaderboard-container {
    max-width: 1360px;
    padding-top: 0.6rem;
}

.leaderboard-header {
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 1rem;
    margin-bottom: 0.9rem;
    padding: 1.05rem 1.15rem;
}

.leaderboard-header::after {
    width: 8.5rem;
    height: 8.5rem;
    border-width: 1.4rem;
}

.leaderboard-title h1 {
    margin-bottom: 0.28rem;
    font-size: clamp(1.45rem, 2.7vw, 2.15rem);
}

.leaderboard-title p {
    max-width: 620px;
    font-size: 0.9rem;
    line-height: 1.45;
}

.leaderboard-cache-badge {
    padding: 0.45rem 0.65rem;
    font-size: 0.78rem;
    white-space: nowrap;
}

.leaderboard-tabs {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.5rem;
    margin-bottom: 0.75rem;
}

.leaderboard-tab {
    min-height: 46px;
    padding: 0.58rem 0.7rem;
    font-size: 0.88rem;
}

.leaderboard-tab i {
    font-size: 1rem;
}

.leaderboard-controls {
    gap: 0.65rem;
    margin-bottom: 0.8rem;
    padding: 0.65rem;
}

.period-buttons {
    gap: 0.32rem;
}

.period-btn {
    min-height: 36px;
    padding: 0.44rem 0.66rem;
    font-size: 0.82rem;
}

.leaderboard-search {
    min-width: 220px;
}

.search-input {
    min-height: 36px;
    padding-top: 0.44rem;
    padding-bottom: 0.44rem;
    font-size: 0.86rem;
}

.leaderboard-table-container {
    overflow-x: auto;
}

.leaderboard-table {
    min-width: 760px;
    table-layout: fixed;
}

.leaderboard-table th,
.leaderboard-table td {
    padding: 0.68rem 0.78rem;
}

.leaderboard-table th {
    font-size: 0.7rem;
}

.leaderboard-table .col-rank {
    width: 72px;
    text-align: center;
}

.leaderboard-table .col-user {
    width: auto;
    min-width: 0;
}

.leaderboard-table .col-score {
    width: 112px;
    text-align: right;
}

.leaderboard-table .col-change {
    width: 96px;
    text-align: center;
}

.leaderboard-table .col-metadata {
    width: 142px;
    text-align: right;
}

.user-cell {
    display: flex;
    align-items: center;
    gap: 0.7rem;
    min-width: 0;
}

.user-cell a {
    flex: 0 0 auto;
}

.user-avatar {
    display: block;
    width: 42px;
    height: 42px;
    object-fit: cover;
    flex: 0 0 42px;
}

.user-info {
    min-width: 0;
}

.user-name {
    display: block;
    max-width: 100%;
    overflow: hidden;
    font-size: 0.92rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.user-badge {
    margin-top: 0.18rem;
}

.rank-number {
    font-size: 0.98rem;
}

.medal {
    font-size: 1.25rem;
}

.col-score strong {
    display: block;
    font-size: 1rem;
    font-variant-numeric: tabular-nums;
    line-height: 1.1;
}

.rank-change {
    min-width: 42px;
    justify-content: center;
    padding: 0.28rem 0.45rem;
    font-size: 0.78rem;
    font-variant-numeric: tabular-nums;
}

.metadata-items {
    justify-content: flex-end;
}

.metadata-item {
    max-width: 124px;
    padding: 0.28rem 0.48rem;
    overflow: hidden;
    font-size: 0.78rem;
    font-variant-numeric: tabular-nums;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.empty-state {
    padding: 2.25rem 1rem;
}

.empty-state i {
    font-size: 2.35rem;
}

.empty-state h3 {
    font-size: 1.1rem;
}

.pagination {
    margin-top: 0.9rem;
}

.pagination button,
.pagination span {
    min-width: 36px;
    height: 36px;
    padding: 0.38rem 0.55rem;
}

@media (max-width: 992px) {
    .leaderboard-header {
        grid-template-columns: 1fr;
    }

    .leaderboard-cache-badge {
        justify-self: flex-start;
    }
}

@media (max-width: 760px) {
    .leaderboard-container {
        padding-right: 0.75rem;
        padding-left: 0.75rem;
    }

    .leaderboard-tabs {
        display: grid;
        grid-template-columns: 1fr;
    }

    .leaderboard-tab {
        justify-content: flex-start;
    }

    .leaderboard-controls {
        align-items: stretch;
        flex-direction: column;
    }

    .period-buttons {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .leaderboard-search {
        min-width: 0;
        width: 100%;
    }
}

/* ============================================================
   SECTION 2: Base Application Styles (app.css)
   ============================================================ */

:root,
[data-bs-theme=light] {
    --bs-blue: #8b1538;
    --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: #8b1538;
    --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: rgb(5.2, 44, 101.2);
    --bs-secondary-text-emphasis: rgb(43.2, 46.8, 50);
    --bs-success-text-emphasis: rgb(10, 54, 33.6);
    --bs-info-text-emphasis: rgb(5.2, 80.8, 96);
    --bs-warning-text-emphasis: rgb(102, 77.2, 2.8);
    --bs-danger-text-emphasis: rgb(88, 21.2, 27.6);
    --bs-light-text-emphasis: #495057;
    --bs-dark-text-emphasis: #495057;
    --bs-primary-bg-subtle: rgb(206.6, 226, 254.6);
    --bs-secondary-bg-subtle: rgb(225.6, 227.4, 229);
    --bs-success-bg-subtle: rgb(209, 231, 220.8);
    --bs-info-bg-subtle: rgb(206.6, 244.4, 252);
    --bs-warning-bg-subtle: rgb(255, 242.6, 205.4);
    --bs-danger-bg-subtle: rgb(248, 214.6, 217.8);
    --bs-light-bg-subtle: rgb(251.5, 252, 252.5);
    --bs-dark-bg-subtle: #ced4da;
    --bs-primary-border-subtle: rgb(158.2, 197, 254.2);
    --bs-secondary-border-subtle: rgb(196.2, 199.8, 203);
    --bs-success-border-subtle: rgb(163, 207, 186.6);
    --bs-info-border-subtle: rgb(158.2, 233.8, 249);
    --bs-warning-border-subtle: rgb(255, 230.2, 155.8);
    --bs-danger-border-subtle: rgb(241, 174.2, 180.6);
    --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, .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: var(--text);
    --bs-emphasis-color-rgb: 0, 0, 0;
    --bs-secondary-color: rgba(33, 37, 41, .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, .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: #8b1538;
    --bs-link-color-rgb: 13, 110, 253;
    --bs-link-decoration: underline;
    --bs-link-hover-color: rgb(10.4, 88, 202.4);
    --bs-link-hover-color-rgb: 10, 88, 202;
    --bs-code-color: #d63384;
    --bs-highlight-color: #212529;
    --bs-highlight-bg: rgb(255, 242.6, 205.4);
    --bs-border-width: 1px;
    --bs-border-style: solid;
    --bs-border-color: #dee2e6;
    --bs-border-color-translucent: rgba(0, 0, 0, .175);
    --bs-border-radius: .375rem;
    --bs-border-radius-sm: .25rem;
    --bs-border-radius-lg: .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 .5rem 1rem rgba(0, 0, 0, .15);
    --bs-box-shadow-sm: 0 .125rem .25rem rgba(0, 0, 0, .075);
    --bs-box-shadow-lg: 0 1rem 3rem rgba(0, 0, 0, .175);
    --bs-box-shadow-inset: inset 0 1px 2px rgba(0, 0, 0, .075);
    --bs-focus-ring-width: .25rem;
    --bs-focus-ring-opacity: .25;
    --bs-focus-ring-color: rgba(13, 110, 253, .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: var(--on-primary);
    --bs-emphasis-color-rgb: 255, 255, 255;
    --bs-secondary-color: rgba(222, 226, 230, .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, .5);
    --bs-tertiary-color-rgb: 222, 226, 230;
    --bs-tertiary-bg: rgb(42.5, 47.5, 52.5);
    --bs-tertiary-bg-rgb: 43, 48, 53;
    --bs-primary-text-emphasis: rgb(109.8, 168, 253.8);
    --bs-secondary-text-emphasis: rgb(166.8, 172.2, 177);
    --bs-success-text-emphasis: rgb(117, 183, 152.4);
    --bs-info-text-emphasis: rgb(109.8, 223.2, 246);
    --bs-warning-text-emphasis: rgb(255, 217.8, 106.2);
    --bs-danger-text-emphasis: rgb(234, 133.8, 143.4);
    --bs-light-text-emphasis: #f8f9fa;
    --bs-dark-text-emphasis: #dee2e6;
    --bs-primary-bg-subtle: rgb(2.6, 22, 50.6);
    --bs-secondary-bg-subtle: rgb(21.6, 23.4, 25);
    --bs-success-bg-subtle: rgb(5, 27, 16.8);
    --bs-info-bg-subtle: rgb(2.6, 40.4, 48);
    --bs-warning-bg-subtle: rgb(51, 38.6, 1.4);
    --bs-danger-bg-subtle: rgb(44, 10.6, 13.8);
    --bs-light-bg-subtle: #343a40;
    --bs-dark-bg-subtle: #1a1d20;
    --bs-primary-border-subtle: rgb(7.8, 66, 151.8);
    --bs-secondary-border-subtle: rgb(64.8, 70.2, 75);
    --bs-success-border-subtle: rgb(15, 81, 50.4);
    --bs-info-border-subtle: rgb(7.8, 121.2, 144);
    --bs-warning-border-subtle: rgb(153, 115.8, 4.2);
    --bs-danger-border-subtle: rgb(132, 31.8, 41.4);
    --bs-light-border-subtle: #495057;
    --bs-dark-border-subtle: #343a40;
    --bs-heading-color: inherit;
    --bs-link-color: rgb(109.8, 168, 253.8);
    --bs-link-hover-color: rgb(138.84, 185.4, 254.04);
    --bs-link-color-rgb: 110, 168, 254;
    --bs-link-hover-color-rgb: 139, 185, 254;
    --bs-code-color: rgb(230.4, 132.6, 181.2);
    --bs-highlight-color: #dee2e6;
    --bs-highlight-bg: rgb(102, 77.2, 2.8);
    --bs-border-color: #495057;
    --bs-border-color-translucent: rgba(255, 255, 255, .15);
    --bs-form-valid-color: rgb(117, 183, 152.4);
    --bs-form-valid-border-color: rgb(117, 183, 152.4);
    --bs-form-invalid-color: rgb(234, 133.8, 143.4);
    --bs-form-invalid-border-color: rgb(234, 133.8, 143.4)
}

*,
*:before,
*:after {
    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: rgba(0, 0, 0, 0)
}

hr {
    margin: 1rem 0;
    color: inherit;
    border: 0;
    border-top: var(--bs-border-width) solid;
    opacity: .25
}

h6,
.h6,
h5,
.h5,
h4,
.h4,
h3,
.h3,
h2,
.h2,
h1,
.h1 {
    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] {
    text-decoration: underline dotted;
    cursor: help;
    text-decoration-skip-ink: none
}

address {
    margin-bottom: 1rem;
    font-style: normal;
    line-height: inherit
}

ol,
ul {
    padding-left: 2rem
}

ol,
ul,
dl {
    margin-top: 0;
    margin-bottom: 1rem
}

ol ol,
ul ul,
ol ul,
ul ol {
    margin-bottom: 0
}

dt {
    font-weight: 700
}

dd {
    margin-bottom: .5rem;
    margin-left: 0
}

blockquote {
    margin: 0 0 1rem
}

b,
strong {
    font-weight: bolder
}

small,
.small {
    font-size: .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
}

pre,
code,
kbd,
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
}

thead,
tbody,
tfoot,
tr,
td,
th {
    border-color: inherit;
    border-style: solid;
    border-width: 0
}

label {
    display: inline-block
}

button {
    border-radius: 0
}

button:focus:not(:focus-visible) {
    outline: 0
}

input,
button,
select,
optgroup,
textarea {
    margin: 0;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit
}

button,
select {
    text-transform: none
}

[role=button] {
    cursor: pointer
}

select {
    word-wrap: normal
}

select:disabled {
    opacity: 1
}

[list]:not([type=date]):not([type=datetime-local]):not([type=month]):not([type=week]):not([type=time])::-webkit-calendar-picker-indicator {
    display: none !important
}

button,
[type=button],
[type=reset],
[type=submit] {
    -webkit-appearance: button
}

button:not(:disabled),
[type=button]:not(:disabled),
[type=reset]:not(:disabled),
[type=submit]:not(:disabled) {
    cursor: pointer
}

::-moz-focus-inner {
    padding: 0;
    border-style: none
}

textarea {
    resize: vertical
}

fieldset {
    min-width: 0;
    padding: 0;
    margin: 0;
    border: 0
}

legend {
    float: left;
    width: 100%;
    padding: 0;
    margin-bottom: .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-fields-wrapper,
::-webkit-datetime-edit-text,
::-webkit-datetime-edit-minute,
::-webkit-datetime-edit-hour-field,
::-webkit-datetime-edit-day-field,
::-webkit-datetime-edit-month-field,
::-webkit-datetime-edit-year-field {
    padding: 0
}

::-webkit-inner-spin-button {
    height: auto
}

[type=search] {
    -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
}

::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,
.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: "\2014\00a0"
}

.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-xxl,
.container-xl,
.container-lg,
.container-md,
.container-sm {
    --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-sm,
    .container {
        max-width: 540px
    }
}

@media(min-width:768px) {

    .container-md,
    .container-sm,
    .container {
        max-width: 720px
    }
}

@media(min-width:992px) {

    .container-lg,
    .container-md,
    .container-sm,
    .container {
        max-width: 960px
    }
}

@media(min-width:1200px) {

    .container-xl,
    .container-lg,
    .container-md,
    .container-sm,
    .container {
        max-width: 1140px
    }
}

@media(min-width:1400px) {

    .container-xxl,
    .container-xl,
    .container-lg,
    .container-md,
    .container-sm,
    .container {
        max-width: 1320px
    }
}

:root {
    --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: .25rem
}

.g-1,
.gy-1 {
    --bs-gutter-y: .25rem
}

.g-2,
.gx-2 {
    --bs-gutter-x: .5rem
}

.g-2,
.gy-2 {
    --bs-gutter-y: .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: .25rem
    }

    .g-sm-1,
    .gy-sm-1 {
        --bs-gutter-y: .25rem
    }

    .g-sm-2,
    .gx-sm-2 {
        --bs-gutter-x: .5rem
    }

    .g-sm-2,
    .gy-sm-2 {
        --bs-gutter-y: .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: .25rem
    }

    .g-md-1,
    .gy-md-1 {
        --bs-gutter-y: .25rem
    }

    .g-md-2,
    .gx-md-2 {
        --bs-gutter-x: .5rem
    }

    .g-md-2,
    .gy-md-2 {
        --bs-gutter-y: .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: .25rem
    }

    .g-lg-1,
    .gy-lg-1 {
        --bs-gutter-y: .25rem
    }

    .g-lg-2,
    .gx-lg-2 {
        --bs-gutter-x: .5rem
    }

    .g-lg-2,
    .gy-lg-2 {
        --bs-gutter-y: .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: .25rem
    }

    .g-xl-1,
    .gy-xl-1 {
        --bs-gutter-y: .25rem
    }

    .g-xl-2,
    .gx-xl-2 {
        --bs-gutter-x: .5rem
    }

    .g-xl-2,
    .gy-xl-2 {
        --bs-gutter-y: .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: .25rem
    }

    .g-xxl-1,
    .gy-xxl-1 {
        --bs-gutter-y: .25rem
    }

    .g-xxl-2,
    .gx-xxl-2 {
        --bs-gutter-x: .5rem
    }

    .g-xxl-2,
    .gy-xxl-2 {
        --bs-gutter-y: .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), .05);
    --bs-table-active-color: var(--bs-emphasis-color);
    --bs-table-active-bg: rgba(var(--bs-emphasis-color-rgb), .1);
    --bs-table-hover-color: var(--bs-emphasis-color);
    --bs-table-hover-bg: rgba(var(--bs-emphasis-color-rgb), .075);
    width: 100%;
    margin-bottom: 1rem;
    vertical-align: top;
    border-color: var(--bs-table-border-color)
}

.table>:not(caption)>*>* {
    padding: .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
}

.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: var(--text);
    --bs-table-bg: rgb(206.6, 226, 254.6);
    --bs-table-border-color: rgb(165.28, 180.8, 203.68);
    --bs-table-striped-bg: rgb(196.27, 214.7, 241.87);
    --bs-table-striped-color: var(--text);
    --bs-table-active-bg: rgb(185.94, 203.4, 229.14);
    --bs-table-active-color: var(--text);
    --bs-table-hover-bg: rgb(191.105, 209.05, 235.505);
    --bs-table-hover-color: var(--text);
    color: var(--bs-table-color);
    border-color: var(--bs-table-border-color)
}

.table-secondary {
    --bs-table-color: var(--text);
    --bs-table-bg: rgb(225.6, 227.4, 229);
    --bs-table-border-color: rgb(180.48, 181.92, 183.2);
    --bs-table-striped-bg: rgb(214.32, 216.03, 217.55);
    --bs-table-striped-color: var(--text);
    --bs-table-active-bg: rgb(203.04, 204.66, 206.1);
    --bs-table-active-color: var(--text);
    --bs-table-hover-bg: rgb(208.68, 210.345, 211.825);
    --bs-table-hover-color: var(--text);
    color: var(--bs-table-color);
    border-color: var(--bs-table-border-color)
}

.table-success {
    --bs-table-color: var(--text);
    --bs-table-bg: rgb(209, 231, 220.8);
    --bs-table-border-color: rgb(167.2, 184.8, 176.64);
    --bs-table-striped-bg: rgb(198.55, 219.45, 209.76);
    --bs-table-striped-color: var(--text);
    --bs-table-active-bg: rgb(188.1, 207.9, 198.72);
    --bs-table-active-color: var(--text);
    --bs-table-hover-bg: rgb(193.325, 213.675, 204.24);
    --bs-table-hover-color: var(--text);
    color: var(--bs-table-color);
    border-color: var(--bs-table-border-color)
}

.table-info {
    --bs-table-color: var(--text);
    --bs-table-bg: rgb(206.6, 244.4, 252);
    --bs-table-border-color: rgb(165.28, 195.52, 201.6);
    --bs-table-striped-bg: rgb(196.27, 232.18, 239.4);
    --bs-table-striped-color: var(--text);
    --bs-table-active-bg: rgb(185.94, 219.96, 226.8);
    --bs-table-active-color: var(--text);
    --bs-table-hover-bg: rgb(191.105, 226.07, 233.1);
    --bs-table-hover-color: var(--text);
    color: var(--bs-table-color);
    border-color: var(--bs-table-border-color)
}

.table-warning {
    --bs-table-color: var(--text);
    --bs-table-bg: rgb(255, 242.6, 205.4);
    --bs-table-border-color: rgb(204, 194.08, 164.32);
    --bs-table-striped-bg: rgb(242.25, 230.47, 195.13);
    --bs-table-striped-color: var(--text);
    --bs-table-active-bg: rgb(229.5, 218.34, 184.86);
    --bs-table-active-color: var(--text);
    --bs-table-hover-bg: rgb(235.875, 224.405, 189.995);
    --bs-table-hover-color: var(--text);
    color: var(--bs-table-color);
    border-color: var(--bs-table-border-color)
}

.table-danger {
    --bs-table-color: var(--text);
    --bs-table-bg: rgb(248, 214.6, 217.8);
    --bs-table-border-color: rgb(198.4, 171.68, 174.24);
    --bs-table-striped-bg: rgb(235.6, 203.87, 206.91);
    --bs-table-striped-color: var(--text);
    --bs-table-active-bg: rgb(223.2, 193.14, 196.02);
    --bs-table-active-color: var(--text);
    --bs-table-hover-bg: rgb(229.4, 198.505, 201.465);
    --bs-table-hover-color: var(--text);
    color: var(--bs-table-color);
    border-color: var(--bs-table-border-color)
}

.table-light {
    --bs-table-color: var(--text);
    --bs-table-bg: #f8f9fa;
    --bs-table-border-color: rgb(198.4, 199.2, 200);
    --bs-table-striped-bg: rgb(235.6, 236.55, 237.5);
    --bs-table-striped-color: var(--text);
    --bs-table-active-bg: rgb(223.2, 224.1, 225);
    --bs-table-active-color: var(--text);
    --bs-table-hover-bg: rgb(229.4, 230.325, 231.25);
    --bs-table-hover-color: var(--text);
    color: var(--bs-table-color);
    border-color: var(--bs-table-border-color)
}

.table-dark {
    --bs-table-color: var(--on-primary);
    --bs-table-bg: #212529;
    --bs-table-border-color: rgb(77.4, 80.6, 83.8);
    --bs-table-striped-bg: rgb(44.1, 47.9, 51.7);
    --bs-table-striped-color: var(--on-primary);
    --bs-table-active-bg: rgb(55.2, 58.8, 62.4);
    --bs-table-active-color: var(--on-primary);
    --bs-table-hover-bg: rgb(49.65, 53.35, 57.05);
    --bs-table-hover-color: var(--on-primary);
    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 #8b153840
}

.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::file-selector-button {
    padding: .375rem .75rem;
    margin: -.375rem -.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::file-selector-button {
        transition: none
    }
}

.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-sm,
.form-control-plaintext.form-control-lg {
    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::file-selector-button {
    padding: .25rem .5rem;
    margin: -.25rem -.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::file-selector-button {
    padding: .5rem 1rem;
    margin: -.5rem -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 #8b153840
}

.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;
    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 #8b153840
}

.form-check-input:checked {
    background-color: #8b1538;
    border-color: #8b1538
}

.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: #8b1538;
    border-color: #8b1538;
    --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='rgb%28134, 182.5, 254%29'/%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 #8b153840
}

.form-range:focus::-moz-range-thumb {
    box-shadow: 0 0 0 1px #fff, 0 0 0 .25rem #8b153840
}

.form-range::-moz-focus-outer {
    border: 0
}

.form-range::-webkit-slider-thumb {
    width: 1rem;
    height: 1rem;
    margin-top: -.25rem;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: #8b1538;
    border: 0;
    border-radius: 1rem;
    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 {
        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;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: #8b1538;
    border: 0;
    border-radius: 1rem;
    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 {
        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::placeholder,
.form-floating>.form-control-plaintext::placeholder {
    color: transparent
}

.form-floating>.form-control:focus,
.form-floating>.form-control:not(:placeholder-shown),
.form-floating>.form-control-plaintext:focus,
.form-floating>.form-control-plaintext:not(:placeholder-shown) {
    padding-top: 1.625rem;
    padding-bottom: .625rem
}

.form-floating>.form-control:-webkit-autofill,
.form-floating>.form-control-plaintext:-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:focus~label,
.form-floating>.form-control:not(:placeholder-shown)~label,
.form-floating>.form-control-plaintext~label,
.form-floating>.form-select~label {
    transform: scale(.85) translateY(-.5rem) translate(.15rem)
}

.form-floating>.form-control:-webkit-autofill~label {
    transform: scale(.85) translateY(-.5rem) translate(.15rem)
}

.form-floating>textarea:focus~label:after,
.form-floating>textarea:not(:placeholder-shown)~label:after {
    position: absolute;
    top: 1rem;
    right: .375rem;
    bottom: 1rem;
    left: .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>:disabled~label,
.form-floating>.form-control: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-select,
.input-group>.form-floating {
    position: relative;
    flex: 1 1 auto;
    width: 1%;
    min-width: 0
}

.input-group>.form-control:focus,
.input-group>.form-select:focus,
.input-group>.form-floating:focus-within {
    z-index: 5
}

.input-group .btn {
    position: relative;
    z-index: 2
}

.input-group .btn:focus {
    z-index: 5
}

.input-group-text {
    display: flex;
    align-items: center;
    padding: .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>.form-control,
.input-group-lg>.form-select,
.input-group-lg>.input-group-text,
.input-group-lg>.btn {
    padding: .5rem 1rem;
    font-size: 1.25rem;
    border-radius: var(--bs-border-radius-lg)
}

.input-group-sm>.form-control,
.input-group-sm>.form-select,
.input-group-sm>.input-group-text,
.input-group-sm>.btn {
    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)>:not(:last-child):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating),
.input-group:not(.has-validation)>.dropdown-toggle:nth-last-child(n+3),
.input-group:not(.has-validation)>.form-floating:not(:last-child)>.form-control,
.input-group:not(.has-validation)>.form-floating:not(:last-child)>.form-select {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.input-group.has-validation>:nth-last-child(n+3):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating),
.input-group.has-validation>.dropdown-toggle:nth-last-child(n+4),
.input-group.has-validation>.form-floating:nth-last-child(n+3)>.form-control,
.input-group.has-validation>.form-floating:nth-last-child(n+3)>.form-select {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.input-group>:not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
    margin-left: calc(-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: var(--on-primary);
    background-color: var(--bs-success);
    border-radius: var(--bs-border-radius)
}

.was-validated :valid~.valid-feedback,
.was-validated :valid~.valid-tooltip,
.is-valid~.valid-feedback,
.is-valid~.valid-tooltip {
    display: block
}

.was-validated .form-control:valid,
.form-control.is-valid {
    border-color: var(--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)
}

.was-validated .form-control:valid:focus,
.form-control.is-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)
}

.was-validated .form-select:valid,
.form-select.is-valid {
    border-color: var(--bs-form-valid-border-color)
}

.was-validated .form-select:valid:not([multiple]):not([size]),
.was-validated .form-select:valid:not([multiple])[size="1"],
.form-select.is-valid:not([multiple]):not([size]),
.form-select.is-valid:not([multiple])[size="1"] {
    --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)
}

.was-validated .form-select:valid:focus,
.form-select.is-valid:focus {
    border-color: var(--bs-form-valid-border-color);
    box-shadow: 0 0 0 .25rem rgba(var(--bs-success-rgb), .25)
}

.was-validated .form-control-color:valid,
.form-control-color.is-valid {
    width: calc(3.75rem + 1.5em)
}

.was-validated .form-check-input:valid,
.form-check-input.is-valid {
    border-color: var(--bs-form-valid-border-color)
}

.was-validated .form-check-input:valid:checked,
.form-check-input.is-valid:checked {
    background-color: var(--bs-form-valid-color)
}

.was-validated .form-check-input:valid:focus,
.form-check-input.is-valid:focus {
    box-shadow: 0 0 0 .25rem rgba(var(--bs-success-rgb), .25)
}

.was-validated .form-check-input:valid~.form-check-label,
.form-check-input.is-valid~.form-check-label {
    color: var(--bs-form-valid-color)
}

.form-check-inline .form-check-input~.valid-feedback {
    margin-left: .5em
}

.was-validated .input-group>.form-control:not(:focus):valid,
.input-group>.form-control:not(:focus).is-valid,
.was-validated .input-group>.form-select:not(:focus):valid,
.input-group>.form-select:not(:focus).is-valid,
.was-validated .input-group>.form-floating:not(:focus-within):valid,
.input-group>.form-floating:not(:focus-within).is-valid {
    z-index: 3
}

.invalid-feedback {
    display: none;
    width: 100%;
    margin-top: .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: var(--on-primary);
    background-color: var(--bs-danger);
    border-radius: var(--bs-border-radius)
}

.was-validated :invalid~.invalid-feedback,
.was-validated :invalid~.invalid-tooltip,
.is-invalid~.invalid-feedback,
.is-invalid~.invalid-tooltip {
    display: block
}

.was-validated .form-control:invalid,
.form-control.is-invalid {
    border-color: var(--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)
}

.was-validated .form-control:invalid:focus,
.form-control.is-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)
}

.was-validated .form-select:invalid,
.form-select.is-invalid {
    border-color: var(--bs-form-invalid-border-color)
}

.was-validated .form-select:invalid:not([multiple]):not([size]),
.was-validated .form-select:invalid:not([multiple])[size="1"],
.form-select.is-invalid:not([multiple]):not([size]),
.form-select.is-invalid:not([multiple])[size="1"] {
    --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)
}

.was-validated .form-select:invalid:focus,
.form-select.is-invalid:focus {
    border-color: var(--bs-form-invalid-border-color);
    box-shadow: 0 0 0 .25rem rgba(var(--bs-danger-rgb), .25)
}

.was-validated .form-control-color:invalid,
.form-control-color.is-invalid {
    width: calc(3.75rem + 1.5em)
}

.was-validated .form-check-input:invalid,
.form-check-input.is-invalid {
    border-color: var(--bs-form-invalid-border-color)
}

.was-validated .form-check-input:invalid:checked,
.form-check-input.is-invalid:checked {
    background-color: var(--bs-form-invalid-color)
}

.was-validated .form-check-input:invalid:focus,
.form-check-input.is-invalid:focus {
    box-shadow: 0 0 0 .25rem rgba(var(--bs-danger-rgb), .25)
}

.was-validated .form-check-input:invalid~.form-check-label,
.form-check-input.is-invalid~.form-check-label {
    color: var(--bs-form-invalid-color)
}

.form-check-inline .form-check-input~.invalid-feedback {
    margin-left: .5em
}

.was-validated .input-group>.form-control:not(:focus):invalid,
.input-group>.form-control:not(:focus).is-invalid,
.was-validated .input-group>.form-select:not(:focus):invalid,
.input-group>.form-select:not(:focus).is-invalid,
.was-validated .input-group>.form-floating:not(:focus-within):invalid,
.input-group>.form-floating:not(:focus-within).is-invalid {
    z-index: 4
}

.btn {
    --bs-btn-padding-x: .75rem;
    --bs-btn-padding-y: .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, .15), 0 1px 1px rgba(0, 0, 0, .075);
    --bs-btn-disabled-opacity: .65;
    --bs-btn-focus-box-shadow: 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;
    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,
:not(.btn-check)+.btn:active,
.btn:first-child:active,
.btn.active,
.btn.show {
    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,
:not(.btn-check)+.btn:active:focus-visible,
.btn:first-child:active:focus-visible,
.btn.active:focus-visible,
.btn.show: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: var(--on-primary);
    --bs-btn-bg: var(--primary);
    --bs-btn-border-color: var(--primary);
    --bs-btn-hover-color: var(--on-primary);
    --bs-btn-hover-bg: var(--primary-dark);
    --bs-btn-hover-border-color: var(--primary-dark);
    --bs-btn-focus-shadow-rgb: 139, 21, 56;
    --bs-btn-active-color: var(--on-primary);
    --bs-btn-active-bg: var(--primary-dark);
    --bs-btn-active-border-color: var(--primary-dark);
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
    --bs-btn-disabled-color: var(--on-primary);
    --bs-btn-disabled-bg: #8b1538;
    --bs-btn-disabled-border-color: #8b1538
}

.btn-secondary {
    --bs-btn-color: var(--on-primary);
    --bs-btn-bg: #6c757d;
    --bs-btn-border-color: #6c757d;
    --bs-btn-hover-color: var(--on-primary);
    --bs-btn-hover-bg: rgb(91.8, 99.45, 106.25);
    --bs-btn-hover-border-color: rgb(86.4, 93.6, 100);
    --bs-btn-focus-shadow-rgb: 130, 138, 145;
    --bs-btn-active-color: var(--on-primary);
    --bs-btn-active-bg: rgb(86.4, 93.6, 100);
    --bs-btn-active-border-color: rgb(81, 87.75, 93.75);
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
    --bs-btn-disabled-color: var(--on-primary);
    --bs-btn-disabled-bg: #6c757d;
    --bs-btn-disabled-border-color: #6c757d
}

.btn-success {
    --bs-btn-color: var(--on-primary);
    --bs-btn-bg: #198754;
    --bs-btn-border-color: #198754;
    --bs-btn-hover-color: var(--on-primary);
    --bs-btn-hover-bg: rgb(21.25, 114.75, 71.4);
    --bs-btn-hover-border-color: rgb(20, 108, 67.2);
    --bs-btn-focus-shadow-rgb: 60, 153, 110;
    --bs-btn-active-color: var(--on-primary);
    --bs-btn-active-bg: rgb(20, 108, 67.2);
    --bs-btn-active-border-color: rgb(18.75, 101.25, 63);
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
    --bs-btn-disabled-color: var(--on-primary);
    --bs-btn-disabled-bg: #198754;
    --bs-btn-disabled-border-color: #198754
}

.btn-info {
    --bs-btn-color: var(--text);
    --bs-btn-bg: #0dcaf0;
    --bs-btn-border-color: #0dcaf0;
    --bs-btn-hover-color: var(--text);
    --bs-btn-hover-bg: rgb(49.3, 209.95, 242.25);
    --bs-btn-hover-border-color: rgb(37.2, 207.3, 241.5);
    --bs-btn-focus-shadow-rgb: 11, 172, 204;
    --bs-btn-active-color: var(--text);
    --bs-btn-active-bg: rgb(61.4, 212.6, 243);
    --bs-btn-active-border-color: rgb(37.2, 207.3, 241.5);
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
    --bs-btn-disabled-color: var(--text);
    --bs-btn-disabled-bg: #0dcaf0;
    --bs-btn-disabled-border-color: #0dcaf0
}

.btn-warning {
    --bs-btn-color: var(--text);
    --bs-btn-bg: #ffc107;
    --bs-btn-border-color: #ffc107;
    --bs-btn-hover-color: var(--text);
    --bs-btn-hover-bg: rgb(255, 202.3, 44.2);
    --bs-btn-hover-border-color: rgb(255, 199.2, 31.8);
    --bs-btn-focus-shadow-rgb: 217, 164, 6;
    --bs-btn-active-color: var(--text);
    --bs-btn-active-bg: rgb(255, 205.4, 56.6);
    --bs-btn-active-border-color: rgb(255, 199.2, 31.8);
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
    --bs-btn-disabled-color: var(--text);
    --bs-btn-disabled-bg: #ffc107;
    --bs-btn-disabled-border-color: #ffc107
}

.btn-danger {
    --bs-btn-color: var(--on-primary);
    --bs-btn-bg: #dc3545;
    --bs-btn-border-color: #dc3545;
    --bs-btn-hover-color: var(--on-primary);
    --bs-btn-hover-bg: rgb(187, 45.05, 58.65);
    --bs-btn-hover-border-color: rgb(176, 42.4, 55.2);
    --bs-btn-focus-shadow-rgb: 225, 83, 97;
    --bs-btn-active-color: var(--on-primary);
    --bs-btn-active-bg: rgb(176, 42.4, 55.2);
    --bs-btn-active-border-color: rgb(165, 39.75, 51.75);
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
    --bs-btn-disabled-color: var(--on-primary);
    --bs-btn-disabled-bg: #dc3545;
    --bs-btn-disabled-border-color: #dc3545
}

.btn-light {
    --bs-btn-color: var(--text);
    --bs-btn-bg: #f8f9fa;
    --bs-btn-border-color: #f8f9fa;
    --bs-btn-hover-color: var(--text);
    --bs-btn-hover-bg: rgb(210.8, 211.65, 212.5);
    --bs-btn-hover-border-color: rgb(198.4, 199.2, 200);
    --bs-btn-focus-shadow-rgb: 211, 212, 213;
    --bs-btn-active-color: var(--text);
    --bs-btn-active-bg: rgb(198.4, 199.2, 200);
    --bs-btn-active-border-color: rgb(186, 186.75, 187.5);
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
    --bs-btn-disabled-color: var(--text);
    --bs-btn-disabled-bg: #f8f9fa;
    --bs-btn-disabled-border-color: #f8f9fa
}

.btn-dark {
    --bs-btn-color: var(--on-primary);
    --bs-btn-bg: #212529;
    --bs-btn-border-color: #212529;
    --bs-btn-hover-color: var(--on-primary);
    --bs-btn-hover-bg: rgb(66.3, 69.7, 73.1);
    --bs-btn-hover-border-color: rgb(55.2, 58.8, 62.4);
    --bs-btn-focus-shadow-rgb: 66, 70, 73;
    --bs-btn-active-color: var(--on-primary);
    --bs-btn-active-bg: rgb(77.4, 80.6, 83.8);
    --bs-btn-active-border-color: rgb(55.2, 58.8, 62.4);
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
    --bs-btn-disabled-color: var(--on-primary);
    --bs-btn-disabled-bg: #212529;
    --bs-btn-disabled-border-color: #212529
}

.btn-outline-primary {
    --bs-btn-color: #8b1538;
    --bs-btn-border-color: #8b1538;
    --bs-btn-hover-color: var(--on-primary);
    --bs-btn-hover-bg: #8b1538;
    --bs-btn-hover-border-color: #8b1538;
    --bs-btn-focus-shadow-rgb: 13, 110, 253;
    --bs-btn-active-color: var(--on-primary);
    --bs-btn-active-bg: #8b1538;
    --bs-btn-active-border-color: #8b1538;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
    --bs-btn-disabled-color: #8b1538;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #8b1538;
    --bs-gradient: none
}

.btn-outline-secondary {
    --bs-btn-color: #6c757d;
    --bs-btn-border-color: #6c757d;
    --bs-btn-hover-color: var(--on-primary);
    --bs-btn-hover-bg: #6c757d;
    --bs-btn-hover-border-color: #6c757d;
    --bs-btn-focus-shadow-rgb: 108, 117, 125;
    --bs-btn-active-color: var(--on-primary);
    --bs-btn-active-bg: #6c757d;
    --bs-btn-active-border-color: #6c757d;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(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: var(--on-primary);
    --bs-btn-hover-bg: #198754;
    --bs-btn-hover-border-color: #198754;
    --bs-btn-focus-shadow-rgb: 25, 135, 84;
    --bs-btn-active-color: var(--on-primary);
    --bs-btn-active-bg: #198754;
    --bs-btn-active-border-color: #198754;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(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: var(--text);
    --bs-btn-hover-bg: #0dcaf0;
    --bs-btn-hover-border-color: #0dcaf0;
    --bs-btn-focus-shadow-rgb: 13, 202, 240;
    --bs-btn-active-color: var(--text);
    --bs-btn-active-bg: #0dcaf0;
    --bs-btn-active-border-color: #0dcaf0;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(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: var(--text);
    --bs-btn-hover-bg: #ffc107;
    --bs-btn-hover-border-color: #ffc107;
    --bs-btn-focus-shadow-rgb: 255, 193, 7;
    --bs-btn-active-color: var(--text);
    --bs-btn-active-bg: #ffc107;
    --bs-btn-active-border-color: #ffc107;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(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: var(--on-primary);
    --bs-btn-hover-bg: #dc3545;
    --bs-btn-hover-border-color: #dc3545;
    --bs-btn-focus-shadow-rgb: 220, 53, 69;
    --bs-btn-active-color: var(--on-primary);
    --bs-btn-active-bg: #dc3545;
    --bs-btn-active-border-color: #dc3545;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(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: var(--text);
    --bs-btn-hover-bg: #f8f9fa;
    --bs-btn-hover-border-color: #f8f9fa;
    --bs-btn-focus-shadow-rgb: 248, 249, 250;
    --bs-btn-active-color: var(--text);
    --bs-btn-active-bg: #f8f9fa;
    --bs-btn-active-border-color: #f8f9fa;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(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: var(--on-primary);
    --bs-btn-hover-bg: #212529;
    --bs-btn-hover-border-color: #212529;
    --bs-btn-focus-shadow-rgb: 33, 37, 41;
    --bs-btn-active-color: var(--on-primary);
    --bs-btn-active-bg: #212529;
    --bs-btn-active-border-color: #212529;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(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-lg,
.btn-group-lg>.btn {
    --bs-btn-padding-y: .5rem;
    --bs-btn-padding-x: 1rem;
    --bs-btn-font-size: 1.25rem;
    --bs-btn-border-radius: var(--bs-border-radius-lg)
}

.btn-sm,
.btn-group-sm>.btn {
    --bs-btn-padding-y: .25rem;
    --bs-btn-padding-x: .5rem;
    --bs-btn-font-size: .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
    }
}

.dropup,
.dropend,
.dropdown,
.dropstart,
.dropup-center,
.dropdown-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: .5rem;
    --bs-dropdown-spacer: .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: .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: var(--on-primary);
    --bs-dropdown-link-active-bg: #8b1538;
    --bs-dropdown-link-disabled-color: var(--bs-tertiary-color);
    --bs-dropdown-item-padding-x: 1rem;
    --bs-dropdown-item-padding-y: .25rem;
    --bs-dropdown-header-color: #6c757d;
    --bs-dropdown-header-padding-x: 1rem;
    --bs-dropdown-header-padding-y: .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:hover,
.dropdown-item:focus {
    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: var(--on-primary);
    --bs-dropdown-divider-bg: var(--bs-border-color-translucent);
    --bs-dropdown-link-hover-bg: rgba(255, 255, 255, .15);
    --bs-dropdown-link-active-color: var(--on-primary);
    --bs-dropdown-link-active-bg: #8b1538;
    --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>.btn,
.btn-group-vertical>.btn {
    position: relative;
    flex: 1 1 auto
}

.btn-group>.btn-check:checked+.btn,
.btn-group>.btn-check:focus+.btn,
.btn-group>.btn:hover,
.btn-group>.btn:focus,
.btn-group>.btn:active,
.btn-group>.btn.active,
.btn-group-vertical>.btn-check:checked+.btn,
.btn-group-vertical>.btn-check:focus+.btn,
.btn-group-vertical>.btn:hover,
.btn-group-vertical>.btn:focus,
.btn-group-vertical>.btn:active,
.btn-group-vertical>.btn.active {
    z-index: 1
}

.btn-toolbar {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start
}

.btn-toolbar .input-group {
    width: auto
}

.btn-group {
    border-radius: var(--bs-border-radius)
}

.btn-group>:not(.btn-check:first-child)+.btn,
.btn-group>.btn-group:not(:first-child) {
    margin-left: calc(-1 * var(--bs-border-width))
}

.btn-group>.btn:not(:last-child):not(.dropdown-toggle),
.btn-group>.btn.dropdown-toggle-split:first-child,
.btn-group>.btn-group:not(:last-child)>.btn {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.btn-group>.btn:nth-child(n+3),
.btn-group>:not(.btn-check)+.btn,
.btn-group>.btn-group:not(:first-child)>.btn {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.dropdown-toggle-split {
    padding-right: .5625rem;
    padding-left: .5625rem
}

.dropdown-toggle-split:after,
.dropup .dropdown-toggle-split:after,
.dropend .dropdown-toggle-split:after {
    margin-left: 0
}

.dropstart .dropdown-toggle-split:before {
    margin-right: 0
}

.btn-sm+.dropdown-toggle-split,
.btn-group-sm>.btn+.dropdown-toggle-split {
    padding-right: .375rem;
    padding-left: .375rem
}

.btn-lg+.dropdown-toggle-split,
.btn-group-lg>.btn+.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:not(:first-child),
.btn-group-vertical>.btn-group:not(:first-child) {
    margin-top: calc(-1 * var(--bs-border-width))
}

.btn-group-vertical>.btn:not(:last-child):not(.dropdown-toggle),
.btn-group-vertical>.btn-group:not(:last-child)>.btn {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0
}

.btn-group-vertical>.btn:nth-child(n+3),
.btn-group-vertical>:not(.btn-check)+.btn,
.btn-group-vertical>.btn-group:not(:first-child)>.btn {
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.nav {
    --bs-nav-link-padding-x: 1rem;
    --bs-nav-link-padding-y: .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: none;
    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:hover,
.nav-link:focus {
    color: var(--bs-nav-link-hover-color)
}

.nav-link:focus-visible {
    outline: 0;
    box-shadow: 0 0 0 .25rem #8b153840
}

.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:hover,
.nav-tabs .nav-link:focus {
    isolation: isolate;
    border-color: var(--bs-nav-tabs-link-hover-border-color)
}

.nav-tabs .nav-link.active,
.nav-tabs .nav-item.show .nav-link {
    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: var(--on-primary);
    --bs-nav-pills-link-active-bg: #8b1538
}

.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: .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:hover,
.nav-underline .nav-link:focus {
    border-bottom-color: currentcolor
}

.nav-underline .nav-link.active,
.nav-underline .show>.nav-link {
    font-weight: 700;
    color: var(--bs-nav-underline-link-active-color);
    border-bottom-color: currentcolor
}

.nav-fill>.nav-link,
.nav-fill .nav-item {
    flex: 1 1 auto;
    text-align: center
}

.nav-justified>.nav-link,
.nav-justified .nav-item {
    flex-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: .5rem;
    --bs-navbar-color: rgba(var(--bs-emphasis-color-rgb), .65);
    --bs-navbar-hover-color: rgba(var(--bs-emphasis-color-rgb), .8);
    --bs-navbar-disabled-color: rgba(var(--bs-emphasis-color-rgb), .3);
    --bs-navbar-active-color: rgba(var(--bs-emphasis-color-rgb), 1);
    --bs-navbar-brand-padding-y: .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: .5rem;
    --bs-navbar-toggler-padding-y: .25rem;
    --bs-navbar-toggler-padding-x: .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), .15);
    --bs-navbar-toggler-border-radius: var(--bs-border-radius);
    --bs-navbar-toggler-focus-width: .25rem;
    --bs-navbar-toggler-transition: box-shadow .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-sm,
.navbar>.container-md,
.navbar>.container-lg,
.navbar>.container-xl,
.navbar>.container-xxl {
    display: flex;
    flex-wrap: inherit;
    align-items: center;
    justify-content: space-between
}

.navbar-brand {
    padding-top: var(--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:hover,
.navbar-brand:focus {
    color: var(--bs-navbar-brand-hover-color)
}

.navbar-nav {
    --bs-nav-link-padding-x: 0;
    --bs-nav-link-padding-y: .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:hover,
.navbar-text a:focus {
    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, .55);
    --bs-navbar-hover-color: rgba(255, 255, 255, .75);
    --bs-navbar-disabled-color: rgba(255, 255, 255, .25);
    --bs-navbar-active-color: var(--on-primary);
    --bs-navbar-brand-color: var(--on-primary);
    --bs-navbar-brand-hover-color: var(--on-primary);
    --bs-navbar-toggler-border-color: rgba(255, 255, 255, .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: .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: .5rem;
    --bs-card-cap-padding-x: 1rem;
    --bs-card-cap-bg: rgba(var(--bs-body-color-rgb), .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: .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-top,
.card-img-bottom {
    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-img-top,
    .card-group>.card:not(:last-child)>.card-header {
        border-top-right-radius: 0
    }

    .card-group>.card:not(:last-child)>.card-img-bottom,
    .card-group>.card:not(:last-child)>.card-footer {
        border-bottom-right-radius: 0
    }

    .card-group>.card:not(:first-child) {
        border-top-left-radius: 0;
        border-bottom-left-radius: 0
    }

    .card-group>.card:not(:first-child)>.card-img-top,
    .card-group>.card:not(:first-child)>.card-header {
        border-top-left-radius: 0
    }

    .card-group>.card:not(:first-child)>.card-img-bottom,
    .card-group>.card:not(:first-child)>.card-footer {
        border-bottom-left-radius: 0
    }
}

.accordion {
    --bs-accordion-color: var(--bs-body-color);
    --bs-accordion-bg: var(--bs-body-bg);
    --bs-accordion-transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out, border-radius .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 .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='rgb%285.2, 44, 101.2%29' 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 .25rem rgba(13, 110, 253, .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='rgb%28109.8, 168, 253.8%29'%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='rgb%28109.8, 168, 253.8%29'%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: .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: .75rem;
    --bs-pagination-padding-y: .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 .25rem rgba(13, 110, 253, .25);
    --bs-pagination-active-color: var(--on-primary);
    --bs-pagination-active-bg: #8b1538;
    --bs-pagination-active-border-color: #8b1538;
    --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)
}

.page-link.active,
.active>.page-link {
    z-index: 3;
    color: var(--bs-pagination-active-color);
    background-color: var(--bs-pagination-active-bg);
    border-color: var(--bs-pagination-active-border-color)
}

.page-link.disabled,
.disabled>.page-link {
    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: .75rem;
    --bs-pagination-font-size: 1.25rem;
    --bs-pagination-border-radius: var(--bs-border-radius-lg)
}

.pagination-sm {
    --bs-pagination-padding-x: .5rem;
    --bs-pagination-padding-y: .25rem;
    --bs-pagination-font-size: .875rem;
    --bs-pagination-border-radius: var(--bs-border-radius-sm)
}

.badge {
    --bs-badge-padding-x: .65em;
    --bs-badge-padding-y: .35em;
    --bs-badge-font-size: .75em;
    --bs-badge-font-weight: 700;
    --bs-badge-color: var(--on-primary);
    --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: .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: var(--on-primary);
    --bs-progress-bar-bg: #8b1538;
    --bs-progress-bar-transition: width .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: .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: var(--on-primary);
    --bs-list-group-active-bg: #8b1538;
    --bs-list-group-active-border-color: #8b1538;
    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):hover,
.list-group-item-action:not(.active):focus {
    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: var(--text);
    --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: .5;
    --bs-btn-close-hover-opacity: .75;
    --bs-btn-close-focus-shadow: 0 0 0 .25rem rgba(13, 110, 253, .25);
    --bs-btn-close-focus-opacity: 1;
    --bs-btn-close-disabled-opacity: .25;
    box-sizing: content-box;
    width: 1em;
    height: 1em;
    padding: .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;
    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: .75rem;
    --bs-toast-padding-y: .5rem;
    --bs-toast-spacing: 1.5rem;
    --bs-toast-max-width: 350px;
    --bs-toast-font-size: .875rem;
    --bs-toast-color: ;
    --bs-toast-bg: rgba(var(--bs-body-bg-rgb), .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), .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: 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: .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: .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: translateY(-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: .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-header,
.modal-fullscreen .modal-footer {
    border-radius: 0
}

.modal-fullscreen .modal-body {
    overflow-y: auto
}

@media(max-width:575.98px) {
    .modal-fullscreen-sm-down {
        width: 100vw;
        max-width: none;
        height: 100%;
        margin: 0
    }

    .modal-fullscreen-sm-down .modal-content {
        height: 100%;
        border: 0;
        border-radius: 0
    }

    .modal-fullscreen-sm-down .modal-header,
    .modal-fullscreen-sm-down .modal-footer {
        border-radius: 0
    }

    .modal-fullscreen-sm-down .modal-body {
        overflow-y: auto
    }
}

@media(max-width:767.98px) {
    .modal-fullscreen-md-down {
        width: 100vw;
        max-width: none;
        height: 100%;
        margin: 0
    }

    .modal-fullscreen-md-down .modal-content {
        height: 100%;
        border: 0;
        border-radius: 0
    }

    .modal-fullscreen-md-down .modal-header,
    .modal-fullscreen-md-down .modal-footer {
        border-radius: 0
    }

    .modal-fullscreen-md-down .modal-body {
        overflow-y: auto
    }
}

@media(max-width:991.98px) {
    .modal-fullscreen-lg-down {
        width: 100vw;
        max-width: none;
        height: 100%;
        margin: 0
    }

    .modal-fullscreen-lg-down .modal-content {
        height: 100%;
        border: 0;
        border-radius: 0
    }

    .modal-fullscreen-lg-down .modal-header,
    .modal-fullscreen-lg-down .modal-footer {
        border-radius: 0
    }

    .modal-fullscreen-lg-down .modal-body {
        overflow-y: auto
    }
}

@media(max-width:1199.98px) {
    .modal-fullscreen-xl-down {
        width: 100vw;
        max-width: none;
        height: 100%;
        margin: 0
    }

    .modal-fullscreen-xl-down .modal-content {
        height: 100%;
        border: 0;
        border-radius: 0
    }

    .modal-fullscreen-xl-down .modal-header,
    .modal-fullscreen-xl-down .modal-footer {
        border-radius: 0
    }

    .modal-fullscreen-xl-down .modal-body {
        overflow-y: auto
    }
}

@media(max-width:1399.98px) {
    .modal-fullscreen-xxl-down {
        width: 100vw;
        max-width: none;
        height: 100%;
        margin: 0
    }

    .modal-fullscreen-xxl-down .modal-content {
        height: 100%;
        border: 0;
        border-radius: 0
    }

    .modal-fullscreen-xxl-down .modal-header,
    .modal-fullscreen-xxl-down .modal-footer {
        border-radius: 0
    }

    .modal-fullscreen-xxl-down .modal-body {
        overflow-y: auto
    }
}

.tooltip {
    --bs-tooltip-zindex: 1080;
    --bs-tooltip-max-width: 200px;
    --bs-tooltip-padding-x: .5rem;
    --bs-tooltip-padding-y: .25rem;
    --bs-tooltip-margin: ;
    --bs-tooltip-font-size: .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: .9;
    --bs-tooltip-arrow-width: .8rem;
    --bs-tooltip-arrow-height: .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-top .tooltip-arrow,
.bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow {
    bottom: calc(-1 * var(--bs-tooltip-arrow-height))
}

.bs-tooltip-top .tooltip-arrow:before,
.bs-tooltip-auto[data-popper-placement^=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-end .tooltip-arrow,
.bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow {
    left: calc(-1 * var(--bs-tooltip-arrow-height));
    width: var(--bs-tooltip-arrow-height);
    height: var(--bs-tooltip-arrow-width)
}

.bs-tooltip-end .tooltip-arrow:before,
.bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow:before {
    right: -1px;
    border-width: calc(var(--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-bottom .tooltip-arrow,
.bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow {
    top: calc(-1 * var(--bs-tooltip-arrow-height))
}

.bs-tooltip-bottom .tooltip-arrow:before,
.bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow:before {
    bottom: -1px;
    border-width: 0 calc(var(--bs-tooltip-arrow-width) * .5) var(--bs-tooltip-arrow-height);
    border-bottom-color: var(--bs-tooltip-bg)
}

.bs-tooltip-start .tooltip-arrow,
.bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow {
    right: calc(-1 * var(--bs-tooltip-arrow-height));
    width: var(--bs-tooltip-arrow-height);
    height: var(--bs-tooltip-arrow-width)
}

.bs-tooltip-start .tooltip-arrow:before,
.bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow:before {
    left: -1px;
    border-width: calc(var(--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: .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: .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: .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:before,
.popover .popover-arrow:after {
    position: absolute;
    display: block;
    content: "";
    border-color: transparent;
    border-style: solid;
    border-width: 0
}

.bs-popover-top>.popover-arrow,
.bs-popover-auto[data-popper-placement^=top]>.popover-arrow {
    bottom: calc(-1 * (var(--bs-popover-arrow-height)) - var(--bs-popover-border-width))
}

.bs-popover-top>.popover-arrow:before,
.bs-popover-auto[data-popper-placement^=top]>.popover-arrow:before,
.bs-popover-top>.popover-arrow:after,
.bs-popover-auto[data-popper-placement^=top]>.popover-arrow:after {
    border-width: var(--bs-popover-arrow-height) calc(var(--bs-popover-arrow-width) * .5) 0
}

.bs-popover-top>.popover-arrow:before,
.bs-popover-auto[data-popper-placement^=top]>.popover-arrow:before {
    bottom: 0;
    border-top-color: var(--bs-popover-arrow-border)
}

.bs-popover-top>.popover-arrow:after,
.bs-popover-auto[data-popper-placement^=top]>.popover-arrow:after {
    bottom: var(--bs-popover-border-width);
    border-top-color: var(--bs-popover-bg)
}

.bs-popover-end>.popover-arrow,
.bs-popover-auto[data-popper-placement^=right]>.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-end>.popover-arrow:before,
.bs-popover-auto[data-popper-placement^=right]>.popover-arrow:before,
.bs-popover-end>.popover-arrow:after,
.bs-popover-auto[data-popper-placement^=right]>.popover-arrow:after {
    border-width: calc(var(--bs-popover-arrow-width) * .5) var(--bs-popover-arrow-height) calc(var(--bs-popover-arrow-width) * .5) 0
}

.bs-popover-end>.popover-arrow:before,
.bs-popover-auto[data-popper-placement^=right]>.popover-arrow:before {
    left: 0;
    border-right-color: var(--bs-popover-arrow-border)
}

.bs-popover-end>.popover-arrow:after,
.bs-popover-auto[data-popper-placement^=right]>.popover-arrow:after {
    left: var(--bs-popover-border-width);
    border-right-color: var(--bs-popover-bg)
}

.bs-popover-bottom>.popover-arrow,
.bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow {
    top: calc(-1 * (var(--bs-popover-arrow-height)) - var(--bs-popover-border-width))
}

.bs-popover-bottom>.popover-arrow:before,
.bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow:before,
.bs-popover-bottom>.popover-arrow:after,
.bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow:after {
    border-width: 0 calc(var(--bs-popover-arrow-width) * .5) var(--bs-popover-arrow-height)
}

.bs-popover-bottom>.popover-arrow:before,
.bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow:before {
    top: 0;
    border-bottom-color: var(--bs-popover-arrow-border)
}

.bs-popover-bottom>.popover-arrow:after,
.bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow:after {
    top: var(--bs-popover-border-width);
    border-bottom-color: var(--bs-popover-bg)
}

.bs-popover-bottom .popover-header:before,
.bs-popover-auto[data-popper-placement^=bottom] .popover-header:before {
    position: absolute;
    top: 0;
    left: 50%;
    display: block;
    width: var(--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-start>.popover-arrow,
.bs-popover-auto[data-popper-placement^=left]>.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-start>.popover-arrow:before,
.bs-popover-auto[data-popper-placement^=left]>.popover-arrow:before,
.bs-popover-start>.popover-arrow:after,
.bs-popover-auto[data-popper-placement^=left]>.popover-arrow:after {
    border-width: calc(var(--bs-popover-arrow-width) * .5) 0 calc(var(--bs-popover-arrow-width) * .5) var(--bs-popover-arrow-height)
}

.bs-popover-start>.popover-arrow:before,
.bs-popover-auto[data-popper-placement^=left]>.popover-arrow:before {
    right: 0;
    border-left-color: var(--bs-popover-arrow-border)
}

.bs-popover-start>.popover-arrow:after,
.bs-popover-auto[data-popper-placement^=left]>.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%;
    backface-visibility: hidden;
    transition: transform .6s ease-in-out
}

@media(prefers-reduced-motion:reduce) {
    .carousel-item {
        transition: none
    }
}

.carousel-item.active,
.carousel-item-next,
.carousel-item-prev {
    display: block
}

.carousel-item-next:not(.carousel-item-start),
.active.carousel-item-end {
    transform: translate(100%)
}

.carousel-item-prev:not(.carousel-item-end),
.active.carousel-item-start {
    transform: translate(-100%)
}

.carousel-fade .carousel-item {
    opacity: 0;
    transition-property: opacity;
    transform: none
}

.carousel-fade .carousel-item.active,
.carousel-fade .carousel-item-next.carousel-item-start,
.carousel-fade .carousel-item-prev.carousel-item-end {
    z-index: 1;
    opacity: 1
}

.carousel-fade .active.carousel-item-start,
.carousel-fade .active.carousel-item-end {
    z-index: 0;
    opacity: 0;
    transition: opacity 0s .6s
}

@media(prefers-reduced-motion:reduce) {

    .carousel-fade .active.carousel-item-start,
    .carousel-fade .active.carousel-item-end {
        transition: none
    }
}

.carousel-control-prev,
.carousel-control-next {
    position: absolute;
    top: 0;
    bottom: 0;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 15%;
    padding: 0;
    color: var(--on-primary);
    text-align: center;
    background: none;
    filter: var(--bs-carousel-control-icon-filter);
    border: 0;
    opacity: .5;
    transition: opacity .15s ease
}

@media(prefers-reduced-motion:reduce) {

    .carousel-control-prev,
    .carousel-control-next {
        transition: none
    }
}

.carousel-control-prev:hover,
.carousel-control-prev:focus,
.carousel-control-next:hover,
.carousel-control-next:focus {
    color: var(--on-primary);
    text-decoration: none;
    outline: 0;
    opacity: .9
}

.carousel-control-prev {
    left: 0
}

.carousel-control-next {
    right: 0
}

.carousel-control-prev-icon,
.carousel-control-next-icon {
    display: inline-block;
    width: 2rem;
    height: 2rem;
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: 100% 100%
}

.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: var(--text);
    --bs-carousel-control-icon-filter: invert(1) grayscale(100)
}

:root,
[data-bs-theme=light] {
    --bs-carousel-indicator-active-bg: #fff;
    --bs-carousel-caption-color: var(--on-primary);
    --bs-carousel-control-icon-filter:
}

[data-bs-theme=dark] {
    --bs-carousel-indicator-active-bg: #000;
    --bs-carousel-caption-color: var(--text);
    --bs-carousel-control-icon-filter: invert(1) grayscale(100)
}

.spinner-grow,
.spinner-border {
    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: -.125em;
    --bs-spinner-border-width: .25em;
    --bs-spinner-animation-speed: .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: .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: -.125em;
    --bs-spinner-animation-speed: .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-xxl,
.offcanvas-xl,
.offcanvas-lg,
.offcanvas-md,
.offcanvas-sm {
    --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 .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: translate(-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: translate(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.showing,
    .offcanvas-sm.show:not(.hiding) {
        transform: none
    }

    .offcanvas-sm.showing,
    .offcanvas-sm.hiding,
    .offcanvas-sm.show {
        visibility: visible
    }
}

@media(min-width:576px) {
    .offcanvas-sm {
        --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: translate(-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: translate(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.showing,
    .offcanvas-md.show:not(.hiding) {
        transform: none
    }

    .offcanvas-md.showing,
    .offcanvas-md.hiding,
    .offcanvas-md.show {
        visibility: visible
    }
}

@media(min-width:768px) {
    .offcanvas-md {
        --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: translate(-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: translate(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.showing,
    .offcanvas-lg.show:not(.hiding) {
        transform: none
    }

    .offcanvas-lg.showing,
    .offcanvas-lg.hiding,
    .offcanvas-lg.show {
        visibility: visible
    }
}

@media(min-width:992px) {
    .offcanvas-lg {
        --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: translate(-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: translate(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.showing,
    .offcanvas-xl.show:not(.hiding) {
        transform: none
    }

    .offcanvas-xl.showing,
    .offcanvas-xl.hiding,
    .offcanvas-xl.show {
        visibility: visible
    }
}

@media(min-width:1200px) {
    .offcanvas-xl {
        --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: translate(-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: translate(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.showing,
    .offcanvas-xxl.show:not(.hiding) {
        transform: none
    }

    .offcanvas-xxl.showing,
    .offcanvas-xxl.hiding,
    .offcanvas-xxl.show {
        visibility: visible
    }
}

@media(min-width:1400px) {
    .offcanvas-xxl {
        --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: translate(-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: translate(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.showing,
.offcanvas.show:not(.hiding) {
    transform: none
}

.offcanvas.showing,
.offcanvas.hiding,
.offcanvas.show {
    visibility: visible
}

.offcanvas-backdrop {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1040;
    width: 100vw;
    height: 100vh;
    background-color: var(--text)
}

.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%, #000c, #000 95%);
    mask-image: linear-gradient(130deg, #000 55%, #000c, #000 95%);
    -webkit-mask-size: 200% 100%;
    mask-size: 200% 100%;
    animation: placeholder-wave 2s linear infinite
}

@keyframes placeholder-wave {
    to {
        -webkit-mask-position: -200% 0%;
        mask-position: -200% 0%
    }
}

.clearfix:after {
    display: block;
    clear: both;
    content: ""
}

.text-bg-primary {
    color: var(--on-primary) !important;
    background-color: RGBA(var(--bs-primary-rgb), var(--bs-bg-opacity, 1)) !important
}

.text-bg-secondary {
    color: var(--on-primary) !important;
    background-color: RGBA(var(--bs-secondary-rgb), var(--bs-bg-opacity, 1)) !important
}

.text-bg-success {
    color: var(--on-primary) !important;
    background-color: RGBA(var(--bs-success-rgb), var(--bs-bg-opacity, 1)) !important
}

.text-bg-info {
    color: var(--text) !important;
    background-color: RGBA(var(--bs-info-rgb), var(--bs-bg-opacity, 1)) !important
}

.text-bg-warning {
    color: var(--text) !important;
    background-color: RGBA(var(--bs-warning-rgb), var(--bs-bg-opacity, 1)) !important
}

.text-bg-danger {
    color: var(--on-primary) !important;
    background-color: RGBA(var(--bs-danger-rgb), var(--bs-bg-opacity, 1)) !important
}

.text-bg-light {
    color: var(--text) !important;
    background-color: RGBA(var(--bs-light-rgb), var(--bs-bg-opacity, 1)) !important
}

.text-bg-dark {
    color: var(--on-primary) !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;
    text-decoration-color: RGBA(var(--bs-primary-rgb), var(--bs-link-underline-opacity, 1)) !important
}

.link-primary:hover,
.link-primary:focus {
    color: RGBA(10, 88, 202, var(--bs-link-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;
    text-decoration-color: RGBA(var(--bs-secondary-rgb), var(--bs-link-underline-opacity, 1)) !important
}

.link-secondary:hover,
.link-secondary:focus {
    color: RGBA(86, 94, 100, var(--bs-link-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;
    text-decoration-color: RGBA(var(--bs-success-rgb), var(--bs-link-underline-opacity, 1)) !important
}

.link-success:hover,
.link-success:focus {
    color: RGBA(20, 108, 67, var(--bs-link-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;
    text-decoration-color: RGBA(var(--bs-info-rgb), var(--bs-link-underline-opacity, 1)) !important
}

.link-info:hover,
.link-info:focus {
    color: RGBA(61, 213, 243, var(--bs-link-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;
    text-decoration-color: RGBA(var(--bs-warning-rgb), var(--bs-link-underline-opacity, 1)) !important
}

.link-warning:hover,
.link-warning:focus {
    color: RGBA(255, 205, 57, var(--bs-link-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;
    text-decoration-color: RGBA(var(--bs-danger-rgb), var(--bs-link-underline-opacity, 1)) !important
}

.link-danger:hover,
.link-danger:focus {
    color: RGBA(176, 42, 55, var(--bs-link-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;
    text-decoration-color: RGBA(var(--bs-light-rgb), var(--bs-link-underline-opacity, 1)) !important
}

.link-light:hover,
.link-light:focus {
    color: RGBA(249, 250, 251, var(--bs-link-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;
    text-decoration-color: RGBA(var(--bs-dark-rgb), var(--bs-link-underline-opacity, 1)) !important
}

.link-dark:hover,
.link-dark:focus {
    color: RGBA(26, 30, 33, var(--bs-link-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;
    text-decoration-color: RGBA(var(--bs-emphasis-color-rgb), var(--bs-link-underline-opacity, 1)) !important
}

.link-body-emphasis:hover,
.link-body-emphasis:focus {
    color: RGBA(var(--bs-emphasis-color-rgb), var(--bs-link-opacity, .75)) !important;
    text-decoration-color: RGBA(var(--bs-emphasis-color-rgb), var(--bs-link-underline-opacity, .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;
    text-decoration-color: rgba(var(--bs-link-color-rgb), var(--bs-link-opacity, .5));
    text-underline-offset: .25em;
    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:hover>.bi,
.icon-link-hover:focus-visible>.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: sticky;
    top: 0;
    z-index: 1020
}

.sticky-bottom {
    position: sticky;
    bottom: 0;
    z-index: 1020
}

@media(min-width:576px) {
    .sticky-sm-top {
        position: sticky;
        top: 0;
        z-index: 1020
    }

    .sticky-sm-bottom {
        position: sticky;
        bottom: 0;
        z-index: 1020
    }
}

@media(min-width:768px) {
    .sticky-md-top {
        position: sticky;
        top: 0;
        z-index: 1020
    }

    .sticky-md-bottom {
        position: sticky;
        bottom: 0;
        z-index: 1020
    }
}

@media(min-width:992px) {
    .sticky-lg-top {
        position: sticky;
        top: 0;
        z-index: 1020
    }

    .sticky-lg-bottom {
        position: sticky;
        bottom: 0;
        z-index: 1020
    }
}

@media(min-width:1200px) {
    .sticky-xl-top {
        position: sticky;
        top: 0;
        z-index: 1020
    }

    .sticky-xl-bottom {
        position: sticky;
        bottom: 0;
        z-index: 1020
    }
}

@media(min-width:1400px) {
    .sticky-xxl-top {
        position: sticky;
        top: 0;
        z-index: 1020
    }

    .sticky-xxl-bottom {
        position: sticky;
        bottom: 0;
        z-index: 1020
    }
}

.hstack {
    display: flex;
    flex-direction: row;
    align-items: center;
    align-self: stretch
}

.vstack {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    align-self: stretch
}

.visually-hidden,
.visually-hidden-focusable:not(:focus):not(:focus-within) {
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    margin: -1px !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    white-space: nowrap !important;
    border: 0 !important
}

.visually-hidden:not(caption),
.visually-hidden-focusable:not(:focus):not(:focus-within):not(caption) {
    position: absolute !important
}

.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 {
    object-fit: contain !important
}

.object-fit-cover {
    object-fit: cover !important
}

.object-fit-fill {
    object-fit: fill !important
}

.object-fit-scale {
    object-fit: scale-down !important
}

.object-fit-none {
    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: 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: translate(-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: .1
}

.border-opacity-25 {
    --bs-border-opacity: .25
}

.border-opacity-50 {
    --bs-border-opacity: .5
}

.border-opacity-75 {
    --bs-border-opacity: .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 {
    column-gap: 0 !important
}

.column-gap-1 {
    column-gap: .25rem !important
}

.column-gap-2 {
    column-gap: .5rem !important
}

.column-gap-3 {
    column-gap: 1rem !important
}

.column-gap-4 {
    column-gap: 1.5rem !important
}

.column-gap-5 {
    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: var(--text)80 !important
}

.text-white-50 {
    --bs-text-opacity: 1;
    color: var(--on-primary)80 !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: .25
}

.text-opacity-50 {
    --bs-text-opacity: .5
}

.text-opacity-75 {
    --bs-text-opacity: .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,
.link-opacity-10-hover:hover {
    --bs-link-opacity: .1
}

.link-opacity-25,
.link-opacity-25-hover:hover {
    --bs-link-opacity: .25
}

.link-opacity-50,
.link-opacity-50-hover:hover {
    --bs-link-opacity: .5
}

.link-opacity-75,
.link-opacity-75-hover:hover {
    --bs-link-opacity: .75
}

.link-opacity-100,
.link-opacity-100-hover:hover {
    --bs-link-opacity: 1
}

.link-offset-1,
.link-offset-1-hover:hover {
    text-underline-offset: .125em !important
}

.link-offset-2,
.link-offset-2-hover:hover {
    text-underline-offset: .25em !important
}

.link-offset-3,
.link-offset-3-hover:hover {
    text-underline-offset: .375em !important
}

.link-underline-primary {
    --bs-link-underline-opacity: 1;
    text-decoration-color: rgba(var(--bs-primary-rgb), var(--bs-link-underline-opacity)) !important
}

.link-underline-secondary {
    --bs-link-underline-opacity: 1;
    text-decoration-color: rgba(var(--bs-secondary-rgb), var(--bs-link-underline-opacity)) !important
}

.link-underline-success {
    --bs-link-underline-opacity: 1;
    text-decoration-color: rgba(var(--bs-success-rgb), var(--bs-link-underline-opacity)) !important
}

.link-underline-info {
    --bs-link-underline-opacity: 1;
    text-decoration-color: rgba(var(--bs-info-rgb), var(--bs-link-underline-opacity)) !important
}

.link-underline-warning {
    --bs-link-underline-opacity: 1;
    text-decoration-color: rgba(var(--bs-warning-rgb), var(--bs-link-underline-opacity)) !important
}

.link-underline-danger {
    --bs-link-underline-opacity: 1;
    text-decoration-color: rgba(var(--bs-danger-rgb), var(--bs-link-underline-opacity)) !important
}

.link-underline-light {
    --bs-link-underline-opacity: 1;
    text-decoration-color: rgba(var(--bs-light-rgb), var(--bs-link-underline-opacity)) !important
}

.link-underline-dark {
    --bs-link-underline-opacity: 1;
    text-decoration-color: rgba(var(--bs-dark-rgb), var(--bs-link-underline-opacity)) !important
}

.link-underline {
    --bs-link-underline-opacity: 1;
    text-decoration-color: rgba(var(--bs-link-color-rgb), var(--bs-link-underline-opacity, 1)) !important
}

.link-underline-opacity-0,
.link-underline-opacity-0-hover:hover {
    --bs-link-underline-opacity: 0
}

.link-underline-opacity-10,
.link-underline-opacity-10-hover:hover {
    --bs-link-underline-opacity: .1
}

.link-underline-opacity-25,
.link-underline-opacity-25-hover:hover {
    --bs-link-underline-opacity: .25
}

.link-underline-opacity-50,
.link-underline-opacity-50-hover:hover {
    --bs-link-underline-opacity: .5
}

.link-underline-opacity-75,
.link-underline-opacity-75-hover:hover {
    --bs-link-underline-opacity: .75
}

.link-underline-opacity-100,
.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: .1
}

.bg-opacity-25 {
    --bs-bg-opacity: .25
}

.bg-opacity-50 {
    --bs-bg-opacity: .5
}

.bg-opacity-75 {
    --bs-bg-opacity: .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;
    user-select: all !important
}

.user-select-auto {
    -webkit-user-select: auto !important;
    user-select: auto !important
}

.user-select-none {
    -webkit-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 {
        object-fit: contain !important
    }

    .object-fit-sm-cover {
        object-fit: cover !important
    }

    .object-fit-sm-fill {
        object-fit: fill !important
    }

    .object-fit-sm-scale {
        object-fit: scale-down !important
    }

    .object-fit-sm-none {
        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 {
        column-gap: 0 !important
    }

    .column-gap-sm-1 {
        column-gap: .25rem !important
    }

    .column-gap-sm-2 {
        column-gap: .5rem !important
    }

    .column-gap-sm-3 {
        column-gap: 1rem !important
    }

    .column-gap-sm-4 {
        column-gap: 1.5rem !important
    }

    .column-gap-sm-5 {
        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 {
        object-fit: contain !important
    }

    .object-fit-md-cover {
        object-fit: cover !important
    }

    .object-fit-md-fill {
        object-fit: fill !important
    }

    .object-fit-md-scale {
        object-fit: scale-down !important
    }

    .object-fit-md-none {
        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 {
        column-gap: 0 !important
    }

    .column-gap-md-1 {
        column-gap: .25rem !important
    }

    .column-gap-md-2 {
        column-gap: .5rem !important
    }

    .column-gap-md-3 {
        column-gap: 1rem !important
    }

    .column-gap-md-4 {
        column-gap: 1.5rem !important
    }

    .column-gap-md-5 {
        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 {
        object-fit: contain !important
    }

    .object-fit-lg-cover {
        object-fit: cover !important
    }

    .object-fit-lg-fill {
        object-fit: fill !important
    }

    .object-fit-lg-scale {
        object-fit: scale-down !important
    }

    .object-fit-lg-none {
        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 {
        column-gap: 0 !important
    }

    .column-gap-lg-1 {
        column-gap: .25rem !important
    }

    .column-gap-lg-2 {
        column-gap: .5rem !important
    }

    .column-gap-lg-3 {
        column-gap: 1rem !important
    }

    .column-gap-lg-4 {
        column-gap: 1.5rem !important
    }

    .column-gap-lg-5 {
        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 {
        object-fit: contain !important
    }

    .object-fit-xl-cover {
        object-fit: cover !important
    }

    .object-fit-xl-fill {
        object-fit: fill !important
    }

    .object-fit-xl-scale {
        object-fit: scale-down !important
    }

    .object-fit-xl-none {
        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 {
        column-gap: 0 !important
    }

    .column-gap-xl-1 {
        column-gap: .25rem !important
    }

    .column-gap-xl-2 {
        column-gap: .5rem !important
    }

    .column-gap-xl-3 {
        column-gap: 1rem !important
    }

    .column-gap-xl-4 {
        column-gap: 1.5rem !important
    }

    .column-gap-xl-5 {
        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 {
        object-fit: contain !important
    }

    .object-fit-xxl-cover {
        object-fit: cover !important
    }

    .object-fit-xxl-fill {
        object-fit: fill !important
    }

    .object-fit-xxl-scale {
        object-fit: scale-down !important
    }

    .object-fit-xxl-none {
        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 {
        column-gap: 0 !important
    }

    .column-gap-xxl-1 {
        column-gap: .25rem !important
    }

    .column-gap-xxl-2 {
        column-gap: .5rem !important
    }

    .column-gap-xxl-3 {
        column-gap: 1rem !important
    }

    .column-gap-xxl-4 {
        column-gap: 1.5rem !important
    }

    .column-gap-xxl-5 {
        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
    }
}

:root {
    --topic-body-bg: #eef1f6;
    --topic-surface: #ffffff;
    --topic-text: #202938;
    --topic-muted: #687386;
    --topic-border: #d8dee8;
    --topic-accent: var(--brand-accent, #8b1538);
    --topic-accent-strong: var(--brand-accent-hover, #6d1029);
    --topic-dark: #1d2633;
    --topic-dark-soft: #273345;
    --topic-success: #198754;
    --topic-warning: #f59f00;
    --topic-danger: #dc3545
}

body {
    background: var(--topic-body-bg);
    color: var(--topic-text)
}

.topic-shell {
    min-height: 100vh
}

.topic-navbar {
    background: var(--topic-dark);
    border-bottom: 4px solid var(--topic-accent);
    box-shadow: 0 12px 28px #0b121e2e
}

.topic-navbar .navbar-toggler {
    border-color: var(--on-primary)40
}

.topic-navbar .navbar-toggler-icon {
    filter: invert(1)
}

.topic-brand {
    display: inline-flex;
    align-items: center;
    gap: .65rem;
    color: var(--on-primary);
    font-weight: 800;
    letter-spacing: 0
}

.topic-brand:hover,
.topic-brand:focus,
.topic-navbar .nav-link {
    color: var(--on-primary)
}

.topic-brand-mark {
    display: inline-grid;
    width: 2.15rem;
    height: 2.15rem;
    place-items: center;
    border-radius: .35rem;
    color: var(--text);
    background: var(--topic-accent);
    box-shadow: inset 0 -3px #00000029
}

.topic-navbar .nav-link {
    color: var(--on-primary)c7;
    font-weight: 700
}

.topic-navbar .nav-link:hover,
.topic-navbar .nav-link:focus {
    color: var(--topic-accent)
}

.topic-nav-search {
    display: flex;
    width: min(420px, 100%);
    gap: .4rem
}

.topic-nav-search .form-control {
    min-width: 0;
    border: 0;
    background: var(--bg-white)1a;
    color: var(--on-primary)
}

.topic-nav-search .form-control::placeholder {
    color: var(--on-primary)9
}

.topic-main {
    padding: 1.5rem 0 2rem
}

.topic-footer {
    padding: 1.25rem 0;
    color: var(--on-primary)ad;
    background: var(--topic-dark);
    border-top: 1px solid rgba(255, 255, 255, .08);
    font-size: .9rem
}

.topic-card {
    background: var(--topic-surface);
    border: 1px solid var(--topic-border);
    border-radius: .5rem;
    box-shadow: 0 12px 30px #1620330f
}

.topic-stat {
    min-height: 96px
}

.konu-thumb {
    aspect-ratio: 16/9;
    object-fit: cover;
    background: #dce5f3
}

.home-hero {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(320px, 480px);
    gap: 1.5rem;
    align-items: end;
    margin-bottom: 1.25rem;
    padding: 2rem;
    color: var(--on-primary);
    background: linear-gradient(135deg, #1d2633fa, #2d3a4df0), url("../../../images/bg01.png");
    background-size: cover;
    background-position: center;
    border-radius: .55rem;
    box-shadow: 0 16px 40px #131c2a38
}

.home-eyebrow,
.section-heading span {
    display: block;
    margin-bottom: .25rem;
    color: var(--topic-accent);
    font-size: .75rem;
    font-weight: 800;
    letter-spacing: .08em;
    text-transform: uppercase
}

.home-hero h1,
.home-hero .h1 {
    margin: 0;
    font-size: clamp(2rem, 4vw, 3.25rem);
    font-weight: 850;
    letter-spacing: 0
}

.home-hero p {
    max-width: 48rem;
    margin: .75rem 0 0;
    color: var(--on-primary)c7;
    font-size: 1.05rem
}

.home-search {
    display: flex;
    padding: .45rem;
    background: var(--bg-white)f5;
    border-radius: .45rem;
    box-shadow: 0 12px 30px #070d173d
}

.home-search input {
    min-width: 0;
    flex: 1;
    border: 0;
    padding: .95rem 1rem;
    color: var(--topic-text);
    outline: 0
}

.home-search button {
    border: 0;
    border-radius: .35rem;
    padding: 0 1.25rem;
    color: var(--text);
    background: var(--topic-accent);
    font-weight: 800
}

.section-heading {
    display: flex;
    align-items: end;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: .9rem
}

.section-heading h2,
.section-heading .h2 {
    margin: 0;
    color: var(--topic-text);
    font-size: 1.25rem;
    font-weight: 850
}

.section-heading a {
    color: var(--topic-dark);
    font-weight: 750;
    text-decoration: none
}

.game-strip,
.feed-panel,
.sidebar-panel {
    padding: 1rem;
    background: var(--topic-surface);
    border: 1px solid var(--topic-border);
    border-radius: .5rem;
    box-shadow: 0 10px 26px #1d263312
}

.game-strip {
    margin-bottom: 1.25rem
}

.game-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: .85rem
}

.game-tile {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: .35rem .75rem;
    align-items: center;
    min-height: 84px;
    padding: .9rem;
    color: var(--on-primary);
    text-decoration: none;
    background: linear-gradient(135deg, #2b3749, #1f2937);
    border-radius: .45rem;
    border-bottom: 3px solid var(--topic-accent)
}

.game-tile:hover,
.game-tile:focus {
    color: var(--on-primary);
    transform: translateY(-1px)
}

.game-tile-icon {
    display: grid;
    grid-row: span 2;
    width: 2.6rem;
    height: 2.6rem;
    place-items: center;
    border-radius: .4rem;
    color: var(--topic-accent);
    background: var(--bg-white)1a;
    font-size: 1.35rem
}

.game-tile-name {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-weight: 800
}

.game-tile-meta {
    color: var(--on-primary)ad;
    font-size: .85rem
}

.topic-konu-grid {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 330px;
    gap: 1.25rem;
    align-items: start
}

.topic-feed {
    display: grid;
    gap: .85rem
}

.topic-list-card {
    display: grid;
    grid-template-columns: 190px minmax(0, 1fr);
    gap: 1rem;
    padding: .85rem;
    background: var(--bg-white);
    border: 1px solid var(--topic-border);
    border-radius: .45rem;
    box-shadow: 0 8px 18px #1d26330d
}

.topic-list-thumb {
    display: block;
    aspect-ratio: 16/10;
    overflow: hidden;
    color: var(--topic-muted);
    background: #dde5f1;
    border-radius: .35rem;
    text-decoration: none
}

.topic-list-thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.topic-list-thumb span {
    display: grid;
    height: 100%;
    place-items: center;
    font-size: 2.4rem
}

.topic-list-body {
    min-width: 0
}

.topic-list-meta,
.topic-list-stats {
    display: flex;
    flex-wrap: wrap;
    gap: .45rem .75rem;
    color: var(--topic-muted);
    font-size: .82rem
}

.topic-list-meta a,
.topic-list-body h2 a,
.topic-list-body .h2 a {
    color: inherit;
    text-decoration: none
}

.topic-list-meta a {
    color: var(--topic-accent-strong);
    font-weight: 800
}

.topic-list-body h2,
.topic-list-body .h2 {
    margin: .35rem 0;
    font-size: 1.18rem;
    font-weight: 850;
    line-height: 1.25
}

.topic-list-body h2 a:hover,
.topic-list-body .h2 a:hover {
    color: var(--topic-accent-strong)
}

.topic-list-body p {
    display: -webkit-box;
    margin: 0 0 .75rem;
    overflow: hidden;
    color: #526072;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2
}

.topic-list-stats {
    align-items: center;
    font-weight: 700
}

.topic-list-stats .bi-star-fill {
    color: var(--topic-accent)
}

.topic-version {
    padding: .15rem .45rem;
    color: var(--text);
    background: #ffe2a1;
    border-radius: .25rem
}

.topic-sidebar {
    display: grid;
    gap: 1rem
}

.sidebar-panel h2,
.sidebar-panel .h2 {
    margin: 0 0 .75rem;
    font-size: 1.05rem;
    font-weight: 850
}

.sidebar-list {
    display: grid;
    gap: .65rem
}

.sidebar-list a {
    display: grid;
    gap: .15rem;
    padding-bottom: .65rem;
    color: var(--topic-text);
    text-decoration: none;
    border-bottom: 1px solid var(--topic-border)
}

.sidebar-list a:last-child {
    padding-bottom: 0;
    border-bottom: 0
}

.sidebar-list span {
    font-weight: 750;
    line-height: 1.25
}

.sidebar-list small,
.sidebar-list .small {
    color: var(--topic-muted)
}

.tag-cloud {
    display: flex;
    flex-wrap: wrap;
    gap: .45rem
}

.tag-cloud a {
    padding: .35rem .55rem;
    color: #354155;
    background: #eef2f7;
    border: 1px solid #dce3ed;
    border-radius: .3rem;
    font-size: .88rem;
    font-weight: 700;
    text-decoration: none
}

.stats-list {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .65rem
}

.stats-list div {
    padding: .75rem;
    background: #f4f6fa;
    border-radius: .35rem
}

.stats-list span,
.stats-list small,
.stats-list .small {
    display: block
}

.stats-list span {
    color: var(--topic-dark);
    font-size: 1.35rem;
    font-weight: 850
}

.stats-list small,
.stats-list .small {
    color: var(--topic-muted)
}

.konu-upload-panel {
    color: var(--on-primary);
    background: linear-gradient(135deg, #263243, #1d2633);
    border-color: #344156
}

.konu-upload-panel p {
    color: var(--on-primary)b8
}

.empty-panel {
    padding: 1.2rem;
    color: var(--topic-muted);
    background: var(--bg-white);
    border: 1px solid var(--topic-border);
    border-radius: .45rem
}

.topic-hero {
    min-height: 340px;
    display: grid;
    align-items: end;
    margin-bottom: 1.25rem;
    padding: 2rem;
    color: var(--on-primary);
    background: linear-gradient(90deg, #161f2cf5, #161f2cad, #161f2c59), var(--topic-hero-image);
    background-size: cover;
    background-position: center;
    border-radius: .55rem;
    box-shadow: 0 16px 40px #131c2a38
}

.topic-hero-content {
    max-width: 780px
}

.topic-breadcrumb {
    margin-bottom: 1rem
}

.topic-breadcrumb a,
.topic-breadcrumb .breadcrumb-item,
.topic-breadcrumb .breadcrumb-item.active,
.topic-breadcrumb .breadcrumb-item:before {
    color: var(--on-primary)bf
}

.custom-breadcrumb-nav {
    display: inline-block;
    margin-bottom: 1.25rem
}

.custom-breadcrumb {
    display: inline-flex;
    align-items: center;
    margin: 0;
    padding: 8px 16px;
    background: var(--bg-white)d9;
    border: 1px solid rgba(226, 232, 240, .8);
    border-radius: var(--radius-md);
    box-shadow: 0 4px 15px #1d26330a;
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px)
}

.custom-breadcrumb .breadcrumb-item {
    display: flex;
    align-items: center;
    font-size: .88rem;
    font-weight: 700;
    color: var(--topic-muted)
}

.custom-breadcrumb .breadcrumb-item+.breadcrumb-item:before {
    
    font-family: bootstrap-icons;
    font-size: .75rem;
    padding-right: .5rem;
    color: #b1b9c3
}

.custom-breadcrumb .breadcrumb-item a {
    color: #475569;
    text-decoration: none;
    transition: color .2s;
    display: flex;
    align-items: center;
    gap: .35rem
}

.custom-breadcrumb .breadcrumb-item a i {
    font-size: 1rem;
    color: var(--topic-accent)
}

.custom-breadcrumb .breadcrumb-item a:hover {
    color: var(--topic-accent-strong)
}

.custom-breadcrumb .breadcrumb-item.active {
    color: var(--topic-dark);
    font-weight: 850
}

.topic-hero h1,
.topic-hero .h1 {
    margin: 0;
    font-size: clamp(2.1rem, 5vw, 4rem);
    font-weight: 900;
    letter-spacing: 0
}

.topic-hero p {
    max-width: 660px;
    margin: .75rem 0 1.25rem;
    color: var(--on-primary)d1;
    font-size: 1.08rem
}

.topic-hero-search {
    display: flex;
    max-width: 620px;
    padding: .45rem;
    background: var(--bg-white)f5;
    border-radius: .45rem;
    box-shadow: 0 12px 30px #070d173d
}

.topic-hero-search input[type=search] {
    min-width: 0;
    flex: 1;
    border: 0;
    padding: .9rem 1rem;
    outline: 0
}

.topic-hero-search button {
    border: 0;
    border-radius: .35rem;
    padding: 0 1.1rem;
    color: var(--text);
    background: var(--topic-accent);
    font-weight: 800
}

.topic-layout {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 340px;
    gap: 1.25rem;
    align-items: start
}

.topic-main,
.topic-sidebar {
    display: grid;
    gap: 1rem
}

.topic-panel {
    padding: 1rem;
    background: var(--topic-surface);
    border: 1px solid var(--topic-border);
    border-radius: .5rem;
    box-shadow: 0 10px 26px #1d263312
}

.topic-panel h2,
.topic-panel .h2 {
    margin: 0 0 .75rem;
    color: var(--topic-text);
    font-size: 1.08rem;
    font-weight: 850
}

.topic-description p {
    margin: 0;
    color: #526072;
    line-height: 1.7
}

.topic-info-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .65rem
}

.topic-info-grid div {
    padding: .85rem;
    background: #f4f6fa;
    border: 1px solid #e1e7f0;
    border-radius: .4rem
}

.topic-info-grid span,
.topic-info-grid small,
.topic-info-grid .small {
    display: block
}

.topic-info-grid span {
    color: var(--topic-dark);
    font-size: 1.35rem;
    font-weight: 900
}

.topic-info-grid small,
.topic-info-grid .small {
    color: var(--topic-muted)
}

.download-link-list {
    display: grid;
    gap: .7rem
}

.download-link-item {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: .75rem;
    align-items: center;
    padding-bottom: .7rem;
    border-bottom: 1px solid var(--topic-border)
}

.download-link-item:last-child {
    padding-bottom: 0;
    border-bottom: 0
}

.download-link-item a {
    display: block;
    overflow: hidden;
    color: var(--topic-text);
    font-weight: 800;
    line-height: 1.25;
    text-decoration: none;
    text-overflow: ellipsis;
    white-space: nowrap
}

.download-link-item a:hover {
    color: var(--topic-accent-strong)
}

.download-link-item small,
.download-link-item .small {
    display: block;
    margin-top: .15rem;
    color: var(--topic-muted)
}

.download-link-item form {
    margin: 0
}

.download-link-item button {
    display: grid;
    width: 2.35rem;
    height: 2.35rem;
    place-items: center;
    border: 0;
    border-radius: .35rem;
    color: var(--text);
    background: var(--topic-accent)
}

.konu-detail {
    display: grid;
    gap: 1.25rem
}

.konu-hero {
    min-height: 340px;
    display: grid;
    align-items: end;
    overflow: hidden;
    color: var(--on-primary);
    background: var(--konu-hero-image);
    background-size: cover;
    background-position: center;
    border-radius: .55rem;
    box-shadow: 0 16px 40px #131c2a38
}

.konu-hero-panel {
    max-width: 820px;
    padding: 2rem
}

.konu-meta-line {
    display: flex;
    flex-wrap: wrap;
    gap: .45rem .75rem;
    margin-bottom: .75rem;
    color: var(--on-primary)bd;
    font-size: .9rem;
    font-weight: 750
}

.konu-meta-line a {
    color: var(--topic-accent);
    text-decoration: none
}

.konu-hero h1,
.konu-hero .h1 {
    margin: 0;
    font-size: clamp(1.8rem, 4vw, 3.2rem);
    font-weight: 900;
    letter-spacing: 0
}

.konu-hero p {
    max-width: 680px;
    margin: .85rem 0 1.25rem;
    color: var(--on-primary)d1;
    font-size: 1.05rem
}

.konu-hero-actions {
    display: flex;
    flex-wrap: wrap;
    gap: .75rem;
    align-items: center
}

.konu-login-note {
    color: var(--on-primary)c2
}

.konu-detail-grid {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 340px;
    gap: 1.25rem;
    align-items: start
}

.konu-detail-main,
.konu-detail-sidebar {
    display: grid;
    gap: 1rem
}

.konu-description-panel,
.konu-media-panel,
.konu-topic-info-panel,
.konu-download-panel,
.konu-comments-panel,
.konu-popular-panel,
.konu-alt_kategoriler-panel,
.konu-statistics-panel,
.konu-upload-panel {
    padding: 1rem;
    background: var(--topic-surface);
    border: 1px solid var(--topic-border);
    border-radius: .5rem;
    box-shadow: 0 10px 26px #1d263312
}

.konu-description-panel h2,
.konu-description-panel .h2,
.konu-media-panel h2,
.konu-media-panel .h2,
.konu-topic-info-panel h2,
.konu-topic-info-panel .h2,
.konu-download-panel h2,
.konu-download-panel .h2,
.konu-comments-panel h2,
.konu-comments-panel .h2,
.konu-popular-panel h2,
.konu-popular-panel .h2,
.konu-alt_kategoriler-panel h2,
.konu-alt_kategoriler-panel .h2,
.konu-statistics-panel h2,
.konu-statistics-panel .h2,
.konu-upload-panel h2,
.konu-upload-panel .h2 {
    margin: 0 0 .75rem;
    color: var(--topic-text);
    font-size: 1.08rem;
    font-weight: 850
}

.konu-description {
    color: #526072;
    line-height: 1.75
}

.topic-info-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .5rem
}

.topic-info-item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: .75rem;
    padding: .65rem .85rem;
    background: #f7f9fc;
    border: 1px solid #e8ecf2;
    border-radius: .4rem
}

.topic-info-label {
    color: var(--topic-muted);
    font-size: .88rem;
    font-weight: 700;
    white-space: nowrap
}

.topic-info-value {
    color: var(--topic-text);
    font-size: .92rem;
    font-weight: 800;
    text-align: right
}

.topic-info-value a {
    color: var(--topic-accent-strong);
    text-decoration: none
}

.topic-info-value a:hover {
    text-decoration: underline
}

.konu-media-panel h2 i,
.konu-media-panel .h2 i {
    color: var(--topic-accent);
    margin-right: .3rem
}

.media-gallery {
    display: grid;
    gap: .75rem
}

.media-featured {
    position: relative;
    overflow: hidden;
    border-radius: .45rem;
    background: #0e1622
}

.media-featured img {
    display: block;
    width: 100%;
    aspect-ratio: 16/9;
    object-fit: cover;
    transition: transform .3s
}

.media-featured:hover img {
    transform: scale(1.02)
}

.media-fullscreen-btn {
    position: absolute;
    top: .65rem;
    right: .65rem;
    display: grid;
    width: 2.2rem;
    height: 2.2rem;
    place-items: center;
    border: 0;
    border-radius: .35rem;
    color: var(--on-primary);
    background: #0000008c;
    -webkit-backdrop-filter: blur(6px);
    backdrop-filter: blur(6px);
    font-size: .95rem;
    cursor: pointer;
    opacity: 0;
    transition: opacity .2s, background .15s
}

.media-featured:hover .media-fullscreen-btn {
    opacity: 1
}

.media-fullscreen-btn:hover {
    background: #000c
}

.media-thumbstrip {
    display: flex;
    gap: .5rem;
    overflow-x: auto;
    padding-bottom: .25rem
}

.media-thumbstrip::-webkit-scrollbar {
    height: 4px
}

.media-thumbstrip::-webkit-scrollbar-thumb {
    background: var(--topic-border);
    border-radius: 10rem
}

.media-thumb {
    flex-shrink: 0;
    width: 80px;
    height: 52px;
    padding: 0;
    border: 2px solid transparent;
    border-radius: .3rem;
    overflow: hidden;
    cursor: pointer;
    background: #dde5f1;
    opacity: .6;
    transition: opacity .2s, border-color .2s
}

.media-thumb:hover {
    opacity: .85
}

.media-thumb.active {
    opacity: 1;
    border-color: var(--topic-accent)
}

.media-thumb img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover
}

.media-lightbox {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: var(--z-tooltip);
    display: grid;
    place-items: center;
    background: #000000eb;
    -webkit-backdrop-filter: blur(12px);
    backdrop-filter: blur(12px);
    opacity: 0;
    visibility: hidden;
    transition: opacity .3s, visibility .3s
}

.media-lightbox.open {
    opacity: 1;
    visibility: visible
}

.lightbox-image {
    max-width: 90vw;
    max-height: 85vh;
    object-fit: contain;
    border-radius: .35rem;
    box-shadow: 0 20px 60px #00000080
}

.lightbox-close {
    position: absolute;
    top: 1rem;
    right: 1rem;
    display: grid;
    width: 2.6rem;
    height: 2.6rem;
    place-items: center;
    border: 0;
    border-radius: 50%;
    color: var(--on-primary);
    background: var(--bg-white)1f;
    font-size: 1.1rem;
    cursor: pointer;
    transition: background .15s
}

.lightbox-close:hover {
    background: var(--bg-white)40
}

.lightbox-nav {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    display: grid;
    width: 3rem;
    height: 3rem;
    place-items: center;
    border: 0;
    border-radius: 50%;
    color: var(--on-primary);
    background: var(--bg-white)1a;
    font-size: 1.2rem;
    cursor: pointer;
    transition: background .15s
}

.lightbox-nav:hover {
    background: var(--bg-white)38
}

.lightbox-prev {
    left: 1rem
}

.lightbox-next {
    right: 1rem
}

.lightbox-counter {
    position: absolute;
    bottom: 1.25rem;
    left: 50%;
    transform: translate(-50%);
    padding: .35rem .85rem;
    color: var(--on-primary)c;
    background: #00000073;
    border-radius: 10rem;
    font-size: .82rem;
    font-weight: 700
}

.konu-download-panel {
    color: var(--on-primary);
    background: linear-gradient(135deg, #263243, #1d2633);
    border-color: #344156
}

.konu-download-panel h2,
.konu-download-panel .h2 {
    color: var(--on-primary)
}

.primary-download-box {
    display: grid;
    gap: .85rem
}

.primary-download-box-inline {
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center
}

.primary-download-box strong,
.primary-download-box small,
.primary-download-box .small {
    display: block
}

.primary-download-box small,
.primary-download-box .small,
.download-version-links small,
.download-version-links .small {
    color: var(--on-primary)b8
}

.download-version-links {
    display: grid;
    gap: .55rem;
    margin-top: .9rem
}

.download-version-links div {
    display: flex;
    justify-content: space-between;
    gap: .75rem;
    padding-top: .55rem;
    border-top: 1px solid rgba(255, 255, 255, .16)
}

.download-version-links span {
    font-weight: 850
}

.konu-comments-panel {
    padding: 1.25rem
}

.comments-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 1.25rem;
    padding-bottom: 1rem;
    border-bottom: 1px solid var(--topic-border)
}

.comments-title {
    display: flex;
    align-items: center;
    gap: .6rem
}

.comments-title i {
    color: var(--topic-accent);
    font-size: 1.2rem
}

.comments-title h2,
.comments-title .h2 {
    margin: 0 !important;
    font-size: 1.15rem !important
}

.comments-count {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 1.6rem;
    height: 1.6rem;
    padding: 0 .45rem;
    color: var(--on-primary);
    background: var(--topic-accent);
    border-radius: 10rem;
    font-size: .78rem;
    font-weight: 800
}

.comments-live-indicator {
    display: flex;
    align-items: center;
    gap: .45rem;
    padding: .3rem .7rem;
    color: var(--topic-success);
    background: #19875414;
    border: 1px solid rgba(25, 135, 84, .18);
    border-radius: 10rem;
    font-size: .78rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: .04em
}

.live-dot {
    display: block;
    width: 8px;
    height: 8px;
    background: var(--topic-success);
    border-radius: 50%;
    animation: live-pulse 1.8s ease-in-out infinite
}

@keyframes live-pulse {

    0%,
    to {
        opacity: 1;
        transform: scale(1)
    }

    50% {
        opacity: .4;
        transform: scale(.75)
    }
}

.comment-composer {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: .85rem;
    margin-bottom: 1.5rem;
    padding: 1rem;
    background: #f7f9fc;
    border: 1px solid #e4e9f1;
    border-radius: .55rem;
    transition: border-color .2s, box-shadow .2s
}

.comment-composer:focus-within {
    border-color: var(--topic-accent);
    box-shadow: 0 0 0 3px #f2a51a1f
}

.composer-avatar {
    display: grid;
    width: 2.5rem;
    height: 2.5rem;
    place-items: center;
    background: linear-gradient(135deg, var(--topic-accent), var(--topic-accent-strong));
    border-radius: 50%;
    color: var(--text);
    font-size: 1.15rem
}

.composer-body {
    min-width: 0
}

.composer-input {
    display: block;
    width: 100%;
    padding: .65rem 0;
    border: 0;
    background: transparent;
    color: var(--topic-text);
    font-size: .95rem;
    line-height: 1.55;
    resize: none;
    outline: none;
    overflow: hidden
}

.composer-input::placeholder {
    color: var(--topic-muted)
}

.composer-actions {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .75rem;
    margin-top: .5rem;
    opacity: 0;
    max-height: 0;
    overflow: hidden;
    transition: opacity .3s, max-height .3s
}

.composer-actions.visible {
    opacity: 1;
    max-height: 60px
}

.composer-charcount {
    color: var(--topic-muted);
    font-weight: 600
}

.composer-submit {
    display: inline-flex;
    align-items: center;
    gap: .4rem;
    padding: .5rem 1.1rem;
    border: 0;
    border-radius: .4rem;
    color: var(--text);
    background: var(--topic-accent);
    font-weight: 800;
    font-size: .88rem;
    cursor: pointer;
    transition: background .15s, transform .1s
}

.composer-submit:hover {
    background: var(--topic-accent-strong);
    transform: translateY(-1px)
}

.composer-submit:active {
    transform: translateY(0)
}

.composer-submit:disabled {
    opacity: .6;
    cursor: not-allowed;
    transform: none
}

.comment-login-prompt {
    display: flex;
    align-items: center;
    gap: .75rem;
    margin-bottom: 1.25rem;
    padding: 1rem 1.15rem;
    color: var(--topic-muted);
    background: #f7f9fc;
    border: 1px dashed #d0d7e2;
    border-radius: .5rem;
    font-size: .92rem
}

.comment-login-prompt i {
    color: var(--topic-accent);
    font-size: 1.1rem
}

.comment-login-prompt a {
    color: var(--topic-accent-strong);
    font-weight: 750;
    text-decoration: none
}

.comment-login-prompt a:hover {
    text-decoration: underline
}

.comments-feed {
    display: grid;
    gap: 0
}

.comment-item {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: .85rem;
    padding: 1rem 0;
    border-bottom: 1px solid #edf0f5;
    opacity: 0;
    animation: comment-slide-in .4s ease forwards
}

.comment-item:last-child {
    border-bottom: 0
}

@keyframes comment-slide-in {
    0% {
        opacity: 0;
        transform: translateY(12px)
    }

    to {
        opacity: 1;
        transform: translateY(0)
    }
}

.comment-avatar {
    display: grid;
    width: 2.35rem;
    height: 2.35rem;
    place-items: center;
    background: linear-gradient(135deg, #2b3749, #1f2937);
    border-radius: 50%;
    color: var(--on-primary);
    font-size: .82rem;
    font-weight: 800;
    flex-shrink: 0
}

.comment-content {
    min-width: 0
}

.comment-meta {
    display: flex;
    align-items: center;
    gap: .65rem;
    margin-bottom: .3rem
}

.comment-author {
    color: var(--topic-text);
    font-size: .92rem;
    font-weight: 800
}

.comment-time {
    color: var(--topic-muted);
    font-size: .8rem
}

.comment-text {
    margin: 0;
    color: #4a5568;
    font-size: .92rem;
    line-height: 1.65
}

.comment-quote-btn {
    display: inline-flex;
    align-items: center;
    padding: .15rem .4rem;
    border: 0;
    border-radius: .25rem;
    color: var(--topic-muted);
    background: transparent;
    font-size: .82rem;
    cursor: pointer;
    opacity: 0;
    transition: opacity .15s, color .15s, background .15s
}

.comment-item:hover .comment-quote-btn {
    opacity: 1
}

.comment-quote-btn:hover {
    color: var(--topic-accent-strong);
    background: #0000000a
}

.comment-quoted {
    margin: .3rem 0 .5rem;
    padding: .5rem .75rem;
    border-left: 3px solid var(--topic-accent);
    background: #f7f9fc;
    border-radius: 0 .3rem .3rem 0;
    font-size: .85rem;
    color: var(--topic-muted);
    line-height: 1.55
}

.comment-quoted strong {
    color: var(--topic-accent-strong);
    font-weight: 800;
    margin-right: .3rem
}

.comment-quote-preview {
    margin-bottom: .75rem;
    padding: .65rem .85rem;
    border-left: 3px solid var(--topic-accent);
    background: #f7f9fc;
    border-radius: 0 .4rem .4rem 0;
    animation: comment-slide-in .25s ease
}

.quote-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: .25rem
}

.quote-header strong {
    color: var(--topic-accent-strong);
    font-size: .88rem
}

.quote-remove {
    display: inline-flex;
    align-items: center;
    padding: .15rem .35rem;
    border: 0;
    border-radius: .25rem;
    color: var(--topic-muted);
    background: transparent;
    font-size: .72rem;
    cursor: pointer;
    transition: color .15s, background .15s
}

.quote-remove:hover {
    color: #e53e3e;
    background: #e53e3e14
}

.quote-text {
    margin: 0;
    color: #5a6577;
    font-size: .85rem;
    font-style: italic;
    line-height: 1.5;
    max-height: 3.2em;
    overflow: hidden
}

.download-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: .75rem
}

.download-header h2,
.download-header .h2 {
    margin: 0 !important
}

.download-counter {
    display: inline-flex;
    align-items: center;
    gap: .35rem;
    padding: .3rem .7rem;
    background: var(--bg-white)1f;
    border: 1px solid rgba(255, 255, 255, .15);
    border-radius: 10rem;
    color: var(--on-primary)d9;
    font-size: .82rem;
    font-weight: 700
}

.comments-empty {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: .5rem;
    padding: 2.5rem 1rem;
    color: var(--topic-muted);
    text-align: center
}

.comments-empty i {
    font-size: 2.4rem;
    opacity: .35
}

.comments-empty p {
    margin: 0;
    max-width: 320px;
    font-size: .92rem
}

.admin-shell {
    display: grid;
    grid-template-columns: 300px minmax(0, 1fr);
    min-height: 100vh;
    background: #eef2f6
}

.admin-sidebar {
    display: flex;
    flex-direction: column;
    gap: 1.15rem;
    min-height: 100vh;
    padding: 1.1rem .85rem;
    color: #e5e7eb;
    background: #111827;
    border-right: 1px solid rgba(255, 255, 255, .08)
}

.admin-brand {
    display: flex;
    align-items: center;
    gap: .65rem;
    padding: .5rem .65rem .95rem;
    color: #f8fafc;
    border-bottom: 1px solid rgba(255, 255, 255, .08);
    font-weight: 800;
    text-decoration: none
}

.admin-brand:hover,
.admin-brand:focus {
    color: var(--on-primary)
}

.admin-brand-mark {
    display: grid;
    width: 2.2rem;
    height: 2.2rem;
    place-items: center;
    color: #111827;
    background: var(--topic-accent);
    border-radius: .5rem
}

.admin-menu {
    display: flex;
    flex-direction: column;
    gap: 1rem
}

.admin-menu-group-toggle {
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: space-between;
    gap: .75rem;
    padding: 0 .65rem .35rem;
    color: #94a3b8;
    background: transparent;
    border: 0;
    font-size: .7rem;
    font-weight: 850;
    letter-spacing: .08em;
    text-align: left;
    text-transform: uppercase
}

.admin-menu-group-toggle i {
    font-size: .78rem;
    transition: transform .18s ease
}

.admin-menu-group-toggle:not(.collapsed) i {
    transform: rotate(180deg)
}

.admin-menu-group-body {
    display: grid;
    gap: .3rem
}

.admin-menu-item,
.admin-menu-child {
    display: flex;
    align-items: center;
    min-height: 2.35rem;
    color: #d1d5db;
    text-decoration: none;
    border-radius: .5rem;
    transition: background .15s, color .15s
}

.admin-menu-item {
    gap: .65rem;
    padding: .5rem .65rem;
    font-size: .92rem;
    font-weight: 700
}

.admin-menu-item i {
    width: 1.25rem;
    color: currentColor;
    text-align: center
}

.admin-menu-item:hover,
.admin-menu-item:focus,
.admin-menu-child:hover,
.admin-menu-child:focus {
    color: var(--on-primary);
    background: var(--bg-white)12
}

.admin-menu-item.active {
    color: var(--on-primary);
    background: #8b1538;
    box-shadow: 0 8px 20px #8b15383d
}

.admin-menu-child {
    margin-left: 2.45rem;
    padding: .4rem .75rem;
    color: #b6c2d2;
    border-left: 1px solid rgba(148, 163, 184, .24);
    border-radius: 0 .5rem .5rem 0;
    font-size: .86rem;
    font-weight: 650
}

.admin-menu-child.active {
    color: var(--on-primary);
    background: #8b153847
}

.admin-menu-item.is-placeholder,
.admin-menu-child.is-placeholder {
    cursor: default
}

.admin-menu-badge {
    min-width: 1.45rem;
    margin-left: auto;
    padding: .1rem .45rem;
    color: var(--on-primary);
    background: #f97316;
    border-radius: 999px;
    font-size: .75rem;
    font-weight: 850;
    text-align: center
}

.admin-main {
    display: flex;
    min-width: 0;
    flex-direction: column
}

.admin-topbar {
    display: flex;
    min-height: 4.25rem;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 0 1.75rem;
    background: var(--bg-white);
    border-bottom: 1px solid #e5e7eb
}

.admin-page-title {
    margin: 0;
    color: #172033;
    font-size: 1.35rem;
    font-weight: 850
}

.admin-topbar-actions {
    display: flex;
    flex-wrap: wrap;
    gap: .5rem;
    align-items: center
}

.admin-topbar-actions form {
    margin: 0
}

.admin-content {
    padding: 1.5rem
}

.settings-tabs-wrapper {
    position: sticky;
    top: 0;
    z-index: 15;
    margin: -1.5rem -1.5rem 1rem;
    padding: 1rem 1.5rem .75rem;
    background: #eef2f6;
    border-bottom: 1px solid rgba(216, 222, 232, .75)
}

.settings-tabs {
    gap: .45rem
}

.settings-tabs .nav-link {
    color: #475569;
    background: var(--bg-white);
    border: 1px solid #d8dee8;
    border-radius: .5rem;
    font-weight: 750
}

.settings-tabs .nav-link.active {
    color: var(--on-primary);
    background: #8b1538;
    border-color: #8b1538
}

.settings-tab-content {
    padding-bottom: 5rem
}

.settings-section .card-header {
    border-bottom: 1px solid var(--topic-border)
}

.settings-switch {
    min-height: 2.375rem;
    display: flex;
    align-items: center;
    gap: .65rem;
    padding: .55rem .75rem .55rem 2.9rem;
    background: #f8fafc;
    border: 1px solid #e5e7eb;
    border-radius: .5rem
}

.settings-switch .form-check-input {
    margin-top: 0
}

.settings-savebar {
    position: sticky;
    bottom: 0;
    z-index: 20;
    display: flex;
    justify-content: flex-end;
    padding: .85rem 0 0;
    background: linear-gradient(to top, #eef2f6 74%, #eef2f600)
}

.category-management {
    display: grid;
    gap: 1rem
}

.category-management-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 1rem 1.15rem;
    background: var(--bg-white);
    border: 1px solid var(--topic-border);
    border-radius: .5rem;
    box-shadow: 0 10px 26px #1d26330f
}

.category-management-actions {
    display: flex;
    flex-wrap: wrap;
    gap: .5rem
}

.category-management-section {
    scroll-margin-top: 1rem
}

.category-inline-forms {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1rem;
    align-items: start
}

.category-inline-form {
    min-width: 0
}

.category-stat-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: .75rem
}

.category-stat-card {
    padding: .9rem 1rem;
    background: var(--bg-white);
    border: 1px solid var(--topic-border);
    border-radius: .5rem;
    box-shadow: 0 8px 20px #1d26330d
}

.category-stat-card span,
.category-stat-card strong {
    display: block
}

.category-stat-card span {
    color: var(--topic-muted);
    font-size: .82rem;
    font-weight: 750
}

.category-stat-card strong {
    color: var(--topic-dark);
    font-size: 1.55rem;
    font-weight: 850
}

.category-tabs {
    gap: .45rem
}

.category-tabs .nav-link {
    color: #475569;
    background: var(--bg-white);
    border: 1px solid var(--topic-border);
    border-radius: .5rem;
    font-weight: 750
}

.category-tabs .nav-link.active {
    color: var(--on-primary);
    background: #8b1538;
    border-color: #8b1538
}

.category-filter-form {
    display: grid;
    grid-template-columns: minmax(220px, 1fr) minmax(150px, .35fr) minmax(170px, .45fr) auto auto;
    gap: .5rem;
    margin-top: 1rem
}

#oyun-kategorileri .category-filter-form {
    grid-template-columns: minmax(220px, 1fr) minmax(150px, .35fr) auto auto
}

.category-form-layout {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 340px;
    gap: 1rem;
    align-items: start
}

.category-form-side {
    display: grid;
    gap: 1rem
}

.category-form-actions {
    display: flex;
    justify-content: flex-end;
    gap: .5rem;
    padding: .85rem;
    background: var(--bg-white);
    border: 1px solid var(--topic-border);
    border-radius: .5rem;
    box-shadow: 0 8px 20px #1d26330d
}

.seo-preview-title {
    color: #1a0dab;
    font-size: 1.05rem;
    font-weight: 750
}

.seo-preview-url {
    margin-top: .15rem;
    color: #188038;
    font-size: .86rem;
    word-break: break-all
}

.seo-preview-description {
    margin: .35rem 0 0;
    color: #4d5156;
    font-size: .9rem;
    line-height: 1.45
}

@media(max-width:991.98px) {
    .topic-nav-search {
        width: 100%
    }

    .admin-shell {
        grid-template-columns: 1fr
    }

    .admin-sidebar {
        min-height: auto
    }

    .admin-menu {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr))
    }

    .home-hero,
    .topic-konu-grid,
    .topic-layout,
    .konu-detail-grid {
        grid-template-columns: 1fr
    }

    .game-grid,
    .topic-sidebar {
        grid-template-columns: repeat(2, minmax(0, 1fr))
    }

    .category-stat-grid,
    .category-inline-forms,
    .category-form-layout,
    .category-filter-form,
    #oyun-kategorileri .category-filter-form,
    .comment-composer {
        grid-template-columns: 1fr
    }

    .composer-avatar {
        display: none
    }
}

@media(max-width:575.98px) {
    .topic-main {
        padding-top: .9rem
    }

    .admin-menu,
    .admin-topbar {
        display: grid;
        grid-template-columns: 1fr
    }

    .admin-topbar {
        height: auto;
        padding: 1rem
    }

    .admin-content {
        padding: 1rem
    }

    .home-hero {
        padding: 1.2rem
    }

    .topic-hero {
        min-height: 300px;
        padding: 1.2rem
    }

    .konu-hero {
        min-height: 260px
    }

    .konu-hero-panel {
        padding: 1.2rem
    }

    .home-search,
    .topic-hero-search {
        display: grid
    }

    .home-search button,
    .topic-hero-search button {
        min-height: 2.8rem
    }

    .game-grid,
    .topic-sidebar,
    .topic-list-card,
    .konu-info-grid-wide,
    .konu-facts-wide,
    .primary-download-box-inline,
    .topic-info-grid {
        grid-template-columns: 1fr
    }

    .topic-list-thumb {
        aspect-ratio: 16/9
    }

    .comments-header {
        flex-direction: column;
        align-items: flex-start;
        gap: .5rem
    }

    .comment-item {
        grid-template-columns: 1fr;
        gap: .5rem
    }

    .comment-avatar {
        width: 1.8rem;
        height: 1.8rem;
        font-size: .7rem
    }
}

/* Topic redesign */
.container--wide {
    width: min(1360px, calc(100% - 24px));
    max-width: none;
    margin-inline: auto
}

.topbar {
    position: sticky;
    top: 0;
    z-index: 1020;
    padding-block: .65rem;
    background: var(--bg-white) !important;
    border-bottom: 1px solid #dce3ed;
    box-shadow: 0 12px 32px #1d263314
}

.search {
    display: flex;
    gap: .5rem;
    min-width: min(390px, 100%)
}

.search .form-control {
    height: 42px;
    border-color: #dce3ed;
    background: #f7f9fc;
    color: #172033;
    border-radius: .45rem
}

.search .btn {
    height: 42px;
    border-radius: .45rem;
    font-weight: 850
}

.user-menu {
    position: relative
}

.user-toggle {
    display: flex;
    align-items: center;
    gap: .55rem;
    min-height: 42px;
    padding: .35rem .65rem .35rem .4rem;
    border: 1px solid #dce3ed;
    border-radius: .45rem;
    color: #172033;
    background: #f7f9fc;
    font-size: .9rem;
    font-weight: 850
}

.user-avatar {
    display: grid;
    width: 30px;
    height: 30px;
    place-items: center;
    color: var(--text);
    background: var(--topic-accent, #f2a51a);
    border-radius: .42rem;
    font-size: .75rem;
    font-weight: 900
}

.user-dropdown {
    min-width: 190px;
    padding: .45rem;
    border: 1px solid #dce3ed;
    border-radius: .5rem;
    box-shadow: 0 18px 38px #1d263329
}

.user-dropdown .dropdown-item {
    border-radius: .38rem;
    color: #657386;
    font-size: .9rem;
    font-weight: 800
}

.user-dropdown .dropdown-item:hover {
    color: #172033;
    background: #f7f9fc
}

.topic-main {
    background: linear-gradient(180deg, #1f29370d, #edf1f500 260px), #edf1f5
}

.topic-main>.container--wide {
    padding-top: 1.45rem;
    padding-bottom: 2rem
}

.topic-share-layout,
.topic-detail-layout {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 340px;
    gap: 1.5rem;
    align-items: start
}

.topic-list-grid,
.topic-sidebar,
.topic-detail-main,
.topic-detail-side {
    display: grid;
    gap: .9rem
}

.topic-sidebar,
.topic-detail-side {
    position: sticky;
    top: 90px
}

.topic-list-card,
.topic-side-panel,
.topic-first-image,
.topic-detail-panel {
    overflow: hidden;
    background: var(--bg-white);
    border: 1px solid #dce3ed;
    border-radius: .5rem;
    box-shadow: 0 10px 28px #1d263314
}

.topic-list-card {
    display: grid;
    grid-template-columns: 236px minmax(0, 1fr);
    min-height: 178px;
    border-left: 4px solid transparent;
    background: linear-gradient(90deg, #f8fafcfa, #fff 36%);
    transition: border-color .16s, box-shadow .16s, transform .16s
}

.topic-list-card:hover {
    border-color: #cbd6e4;
    border-left-color: var(--topic-accent, #f2a51a);
    box-shadow: 0 16px 34px #1d26331f;
    transform: translateY(-1px)
}

.topic-list-thumb {
    position: relative;
    display: block;
    min-height: 178px;
    overflow: hidden;
    background: #dfe7f1;
    text-decoration: none
}

.topic-list-thumb:after {
    position: absolute;
    inset: 0;
    content: "";
    background: linear-gradient(180deg, #0f172a00, #0f172a47)
}

.topic-list-thumb img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform .22s
}

.topic-list-card:hover .topic-list-thumb img {
    transform: scale(1.035)
}

.topic-list-thumb span {
    position: absolute;
    left: .75rem;
    bottom: .75rem;
    z-index: 1;
    padding: .3rem .58rem;
    color: var(--on-primary);
    background: #0f172ac7;
    border: 1px solid #ffffff2e;
    border-radius: 999px;
    font-size: .75rem;
    font-weight: 900
}

.topic-list-body {
    position: relative;
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    grid-template-areas: "topline" "title" "summary" "meta";
    column-gap: 1.25rem;
    align-content: center;
    min-width: 0;
    padding: 1.1rem 1.35rem
}

.topic-list-topline {
    grid-area: topline;
    display: flex;
    flex-wrap: wrap;
    gap: .5rem;
    align-items: center
}

.topic-category,
.topic-compat {
    display: inline-flex;
    align-items: center;
    min-height: 1.65rem;
    padding: .25rem .58rem;
    border-radius: 999px;
    font-size: .75rem;
    font-weight: 850
}

.topic-category {
    color: #0f766e;
    background: #14b8a61f
}

.topic-compat {
    color: #475569;
    background: #eef3f8;
    border: 1px solid #dce5ef
}

.topic-list-card h2 {
    grid-area: title;
    margin: .68rem 0 .42rem;
    font-size: 1.45rem;
    line-height: 1.25;
    letter-spacing: 0
}

.topic-list-card h2 a {
    color: #172033;
    text-decoration: none
}

.topic-list-card h2 a:hover {
    color: var(--topic-accent-strong, #c77f0d)
}

.topic-list-card p {
    grid-area: summary;
    max-width: 720px;
    margin: 0;
    color: #657386;
    line-height: 1.58
}

.topic-list-meta {
    grid-area: meta;
    display: flex;
    flex-wrap: wrap;
    gap: .5rem .9rem;
    margin-top: .75rem;
    color: #657386;
    font-size: .82rem;
    font-weight: 750
}

.topic-list-meta span {
    display: inline-flex;
    align-items: center;
    gap: .3rem
}

.topic-side-panel {
    padding: 1.1rem
}

.topic-upload-panel,
.download-panel {
    color: var(--on-primary);
    background: linear-gradient(135deg, #f2a51a2e, #8b153829), #1f2937;
    border-color: #2d3748
}

.topic-upload-panel p,
.download-panel p {
    margin: .6rem 0 1rem;
    color: var(--on-primary)b8
}

.topic-eyebrow {
    color: var(--topic-accent, #f2a51a);
    font-size: .75rem;
    font-weight: 900;
    letter-spacing: .08em;
    text-transform: uppercase
}

.topic-side-panel h2 {
    margin: .2rem 0 0;
    color: inherit;
    font-size: 1.35rem;
    font-weight: 850;
    letter-spacing: 0
}

.topic-primary-link,
.download-button {
    display: flex;
    min-height: 46px;
    align-items: center;
    justify-content: center;
    color: var(--text);
    background: var(--topic-accent, #f2a51a);
    border-radius: .45rem;
    font-weight: 900;
    text-decoration: none
}

.topic-primary-link:hover,
.download-button:hover {
    color: var(--text);
    background: var(--topic-accent-strong, #c77f0d)
}

.topic-panel-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: .75rem
}

.topic-panel-head span {
    color: #657386;
    font-size: .82rem;
    font-weight: 800
}

.topic-category-row,
.fact-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    min-height: 46px;
    color: #657386;
    border-top: 1px solid #dce3ed;
    font-weight: 800;
    text-decoration: none
}

.topic-category-row strong,
.fact-row strong {
    color: #172033
}

.topic-compact-list {
    display: grid;
    gap: .6rem
}

.topic-compact-list a {
    padding: .7rem .75rem;
    color: #657386;
    background: #f7f9fc;
    border: 1px solid #dce3ed;
    border-radius: .45rem;
    font-weight: 750;
    text-decoration: none
}

.topic-empty-state {
    display: grid;
    place-items: center;
    min-height: 260px;
    padding: 2rem;
    color: #657386;
    background: var(--bg-white);
    border: 1px dashed #cbd6e4;
    border-radius: .5rem;
    text-align: center
}

.topic-empty-state i {
    font-size: 2rem;
    color: var(--topic-accent, #f2a51a)
}

.topic-empty-state strong {
    display: block;
    margin-top: .6rem;
    color: #172033;
    font-size: 1.2rem
}

.topic-first-image {
    display: grid;
    grid-template-columns: minmax(260px, .72fr) minmax(0, 1fr);
    min-height: 330px
}

.topic-first-image>img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    background: #dfe7f1
}

.topic-first-image-copy {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 1.75rem
}

.topic-first-image-copy h1 {
    margin: .75rem 0 .65rem;
    color: #172033;
    font-size: clamp(2.1rem, 5vw, 3.5rem);
    line-height: 1.02;
    letter-spacing: 0
}

.topic-first-image-copy p {
    max-width: 620px;
    margin: 0;
    color: #657386;
    font-size: 1.06rem;
    line-height: 1.65
}

.topic-detail-panel {
    padding: 1.35rem
}

.topic-detail-panel h2 {
    margin: 0 0 .75rem;
    color: #172033;
    font-size: 1.35rem;
    font-weight: 850
}

.topic-detail-content {
    color: #4b5a6e;
    line-height: 1.75
}

.topic-comment-box {
    padding: .9rem 0;
    border-top: 1px solid #dce3ed
}

.topic-comment-box:first-of-type {
    border-top: 0
}

.topic-comment-box strong {
    display: block;
    margin-bottom: .25rem;
    color: #172033
}

.topic-comment-box p {
    margin: 0;
    color: #657386
}

.facts-panel {
    display: grid;
    gap: 0
}

.fact-row:first-of-type {
    margin-top: .5rem
}

@media(max-width:991.98px) {
    .search {
        min-width: 0;
        width: 100%
    }

    .topic-share-layout,
    .topic-detail-layout,
    .topic-first-image {
        grid-template-columns: 1fr
    }

    .topic-sidebar,
    .topic-detail-side {
        position: static;
        grid-template-columns: repeat(2, minmax(0, 1fr))
    }
}

@media(max-width:575.98px) {
    .container--wide {
        width: min(100% - 20px, 1360px)
    }

    .topic-list-card,
    .topic-sidebar,
    .topic-detail-side {
        grid-template-columns: 1fr
    }

    .topic-list-body {
        grid-template-columns: 1fr;
        grid-template-areas: "topline" "title" "summary" "meta"
    }

    .topic-list-thumb {
        min-height: 0;
        aspect-ratio: 16/9
    }

    .topic-first-image-copy {
        padding: 1.2rem
    }
}

/* Admin redesign compact public cards */
.topic-list-card {
    grid-template-columns: 196px minmax(0, 1fr);
    min-height: 142px
}

.topic-list-thumb {
    min-height: 142px
}

.topic-list-body {
    grid-template-columns: 1fr;
    grid-template-areas: "topline" "title" "summary" "meta";
    row-gap: 0;
    padding: .85rem 1rem;
    column-gap: 0
}

.topic-list-card h2 {
    margin: .45rem 0 .3rem;
    font-size: 1.18rem;
    line-height: 1.22
}

.topic-list-card p {
    font-size: .92rem;
    line-height: 1.45
}

.topic-list-meta {
    margin-top: .55rem;
    gap: .35rem .7rem;
    font-size: .78rem
}

@media(max-width:575.98px) {
    .topic-list-body {
        grid-template-areas: "topline" "title" "summary" "meta"
    }

    .topic-list-card {
        min-height: 0
    }

    .topic-list-thumb {
        min-height: 0
    }
}

/* ============================================================
   SECTION 3: Additional Styles (style-new.css)
   ============================================================ */
/* Theme System - Light & Dark Mode Support */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

/* Dark Theme (Default) */
:root {
    --bg: #0f1419;
    --bg-white: #1a1f2e;
    --bg-hover: #252d3d;
    --primary: var(--brand-accent);
    --primary-dark: var(--brand-accent-hover);
    --primary-light: var(--brand-accent-light);
    --text: #f0f4f8;
    --text-dim: #8b95a5;
    --text-light: #5a6b7a;
    --border: #2a3544;
    --success: #00d084;
    --info: #0099ff;
    --warning: var(--brand-accent);
    --danger: #ff4757;
    --shadow: rgba(0, 0, 0, 0.4);
    --on-primary: #000000;
}

/* Light Theme */
[data-theme="light"] {
    --bg: #f5f5f5;
    --bg-white: #ffffff;
    --bg-hover: #ebebeb;
    --primary: #8b1538;
    --primary-dark: #6b0f2a;
    --primary-light: #fce8ed;
    --text: #0a0a0a;
    --text-dim: #404040;
    --text-light: #666666;
    --border: #d4d4d4;
    --success: #10b981;
    --info: #8b1538;
    --warning: var(--brand-accent);
    --danger: #dc2626;
    --shadow: rgba(0, 0, 0, 0.1);
    --on-primary: #ffffff;
}

body {
    font-family: var(--public-font-family, 'Inter', sans-serif);
    background: var(--bg);
    color: var(--text);
    line-height: 1.6;
}

.container {
    max-width: 1400px;
    margin: 0 auto;
    padding: 0 20px;
}

/* ============================================
   MINIMAL TOPBAR - Basit ve Temiz Tasar\c4\b1m
   ============================================ */

/* Topbar Killer - T\c3\bcm class-based topbar'lar\c4\b1 gizle */
.topbar,
.minimal-topbar,
*[class*="topbar"] {
    display: none !important;
}

.header {
    background: var(--public-header-bg, var(--bg-white));
    border-bottom: 1px solid var(--public-header-border, var(--border));
    padding: 16px 0;
    position: sticky;
    top: 0;
    z-index: var(--z-sticky);
    box-shadow: var(--shadow-sm);
}

.header .container {
    display: flex;
    align-items: center;
    gap: 40px;
}

.brand {
    display: flex;
    align-items: center;
    gap: 10px;
    text-decoration: none;
    color: var(--public-header-accent, var(--primary));
    font-weight: 900;
    font-size: 1.2rem;
    letter-spacing: 1px;
}

.brand i {
    font-size: 1.4rem;
}

.brand .topic-brand-mark {
    width: auto;
    height: auto;
    min-width: 0;
    color: var(--primary);
    background: transparent;
    border-radius: 0;
    box-shadow: none;
    font-size: 1.4rem;
    line-height: 1;
}

.nav {
    display: flex;
    gap: 4px;
}

.nav a {
    padding: 8px 16px;
    text-decoration: none;
    color: var(--public-header-link, var(--text-dim));
    font-weight: 600;
    font-size: 0.9rem;
    border-radius: var(--radius-md);
    transition: all 0.2s;
}

.nav a:hover {
    color: var(--text);
    background: var(--bg-hover);
}

.nav a.active {
    color: var(--primary);
    background: var(--primary-light);
}

.header-right {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-left: auto;
}

/* Theme Toggle Button */
.theme-toggle {
    width: 38px;
    height: 38px;
    background: var(--bg);
    border: 1px solid var(--border);
    border-radius: var(--radius-md);
    color: var(--text);
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.2s;
    font-size: 1.1rem;
}

.theme-toggle:hover {
    background: var(--bg-hover);
    border-color: var(--primary);
    color: var(--primary);
    transform: translateY(-1px);
}

.theme-toggle i {
    transition: transform 0.3s ease;
}

.theme-toggle:active i {
    transform: rotate(180deg);
}

.search,
.topic-nav-search {
    position: relative;
    display: flex;
    align-items: center;
    background: rgba(128, 138, 150, 0.08);
    border-radius: 12px;
    border: 1px solid rgba(128, 138, 150, 0.15);
    transition: all var(--transition-base);
}

.search:hover,
.topic-nav-search:hover {
    background: rgba(128, 138, 150, 0.12);
    border-color: rgba(128, 138, 150, 0.3);
}

.search:focus-within,
.topic-nav-search:focus-within {
    background: var(--bg-white);
    border-color: var(--primary);
    box-shadow: 0 4px 20px rgba(0, 212, 255, 0.15);
}

[data-theme="light"] .search:focus-within,
[data-theme="light"] .topic-nav-search:focus-within {
    box-shadow: 0 4px 20px rgba(139, 21, 56, 0.15);
}

.search i,
.topic-nav-search i {
    position: absolute;
    left: 14px;
    top: 50%;
    transform: translateY(-50%);
    color: var(--text-dim);
    font-size: 1.1rem;
    transition: all var(--transition-base);
    pointer-events: none;
    z-index: 2;
}

.search:focus-within i,
.topic-nav-search:focus-within i {
    color: var(--primary);
}

.search input,
.topic-nav-search input {
    height: 44px;
    padding: 0 16px 0 42px;
    background: transparent;
    border: none;
    color: var(--text);
    font-size: 0.95rem;
    font-weight: 500;
    width: 240px;
    transition: width 0.4s cubic-bezier(0.34, 1.56, 0.64, 1);
}

.search input:focus,
.topic-nav-search input:focus {
    outline: none;
    width: 320px;
}

.btn-upload {
    height: 38px;
    padding: 0 16px;
    background: var(--header-upload-bg, var(--public-header-accent, var(--primary)));
    border: 1px solid var(--header-upload-bg, var(--public-header-accent, var(--primary)));
    border-radius: var(--radius-md);
    color: var(--on-primary);
    font-weight: 700;
    font-size: 0.85rem;
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 6px;
}

/* ============================================
   MINIMAL TOPBAR - Basit ve Temiz Tasar\c4\b1m
   ============================================ */


.header {
    background: var(--public-header-bg, var(--bg-white));
    border-bottom: 1px solid var(--public-header-border, var(--border));
    padding: 16px 0;
    position: sticky;
    top: 0;
    z-index: var(--z-sticky);
    box-shadow: var(--shadow-sm);
}

.header .container {
    display: flex;
    align-items: center;
    gap: 40px;
}

.brand {
    display: flex;
    align-items: center;
    gap: 10px;
    text-decoration: none;
    color: var(--public-header-accent, var(--primary));
    font-weight: 900;
    font-size: 1.2rem;
    letter-spacing: 1px;
}

.brand i {
    font-size: 1.4rem;
}

.brand .topic-brand-mark {
    width: auto;
    height: auto;
    min-width: 0;
    color: var(--primary);
    background: transparent;
    border-radius: 0;
    box-shadow: none;
    font-size: 1.4rem;
    line-height: 1;
}

.nav {
    display: flex;
    gap: 4px;
}

.nav a {
    padding: 8px 16px;
    text-decoration: none;
    color: var(--public-header-link, var(--text-dim));
    font-weight: 600;
    font-size: 0.9rem;
    border-radius: var(--radius-md);
    transition: all 0.2s;
}

.nav a:hover {
    color: var(--text);
    background: var(--bg-hover);
}

.nav a.active {
    color: var(--primary);
    background: var(--primary-light);
}

.header-right {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-left: auto;
}

/* Theme Toggle Button */
.theme-toggle {
    width: 38px;
    height: 38px;
    background: var(--bg);
    border: 1px solid var(--border);
    border-radius: var(--radius-md);
    color: var(--text);
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.2s;
    font-size: 1.1rem;
}

.theme-toggle:hover {
    background: var(--bg-hover);
    border-color: var(--primary);
    color: var(--primary);
    transform: translateY(-1px);
}

.theme-toggle i {
    transition: transform 0.3s ease;
}

.theme-toggle:active i {
    transform: rotate(180deg);
}

.search,
.topic-nav-search {
    position: relative;
    display: flex;
    align-items: center;
    background: rgba(128, 138, 150, 0.08);
    border-radius: 12px;
    border: 1px solid rgba(128, 138, 150, 0.15);
    transition: all var(--transition-base);
}

.search:hover,
.topic-nav-search:hover {
    background: rgba(128, 138, 150, 0.12);
    border-color: rgba(128, 138, 150, 0.3);
}

.search:focus-within,
.topic-nav-search:focus-within {
    background: var(--bg-white);
    border-color: var(--primary);
    box-shadow: 0 4px 20px var(--primary-alpha-15);
}

.search i,
.topic-nav-search i {
    position: absolute;
    left: 14px;
    top: 50%;
    transform: translateY(-50%);
    color: var(--text-dim);
    font-size: 1.1rem;
    transition: all var(--transition-base);
    pointer-events: none;
    z-index: 2;
}

.search:focus-within i,
.topic-nav-search:focus-within i {
    color: var(--primary);
}

.search input,
.topic-nav-search input {
    height: 44px;
    padding: 0 16px 0 42px;
    background: transparent;
    border: none;
    color: var(--text);
    font-size: 0.95rem;
    font-weight: 500;
    width: 240px;
    transition: width 0.4s cubic-bezier(0.34, 1.56, 0.64, 1);
}

.search input:focus,
.topic-nav-search input:focus {
    outline: none;
    width: 320px;
}

.btn-upload {
    height: 38px;
    padding: 0 16px;
    background: var(--header-upload-bg, var(--public-header-accent, var(--primary)));
    border: 1px solid var(--header-upload-bg, var(--public-header-accent, var(--primary)));
    border-radius: var(--radius-md);
    color: var(--on-primary);
    font-weight: 700;
    font-size: 0.85rem;
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 6px;
    transition: all 0.2s;
    white-space: nowrap;
    text-decoration: none;
}

.btn-upload:hover {
    background: color-mix(in srgb, var(--header-upload-bg, var(--public-header-accent, var(--primary))) 84%, #000);
    transform: translateY(-1px);
    box-shadow: 0 4px 12px var(--primary-alpha-25);
    color: var(--on-primary);
}

.user-menu {
    display: flex;
    align-items: center;
    gap: 8px;
}

.btn-login {
    padding: 8px 16px;
    text-decoration: none;
    color: var(--text);
    font-weight: 600;
    font-size: 0.9rem;
    border-radius: var(--radius-md);
    transition: all 0.2s;
    display: flex;
    align-items: center;
    gap: 6px;
    border: 1px solid var(--border);
}

.btn-login:hover {
    background: var(--bg-hover);
    border-color: var(--primary);
    color: var(--primary);
}

.btn-register {
    padding: 8px 16px;
    background: var(--primary);
    border: none;
    border-radius: var(--radius-md);
    color: var(--on-primary);
    font-weight: 700;
    font-size: 0.9rem;
    text-decoration: none;
    transition: all 0.2s;
    display: inline-block;
}

.btn-register:hover {
    background: var(--primary-dark);
    transform: translateY(-2px);
    box-shadow: 0 4px 12px var(--primary-alpha-30);
}

.btn-auth-link {
    height: 38px;
    padding: 0 16px;
    background: var(--primary);
    border-radius: var(--radius-md);
    color: var(--on-primary);
    font-weight: 700;
    font-size: 0.85rem;
    text-decoration: none;
    transition: all 0.2s;
    display: flex;
    align-items: center;
    gap: 6px;
    white-space: nowrap;
}

.btn-auth-link:hover {
    background: var(--primary-dark);
    transform: translateY(-1px);
    box-shadow: 0 4px 12px var(--primary-alpha-25);
    color: var(--on-primary);
}

.btn-secondary {
    height: 38px;
    padding: 0 16px;
    background: transparent;
    border: 1px solid var(--border);
    border-radius: var(--radius-md);
    color: var(--text);
    font-weight: 600;
    font-size: 0.85rem;
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 6px;
    transition: all 0.2s;
    white-space: nowrap;
    text-decoration: none;
}

.btn-secondary:hover {
    background: var(--bg-hover);
    border-color: var(--primary);
    color: var(--primary);
}

/* ============================================
   AVATAR VE PROFIL MENU \e2\20ac\201d Premium Tasar\c4\b1m
   ============================================ */
.topic-profile-dd {
    position: relative;
    display: inline-flex;
    align-items: center;
    flex-shrink: 0;
}

.profile-avatar,
.topic-profile-toggle {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 38px;
    height: 38px;
    border-radius: 10px;
    background: linear-gradient(135deg, var(--primary), var(--primary-dark, #8b1538));
    color: var(--on-primary);
    border: 2px solid transparent;
    cursor: pointer;
    flex-shrink: 0;
    padding: 0;
    margin: 0;
    gap: 0;
    line-height: 1;
    font-weight: 700;
    font-size: 1rem;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
    text-decoration: none;
    white-space: nowrap;
}

.profile-avatar i,
.topic-profile-toggle>i {
    display: block;
    font-size: 1.35rem;
    line-height: 1;
    margin: 0;
    padding: 0;
    color: inherit;
    vertical-align: middle;
}

.profile-avatar:hover,
.topic-profile-toggle:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15);
}

[data-theme="dark"] .profile-avatar,
[data-theme="dark"] .topic-profile-toggle {
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
}

[data-theme="dark"] .profile-avatar:hover,
[data-theme="dark"] .topic-profile-toggle:hover {
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.4);
    border-color: rgba(255, 255, 255, 0.1);
}

.topic-profile-menu {
    position: absolute;
    top: calc(100% + 12px);
    right: 0;
    min-width: 230px;
    width: 240px;
    background: var(--bg-white);
    border: 1px solid var(--border);
    border-radius: 12px;
    box-shadow: 0 10px 28px rgba(0, 0, 0, 0.08), 0 0 0 1px rgba(0, 0, 0, 0.02);
    padding: 6px;
    list-style: none;
    margin: 0;
    z-index: 1000;
    display: none;
    opacity: 0;
    visibility: hidden;
    transform: translateY(10px) scale(0.98);
    transform-origin: top right;
    transition: opacity 0.3s ease, visibility 0.3s ease, transform 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

[data-theme="dark"] .topic-profile-menu {
    background: rgba(30, 30, 35, 0.95);
    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px);
    border: 1px solid rgba(255, 255, 255, 0.08);
    box-shadow: 0 16px 40px rgba(0, 0, 0, 0.4);
}

.topic-profile-menu.show {
    display: block;
    opacity: 1;
    visibility: visible;
    transform: translateY(0) scale(1);
}

.topic-profile-menu-header {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 12px 14px;
    border-bottom: 1px solid var(--border);
    margin-bottom: 6px;
    background: rgba(0, 0, 0, 0.02);
    border-radius: var(--radius-md) 8px 0 0;
}

[data-theme="dark"] .topic-profile-menu-header {
    background: rgba(255, 255, 255, 0.03);
    border-bottom: 1px solid rgba(255, 255, 255, 0.05);
}

.topic-profile-menu-avatar {
    width: 40px;
    height: 40px;
    border-radius: 10px;
    background: linear-gradient(135deg, var(--primary), var(--primary-dark, #8b1538));
    color: var(--on-primary);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    font-size: 1rem;
    flex-shrink: 0;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.12);
    line-height: 1;
}

.topic-profile-menu-info {
    display: flex;
    flex-direction: column;
    gap: 4px;
    flex: 1;
    overflow: hidden;
}

.topic-profile-menu-info strong {
    font-size: 0.92rem;
    font-weight: 700;
    color: var(--text);
    line-height: 1.2;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.topic-profile-role {
    font-size: 0.72rem;
    color: var(--text-dim);
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.tpm-item {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 8px 12px;
    text-decoration: none;
    color: var(--text);
    font-size: 0.85rem;
    font-weight: 600;
    border-radius: var(--radius-md);
    transition: background var(--transition-fast), color var(--transition-fast);
    width: 100%;
    border: none;
    background: transparent;
    cursor: pointer;
    text-align: left;
    margin-bottom: 2px;
}

.tpm-item:hover {
    background: rgba(0, 0, 0, 0.04);
    color: var(--primary);
}

[data-theme="dark"] .tpm-item:hover {
    background: rgba(255, 255, 255, 0.05);
}

.tpm-item i {
    color: var(--text-dim);
    font-size: 1.05rem;
    width: 20px;
    text-align: center;
    transition: color var(--transition-fast);
}

.tpm-item:hover i {
    color: var(--primary);
}

.tpm-admin:hover {
    background: var(--primary-alpha-10);
    color: var(--primary);
}

.tpm-admin i {
    color: var(--primary);
}

.tpm-admin:hover i {
    color: var(--primary);
}

.tpm-logout:hover {
    background: rgba(239, 68, 68, 0.08);
    color: #ef4444;
}

[data-theme="dark"] .tpm-logout:hover {
    background: rgba(248, 113, 113, 0.15);
    color: #f87171;
}

.tpm-logout i {
    color: #ef4444;
}

.tpm-logout:hover i {
    color: #ef4444;
}

[data-theme="dark"] .tpm-logout i,
[data-theme="dark"] .tpm-logout:hover i {
    color: #f87171;
}

.tpm-divider {
    height: 1px;
    background: var(--border);
    margin: 8px 0;
}

[data-theme="dark"] .tpm-divider {
    background: rgba(255, 255, 255, 0.08);
}

.tpm-logout {
    color: var(--danger);
}

.tpm-logout i {
    color: var(--danger);
}

.tpm-divider {
    height: 1px;
    background: var(--border);
    margin: 8px 0;
}

/* Breadcrumb */
.breadcrumb {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 8px 16px;
    margin: 0;
    background: var(--bg-white);
    border: 1px solid var(--border);
    border-radius: var(--radius-md);
    box-shadow: var(--shadow-sm);
    flex-wrap: wrap;
}

.breadcrumb-container.container {
    margin: 8px auto 8px !important;
}

.main-layout-container .layout {
    margin-top: 0;
}

.breadcrumb a {
    display: flex;
    align-items: center;
    gap: 4px;
    text-decoration: none;
    color: var(--primary);
    font-weight: 600;
    font-size: 0.8rem;
    transition: all 0.2s;
}

.breadcrumb a:hover {
    color: var(--primary-dark);
}

.breadcrumb a i {
    font-size: 0.85rem;
}

.breadcrumb i.bi-chevron-right {
    color: var(--text-dim);
    font-size: 0.7rem;
}

.breadcrumb span {
    color: var(--text-dim);
    font-weight: 500;
    font-size: 0.8rem;
}

/* 3 Column Layout */
.layout {
    display: grid;
    grid-template-columns: 260px 1fr 300px;
    gap: 24px;
}

/* Sidebars - Tam Stabil Yap\c4\b1 */
.sidebar {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.sidebar-left {
    align-self: flex-start;
}

.sidebar-right {
    align-self: flex-start;
}

.widget {
    background: var(--bg-white);
    border: 1px solid var(--border);
    border-radius: 10px;
    overflow: visible;
    box-shadow: var(--shadow-sm);
}

/* Widget Header */
.widget-header {
    padding: 14px 16px;
    background: var(--bg-white);
}

.widget-header h3 {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 0.9rem;
    font-weight: 700;
    color: var(--text);
    margin: 0;
}

.widget-header h3 i {
    color: var(--primary);
    font-size: 1.1rem;
}

/* Widget Toggle Button */
.widget-toggle {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 14px 16px;
    background: var(--bg-white);
    border: none;
    cursor: pointer;
    transition: all 0.2s;
    text-align: left;
}

.widget-toggle:hover {
    background: var(--bg-hover);
}

.widget-toggle .toggle-icon {
    color: var(--text-dim);
    font-size: 1rem;
    transition: transform 0.3s ease;
    flex-shrink: 0;
}

.widget-toggle.active .toggle-icon {
    transform: rotate(180deg);
}

/* Widget Body */
.widget-body {
    padding: 12px 16px 16px;
}

/* Game Select */
.game-select {
    width: 100%;
    padding: 12px 16px;
    background: var(--bg-white);
    border: 2px solid var(--border);
    border-radius: var(--radius-md);
    color: var(--text);
    font-weight: 600;
    font-size: 0.9rem;
    cursor: pointer;
    transition: all var(--transition-base);
    appearance: none;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%2300d4ff' d='M6 9L1 4h10z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 12px center;
    padding-right: 40px;
}

.game-select:hover {
    border-color: var(--primary);
    box-shadow: 0 2px 8px var(--primary-alpha-25);
}

.game-select:focus {
    outline: none;
    border-color: var(--primary);
    box-shadow: 0 0 0 4px var(--primary-alpha-15);
}

.game-select option {
    background: var(--bg-white);
    color: var(--text);
}

/* Category Tree */
.category-tree {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.category-item {
    border-radius: var(--radius-md);
    overflow: hidden;
    background: transparent;
    border: 1px solid var(--border);
    transition: all var(--transition-fast);
}

.category-item:hover {
    border-color: var(--primary);
    background: var(--primary-alpha-03);
}

.category-toggle {
    width: 100%;
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 10px 12px;
    background: transparent;
    border: none;
    color: var(--text);
    font-size: 0.85rem;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.2s;
    text-align: left;
}

.category-toggle:hover {
    background: var(--primary-alpha-03);
}

.category-toggle .chevron-icon {
    font-size: 0.75rem;
    color: var(--primary);
    transition: transform 0.3s ease;
    flex-shrink: 0;
    width: 12px;
}

.category-item.open .category-toggle .chevron-icon {
    transform: rotate(90deg);
}

.category-toggle .category-icon {
    color: var(--primary);
    font-size: 1rem;
    flex-shrink: 0;
    width: 18px;
    text-align: center;
}

.category-toggle .category-name {
    flex: 1;
    min-width: 0;
}

.category-toggle .count {
    font-size: 0.7rem;
    color: var(--primary);
    background: transparent;
    padding: 2px 6px;
    border-radius: 10px;
    flex-shrink: 0;
    font-weight: 700;
}

.category-link {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 10px 12px;
    text-decoration: none;
    color: var(--text);
    font-size: 0.85rem;
    font-weight: 600;
    border-radius: var(--radius-md);
    transition: all 0.2s;
    background: transparent;
    border: 1px solid var(--border);
}

.category-link:hover {
    background: var(--primary-alpha-03);
    border-color: var(--primary);
    color: var(--primary);
}

.category-link .category-icon {
    color: var(--primary);
    font-size: 1rem;
    flex-shrink: 0;
    width: 18px;
    text-align: center;
}

.category-link .category-name {
    flex: 1;
    min-width: 0;
}

.category-link .count {
    font-size: 0.7rem;
    color: var(--primary);
    background: transparent;
    padding: 2px 6px;
    border-radius: 10px;
    flex-shrink: 0;
    font-weight: 700;
}

/* Subcategories */
.subcategories {
    display: none;
    padding: 6px 10px;
    margin: 0;
    background: transparent;
    border-top: 1px solid var(--border);
}

.subcategories a {
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 6px 10px;
    text-decoration: none;
    color: var(--text-dim);
    font-size: 0.75rem;
    font-weight: 500;
    border-radius: var(--radius-sm);
    transition: all 0.2s;
    margin-bottom: 2px;
}

.subcategories a:last-child {
    margin-bottom: 0;
}

.subcategories a:hover {
    background: var(--primary-alpha-05);
    color: var(--primary);
    padding-left: 12px;
}

.subcategories a i {
    font-size: 0.4rem;
    flex-shrink: 0;
    width: 6px;
    color: var(--primary);
}

.subcategories a span {
    margin-left: auto;
    font-size: 0.65rem;
    color: var(--text-light);
    flex-shrink: 0;
    font-weight: 600;
}

/* Filters */
.filter-group {
    margin-bottom: 16px;
}

.filter-group:last-child {
    margin-bottom: 0;
}

.filter-label {
    display: block;
    font-size: 0.85rem;
    font-weight: 700;
    color: var(--text);
    margin-bottom: 8px;
}

.checkbox-group {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.checkbox-label {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 0.8125rem;
    color: var(--text);
    cursor: pointer;
    padding: 8px 10px;
    border-radius: var(--radius-md);
    transition: all 0.2s;
    user-select: none;
}

.checkbox-label:hover {
    background: var(--bg-hover);
}

.checkbox-label input[type="checkbox"] {
    cursor: pointer;
    flex-shrink: 0;
    width: 16px;
    height: 16px;
}

.checkbox-label i {
    color: var(--primary);
    font-size: 0.9rem;
}

/* Tags */
.tags {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.tag {
    padding: 6px 12px;
    background: var(--bg);
    border: 1px solid var(--border);
    border-radius: var(--radius-md);
    font-size: 0.8rem;
    font-weight: 600;
    color: var(--text-dim);
    cursor: pointer;
    transition: all 0.2s;
}

.tag:hover {
    background: var(--primary);
    border-color: var(--primary);
    color: var(--on-primary);
}

/* Stats */
.stats {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.stat-item {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 12px;
    background: var(--bg);
    border-radius: var(--radius-md);
}

.stat-item i {
    font-size: 1.5rem;
    color: var(--primary);
}

.stat-item strong {
    display: block;
    font-size: 1.25rem;
    font-weight: 900;
    color: var(--text);
}

.stat-item span {
    display: block;
    font-size: 0.8rem;
    color: var(--text-dim);
}

/* Comments List */
.comments-list {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.comment-item {
    display: flex;
    gap: 10px;
}

.comment-avatar {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background: var(--primary);
    color: var(--on-primary);
    display: grid;
    place-items: center;
    font-weight: 700;
    font-size: 0.85rem;
    flex-shrink: 0;
}

.comment-content {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.comment-content strong {
    font-size: 0.85rem;
    font-weight: 700;
    color: var(--text);
}

.comment-content p {
    font-size: 0.8rem;
    color: var(--text-dim);
    margin: 0;
    line-height: 1.4;
}

.comment-content small {
    font-size: 0.7rem;
    color: var(--text-light);
}

/* Activity List */
.activity-list {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.activity-item {
    display: flex;
    gap: 12px;
}

.activity-icon {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    display: grid;
    place-items: center;
    flex-shrink: 0;
}

.activity-icon.success {
    background: rgba(16, 185, 129, 0.1);
    color: var(--success);
}

.activity-icon.info {
    background: rgba(139, 21, 56, 0.1);
    color: var(--info);
}

.activity-icon.warning {
    background: rgba(245, 158, 11, 0.1);
    color: var(--warning);
}

.activity-content strong {
    display: block;
    font-size: 0.85rem;
    font-weight: 700;
    color: var(--text);
}

.activity-content span {
    display: block;
    font-size: 0.8rem;
    color: var(--text-dim);
}

.activity-content small {
    display: block;
    font-size: 0.75rem;
    color: var(--text-dim);
    margin-top: 2px;
}

/* Popular List */
.popular-list {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.popular-item {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 10px;
    text-decoration: none;
    color: inherit;
    border-radius: var(--radius-md);
    transition: all 0.2s;
}

.popular-item:hover {
    background: var(--bg-hover);
}

.popular-item img {
    width: 50px;
    height: 50px;
    border-radius: var(--radius-md);
    object-fit: cover;
}

.popular-item strong {
    display: block;
    font-size: 0.9rem;
    font-weight: 700;
    color: var(--text);
    margin-bottom: 2px;
}

.popular-item span {
    display: block;
    font-size: 0.8rem;
    color: var(--text-dim);
}

/* CTA Widget */
.cta-widget {
    background: linear-gradient(135deg, var(--primary), var(--primary-dark));
    text-align: center;
    padding: 24px 20px;
    border: none;
}

.cta-widget i {
    font-size: 2.5rem;
    color: var(--on-primary);
    margin-bottom: 12px;
    display: block;
}

.cta-widget h3 {
    color: var(--on-primary) !important;
    justify-content: center;
    margin-bottom: 8px;
}

.cta-widget h3 i {
    color: var(--on-primary) !important;
}

.cta-widget p {
    color: var(--on-primary);
    font-size: 0.875rem;
    margin-bottom: 16px;
    opacity: 0.95;
}

.btn-cta {
    width: 100%;
    padding: 10px;
    background: var(--bg-white);
    border: none;
    border-radius: var(--radius-md);
    color: var(--primary);
    font-weight: 700;
    cursor: pointer;
    transition: all 0.2s;
}

.btn-cta:hover {
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
}

/* Main Content */
.content {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

/* Search Header */
.search-header {
    padding: 12px 14px;
    margin-bottom: 0;
    background: var(--bg-white);
    border: 1px solid var(--border);
    border-radius: var(--radius-md);
    box-shadow: var(--shadow-sm);
}

.search-header h2 {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 1rem;
    font-weight: 700;
    color: var(--text);
    margin: 0 0 4px 0;
}

.search-header h2 i {
    color: var(--primary);
    font-size: 1.1rem;
}

.search-header p {
    color: var(--text-dim);
    font-size: 0.8rem;
    margin: 0;
}

/* Category Header */
.category-header {
    padding: 12px 14px;
    margin-bottom: 0;
    background: var(--bg-white);
    border: 1px solid var(--border);
    border-radius: var(--radius-md);
    box-shadow: var(--shadow-sm);
}

.category-header h2 {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 1rem;
    font-weight: 700;
    color: var(--text);
    margin: 0 0 4px 0;
}

.category-header h2 i {
    color: var(--primary);
    font-size: 1.1rem;
}

.category-header p {
    color: var(--text-dim);
    font-size: 0.8rem;
    margin: 0;
}

/* Filter Bar */
.filter-bar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    padding: 12px;
    background: var(--bg-white);
    border: 1px solid var(--border);
    border-radius: var(--radius-md);
    box-shadow: var(--shadow-sm);
}

.filter-tabs {
    display: flex;
    gap: 6px;
}

.filter-tabs button {
    padding: 8px 16px;
    background: transparent;
    border: 1px solid var(--border);
    border-radius: var(--radius-md);
    color: var(--text-dim);
    font-weight: 600;
    font-size: 0.9rem;
    cursor: pointer;
    transition: all 0.2s;
}

.filter-tabs button:hover {
    color: var(--text);
    border-color: var(--primary);
}

.filter-tabs button.active {
    background: var(--primary);
    border-color: var(--primary);
    color: var(--on-primary);
}

.sort-select {
    padding: 10px 16px;
    background: var(--bg-white);
    border: 2px solid var(--border);
    border-radius: var(--radius-md);
    color: var(--text);
    font-weight: 600;
    font-size: 0.9rem;
    cursor: pointer;
    transition: all var(--transition-base);
    appearance: none;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%2300d4ff' d='M6 9L1 4h10z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 12px center;
    padding-right: 40px;
}

.sort-select:hover {
    border-color: var(--primary);
    box-shadow: 0 2px 8px var(--primary-alpha-25);
}

.sort-select:focus {
    outline: none;
    border-color: var(--primary);
    box-shadow: 0 0 0 4px var(--primary-alpha-15);
}

.sort-select option {
    background: var(--bg-white);
    color: var(--text);
}

/* Mod Grid */
.topic-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
}

.feed-card {
    background: var(--bg-white);
    border: 1px solid var(--border);
    border-radius: var(--radius-md);
    overflow: hidden;
    transition: all 0.2s;
    box-shadow: var(--shadow-sm);
    text-decoration: none;
    color: inherit;
    display: flex;
    flex-direction: column;
}

.card__category {
    padding: 8px 12px;
    background: var(--primary-alpha-10);
    border-bottom: 1px solid var(--border);
    font-size: 0.75rem;
    font-weight: 600;
    color: var(--primary);
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.feed-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.15);
    border-color: var(--primary);
}

.feed-card.featured {
    border-color: var(--primary);
    box-shadow: 0 4px 12px rgba(245, 158, 11, 0.2);
}

.card__img {
    position: relative;
    width: 100%;
    height: 180px;
    overflow: hidden;
}

.card__img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.3s;
}

.feed-card:hover .card__img img {
    transform: scale(1.05);
}

.card__overlay {
    display: none;
}

.btn-play {
    display: none;
}

.badge {
    position: absolute;
    top: 10px;
    right: 10px;
    padding: 4px 10px;
    background: rgba(255, 255, 255, 0.95);
    border: 1px solid var(--border);
    border-radius: var(--radius-sm);
    font-size: 0.7rem;
    font-weight: 800;
    color: var(--text);
    text-transform: uppercase;
    letter-spacing: 1px;
    box-shadow: 0 2px 8px var(--shadow);
}

.badge-new {
    background: var(--success);
    border-color: var(--success);
    color: var(--on-primary);
}

.badge-hot {
    background: var(--danger);
    border-color: var(--danger);
    color: var(--on-primary);
    animation: pulse 2s infinite;
}

@keyframes pulse {

    0%,
    100% {
        opacity: 1;
    }

    50% {
        opacity: 0.8;
    }
}

.card__body {
    padding: 16px;
}

.card__body h3 {
    font-size: 1.05rem;
    font-weight: 700;
    color: var(--text);
    margin-bottom: 8px;
    line-height: 1.3;
}

.card__body p {
    font-size: 0.9rem;
    color: var(--text-dim);
    line-height: 1.5;
    margin-bottom: 12px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.card__footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-top: 12px;
    border-top: 1px solid var(--border);
}

.card__meta {
    display: flex;
    gap: 12px;
    font-size: 0.85rem;
    color: var(--text-dim);
}

.card__meta span {
    display: flex;
    align-items: center;
    gap: 4px;
}

.card__meta i {
    color: var(--primary);
}

.btn-download {
    width: 36px;
    height: 36px;
    background: var(--primary);
    border: none;
    border-radius: var(--radius-md);
    color: var(--on-primary);
    font-size: 1rem;
    cursor: pointer;
    display: grid;
    place-items: center;
    transition: all 0.2s;
}

.btn-download:hover {
    background: var(--primary-dark);
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(245, 158, 11, 0.3);
}

/* Pagination */
.pagination {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    margin-top: 20px;
}

.pagination button {
    min-width: 40px;
    height: 40px;
    padding: 0 12px;
    background: var(--bg-white);
    border: 1px solid var(--border);
    border-radius: var(--radius-md);
    color: var(--text);
    font-weight: 600;
    cursor: pointer;
    transition: all 0.2s;
}

.pagination button:hover:not(:disabled) {
    border-color: var(--primary);
    color: var(--primary);
}

.pagination button.active {
    background: var(--primary);
    border-color: var(--primary);
    color: var(--on-primary);
}

.pagination button:disabled {
    opacity: 0.3;
    cursor: not-allowed;
}

.pagination span {
    color: var(--text-dim);
}

/* Auth Pages */
.auth-wrapper {
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: calc(100vh - 300px);
    padding: 40px 0;
}

.auth-box {
    width: 100%;
    max-width: 480px;
    background: var(--bg-white);
    border: 1px solid var(--border);
    border-radius: 12px;
    padding: 40px;
    box-shadow: var(--shadow-md);
}

.auth-header {
    text-align: center;
    margin-bottom: 32px;
}

.auth-header i {
    font-size: 3rem;
    color: var(--primary);
    margin-bottom: 16px;
    display: block;
}

.auth-header h1 {
    font-size: 1.75rem;
    font-weight: 800;
    color: var(--text);
    margin-bottom: 8px;
}

.auth-header p {
    color: var(--text-dim);
    font-size: 0.95rem;
}

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

.form-group {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.form-group label {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 0.9rem;
    font-weight: 600;
    color: var(--text);
}

.form-group label i {
    color: var(--primary);
    font-size: 1rem;
}

.form-group input {
    padding: 12px 16px;
    background: var(--bg);
    border: 2px solid var(--border);
    border-radius: var(--radius-md);
    color: var(--text);
    font-size: 0.95rem;
    transition: all 0.2s;
}

.form-group input:focus {
    outline: none;
    border-color: var(--primary);
    box-shadow: 0 0 0 4px var(--primary-alpha-10);
}

.form-options {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 12px;
}

.form-options .checkbox-label {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 0.875rem;
    color: var(--text);
    cursor: pointer;
    padding: 0;
    border-radius: 0;
    transition: none;
}

.form-options .checkbox-label:hover {
    background: transparent;
}

.form-options .checkbox-label input {
    cursor: pointer;
    width: 16px;
    height: 16px;
}

.link {
    color: var(--primary);
    text-decoration: none;
    font-weight: 600;
    font-size: 0.875rem;
    transition: all 0.2s;
}

.link:hover {
    color: var(--primary-dark);
    text-decoration: underline;
}

.btn-auth {
    width: 100%;
    padding: 14px;
    background: var(--primary);
    border: none;
    border-radius: var(--radius-md);
    color: var(--on-primary);
    font-weight: 700;
    font-size: 1rem;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    transition: all 0.2s;
    margin-top: 8px;
}

.btn-auth:hover {
    background: var(--primary-dark);
    transform: translateY(-2px);
    box-shadow: 0 4px 12px var(--primary-alpha-30);
}

.auth-divider {
    display: flex;
    align-items: center;
    gap: 16px;
    margin: 24px 0;
}

.auth-divider::before,
.auth-divider::after {
    content: '';
    flex: 1;
    height: 1px;
    background: var(--border);
}

.auth-divider span {
    color: var(--text-dim);
    font-size: 0.875rem;
    font-weight: 600;
}

.social-login {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.btn-social {
    width: 100%;
    padding: 12px;
    border: 2px solid var(--border);
    border-radius: var(--radius-md);
    background: transparent;
    color: var(--text);
    font-weight: 600;
    font-size: 0.95rem;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    transition: all 0.2s;
}

.btn-social:hover {
    background: var(--bg-hover);
    border-color: var(--primary);
}

.btn-social i {
    font-size: 1.2rem;
}

.btn-google:hover {
    border-color: #4285f4;
    color: #4285f4;
}

.btn-discord:hover {
    border-color: #5865f2;
    color: #5865f2;
}

.auth-footer {
    text-align: center;
    margin-top: 24px;
    padding-top: 24px;
    border-top: 1px solid var(--border);
}

.auth-footer p {
    color: var(--text-dim);
    font-size: 0.9rem;
}

/* Footer */
.footer {
    margin-top: 64px;
    padding: 32px 0;
    border-top: 1px solid var(--border);
    background: var(--bg-white);
}

.footer-content {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.footer-brand {
    display: flex;
    align-items: center;
    gap: 10px;
    color: var(--primary);
    font-weight: 900;
    font-size: 1.2rem;
    letter-spacing: 1px;
}

.footer-brand i {
    font-size: 1.4rem;
}

.footer p {
    color: var(--text-dim);
    font-size: 0.9rem;
}

/* Responsive */
@media (max-width: 1200px) {
    .layout {
        grid-template-columns: 240px 1fr 280px;
        gap: 20px;
    }

    .topic-grid {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 992px) {
    .layout {
        grid-template-columns: 1fr;
    }

    .sidebar-left,
    .sidebar-right {
        display: none;
    }

    .topic-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 768px) {
    .nav {
        display: none;
    }

    .topic-grid {
        grid-template-columns: 1fr;
    }

    .filter-bar {
        flex-direction: column;
        align-items: stretch;
    }
}

@media (max-width: 480px) {

    .search,
    .topic-nav-search {
        display: none;
    }

    .header .container {
        gap: 12px;
        padding-inline: 12px;
    }

    .header-right {
        gap: 6px;
        flex-shrink: 0;
    }

    .header-right>.btn-secondary:not(.menu-toggle) {
        display: none;
    }

    .btn-upload {
        min-width: 42px;
        padding-inline: 10px;
    }

    .btn-upload span {
        display: none;
    }

    .menu-toggle {
        width: 42px;
        min-width: 42px;
        padding-inline: 0;
    }
}

/* Mobile Navigation Menu */
.nav.open {
    display: flex;
    flex-direction: column;
    position: fixed;
    top: 70px;
    left: 0;
    right: 0;
    background: var(--bg-white);
    border-bottom: 1px solid var(--border);
    box-shadow: var(--shadow-md);
    padding: 16px;
    gap: 8px;
    z-index: 99;
}

@media (min-width: 769px) {
    .menu-toggle {
        display: none;
    }
}

/* ============================================
   MODERN MINIMAL FOOTER
   ============================================ */

.footer {
    background: var(--bg-white);
    border-top: 1px solid var(--border);
    margin-top: 3rem;
    padding: 2.5rem 0 1.5rem;
}

.footer-container {
    max-width: 1400px;
    margin: 0 auto;
    padding: 0 1.5rem;
}

.footer-grid {
    display: grid;
    grid-template-columns: 2fr 1fr 1fr 1.5fr;
    gap: 2.5rem;
    margin-bottom: 2rem;
}

.footer-brand {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.footer-logo {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    font-size: 1.2rem;
    font-weight: 800;
    color: var(--text);
}

.footer-logo .topic-brand-mark {
    width: 36px;
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--primary);
    color: var(--on-primary);
    border-radius: var(--radius-md);
    font-size: 1rem;
    font-weight: 900;
}

.footer-tagline {
    font-size: 0.9rem;
    color: var(--public-footer-text, var(--text-dim));
    line-height: 1.6;
    margin: 0;
    max-width: 320px;
}

.footer-social {
    display: flex;
    gap: 0.5rem;
    margin-top: 0.5rem;
}

.footer-social-link {
    width: 36px;
    height: 36px;
    border-radius: var(--radius-md);
    background: var(--bg);
    border: 1px solid var(--border);
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--text-dim);
    text-decoration: none;
    transition: all 0.2s;
    font-size: 1rem;
}

.footer-social-link:hover {
    background: var(--primary);
    border-color: var(--primary);
    color: var(--on-primary);
    transform: translateY(-2px);
}

.footer-column h4 {
    font-size: 0.9rem;
    font-weight: 700;
    color: var(--text);
    margin: 0 0 1rem;
}

.footer-links {
    display: flex;
    flex-direction: column;
    gap: 0.6rem;
}

.footer-links a {
    font-size: 0.875rem;
    color: var(--text-dim);
    text-decoration: none;
    transition: all 0.2s;
    display: inline-block;
}

.footer-links a:hover {
    color: var(--primary);
    transform: translateX(4px);
}

.footer-newsletter h4 {
    font-size: 0.9rem;
    font-weight: 700;
    color: var(--text);
    margin: 0 0 0.5rem;
}

.footer-newsletter p {
    font-size: 0.85rem;
    color: var(--text-dim);
    margin: 0 0 1rem;
    line-height: 1.5;
}

.newsletter-form {
    display: flex;
    gap: 0.5rem;
    max-width: 100%;
    min-width: 0;
}

.newsletter-form input {
    flex: 1;
    min-width: 0;
    padding: 0.7rem 1rem;
    border: 1px solid var(--border);
    border-radius: var(--radius-md);
    background: var(--bg);
    color: var(--text);
    font-size: 0.875rem;
    transition: all 0.2s;
}

.newsletter-form input:focus {
    outline: none;
    border-color: var(--primary);
    background: var(--bg-white);
}

.newsletter-form button {
    flex: 0 0 auto;
    padding: 0.7rem 1rem;
    background: var(--primary);
    border: none;
    border-radius: var(--radius-md);
    color: var(--on-primary);
    cursor: pointer;
    transition: all 0.2s;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1rem;
}

.newsletter-form button:hover {
    background: var(--primary-dark);
    transform: translateY(-2px);
}

.footer-bottom {
    padding-top: 1.5rem;
    border-top: 1px solid var(--border);
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 1rem;
}

.footer-copyright {
    font-size: 0.8rem;
    color: var(--text-dim);
    margin: 0;
}

.footer-meta {
    display: flex;
    gap: 1.5rem;
    font-size: 0.75rem;
    color: var(--text-dim);
}

.footer-meta span {
    display: flex;
    align-items: center;
    gap: 0.35rem;
}

.footer-meta i {
    color: var(--primary);
    font-size: 0.85rem;
}

@media (max-width: 992px) {
    .footer-grid {
        grid-template-columns: 1fr 1fr;
        gap: 2rem;
    }
}

@media (max-width: 768px) {
    .site-footer {
        padding: 1.5rem 0 1rem;
    }

    .footer-grid {
        grid-template-columns: 1fr;
        gap: 1.5rem;
    }

    .footer-bottom {
        flex-direction: column;
        text-align: center;
        gap: 0.75rem;
    }

    .footer-meta {
        flex-direction: column;
        gap: 0.5rem;
    }
}

/* ============================================
   RESPONSIVE DESIGN - Modern Topbar & Header
   ============================================ */

@media (max-width: 1200px) {
    .header-wrapper {
        gap: 20px;
    }
}

@media (max-width: 992px) {
    .topbar-links {
        display: none;
    }

    .modern-nav {
        display: none;
    }

    .modern-menu-toggle {
        display: flex;
    }

    .modern-nav.open {
        display: flex;
        flex-direction: column;
        position: fixed;
        top: 70px;
        left: 0;
        right: 0;
        background: var(--bg-white);
        border-bottom: 2px solid var(--border);
        box-shadow: 0 8px 24px var(--shadow);
        padding: 20px;
        gap: 8px;
        z-index: 99;
        animation: slideDown 0.3s ease;
    }

    .modern-nav.open .nav-link {
        width: 100%;
        justify-content: flex-start;
        padding: 14px 16px;
    }
}

@media (max-width: 768px) {
    .header-wrapper {
        gap: 12px;
    }

    .modern-search {
        display: none;
    }

    .modern-profile-btn .profile-name {
        display: none;
    }

    .topbar-announcement span {
        font-size: 0.75rem;
    }
}

@media (max-width: 640px) {
    .modern-topbar {
        padding: 8px 0;
    }

    .topbar-announcement {
        font-size: 0.75rem;
    }

    .topbar-announcement i {
        font-size: 0.9rem;
    }

    .brand-text {
        font-size: 1.1rem;
    }

    .brand-icon {
        width: 38px;
        height: 38px;
        font-size: 1.2rem;
    }
}

@media (max-width: 480px) {
    .modern-search {
        display: none !important;
    }

    .modern-header .container {
        gap: 12px;
        padding-inline: 12px;
    }

    .header-actions {
        gap: 6px;
        flex-shrink: 0;
    }

    .modern-login-btn span {
        display: none;
    }

    .modern-upload-btn {
        min-width: 42px;
        padding-inline: 10px;
    }

    .modern-upload-btn span {
        display: none;
    }

    .modern-menu-toggle {
        width: 42px;
        min-width: 42px;
        padding: 8px;
    }

    .modern-theme-toggle {
        width: 38px;
        height: 38px;
    }

    .modern-profile-btn {
        padding: 0 10px;
        height: 38px;
    }

    .modern-profile-btn .profile-avatar {
        width: 26px;
        height: 26px;
        font-size: 0.75rem;
    }

    .topbar-announcement {
        flex: 1;
        min-width: 0;
    }

    .topbar-announcement span {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .brand-text {
        display: none;
    }
}

@media (min-width: 993px) {
    .modern-menu-toggle {
        display: none !important;
    }

    .modern-nav {
        display: flex !important;
    }
}

/* Smooth Transitions */
.modern-header,
.modern-topbar,
.modern-nav,
.header-actions,
.modern-profile-menu {
    transition: all var(--transition-base);
}

/* Refined category sidebar and topic list cards */
.category-widget .widget-body {
    padding: 10px;
}

.category-tree {
    gap: 7px;
}

.category-tree>.category-link,
.category-item {
    border: 1px solid #e2e8f0;
    border-radius: var(--radius-md);
    background: var(--bg-white);
    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04);
}

.category-item {
    overflow: hidden;
}

.category-tree>.category-link:hover,
.category-item:hover {
    background: #f8fafc;
    border-color: #cbd5e1;
    box-shadow: 0 8px 20px rgba(15, 23, 42, 0.08);
}

.category-tree>.category-link.active,
.category-link.active,
.category-item.active>.category-toggle {
    color: #1f2937;
    background: linear-gradient(135deg, #fff7e6, #ffffff 72%);
    border-color: #f2a51a;
    box-shadow: inset 3px 0 0 #f2a51a, 0 8px 18px rgba(242, 165, 26, 0.13);
}

.category-link,
.category-toggle {
    min-height: 44px;
    padding: 9px 10px;
    gap: 9px;
    border: 0;
    border-radius: var(--radius-md);
    color: #334155;
    font-size: .84rem;
    font-weight: 800;
}

.category-link:hover,
.category-toggle:hover {
    color: #1f2937;
    background: #f8fafc;
}

.category-link .category-icon,
.category-toggle .category-icon {
    display: grid;
    width: 28px;
    height: 28px;
    place-items: center;
    color: #c77f0d;
    background: var(--bg-white)4dd;
    border: 1px solid #f4d59a;
    border-radius: 7px;
    font-size: .95rem;
}

.category-toggle .chevron-icon {
    width: 14px;
    color: #94a3b8;
    font-size: .7rem;
}

.category-name {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.category-link .count,
.category-toggle .count,
.subcategories a span {
    min-width: 1.65rem;
    padding: .12rem .45rem;
    color: var(--text-dim);
    background: #f1f5f9;
    border: 1px solid #e2e8f0;
    border-radius: 999px;
    font-size: .68rem;
    font-weight: 850;
    text-align: center;
}

.category-link.active .count,
.category-item.active>.category-toggle .count {
    color: #9a6508;
    background: var(--bg-white)4dd;
    border-color: #f4d59a;
}

.category-link-all {
    margin-bottom: 3px;
}

.subcategories {
    display: none;
    margin: 0;
    padding: 5px 8px 8px 41px;
    background: #fbfdff;
    border-top: 1px solid #edf2f7;
}

.category-item.open .subcategories {
    display: grid;
    gap: 4px;
}

.subcategories a {
    min-height: 32px;
    margin: 0;
    padding: 6px 8px;
    color: var(--text-dim);
    border-radius: 7px;
    font-size: .78rem;
    font-weight: 750;
}

.subcategories a:hover,
.subcategories a.active {
    color: #1f2937;
    background: var(--bg-white)7e6;
}

.subcategories a i {
    color: #f2a51a;
}

.topic-list-grid {
    gap: 12px;
}

.feed-card.topic-list-card {
    display: grid;
    grid-template-columns: 188px minmax(0, 1fr);
    min-height: 148px;
    overflow: hidden;
    background: var(--bg-white);
    border: 1px solid #dfe6ef;
    border-radius: var(--radius-md);
    box-shadow: 0 10px 24px rgba(15, 23, 42, 0.06);
    transition: transform .18s ease, border-color .18s ease, box-shadow .18s ease;
}

.feed-card.topic-list-card:hover {
    transform: translateY(-2px);
    border-color: #f2a51a;
    box-shadow: 0 16px 34px rgba(15, 23, 42, 0.12);
}

.feed-card.topic-list-card::before {
    width: 4px;
    opacity: 1;
    background: linear-gradient(180deg, #f2a51a, #8b1538);
}

.topic-list-card .topic-list-thumb {
    min-height: 148px;
    background: #172033;
    border-right: 1px solid #dfe6ef;
}

.topic-list-card .topic-list-thumb::after {
    background: linear-gradient(180deg, rgba(15, 23, 42, 0) 42%, rgba(15, 23, 42, .42));
}

.topic-list-card .topic-list-body {
    display: grid;
    grid-template-rows: auto auto minmax(0, auto) auto;
    align-content: center;
    gap: .45rem;
    padding: 1rem 1.1rem 1rem 1.2rem;
}

.topic-list-card .topic-list-topline {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .65rem;
    margin: 0;
}

.topic-list-card .topic-list-date {
    display: inline-flex;
    align-items: center;
    gap: .28rem;
    flex-shrink: 0;
    color: var(--text-dim);
    font-size: .74rem;
    font-weight: 750;
    white-space: nowrap;
}

.topic-list-card .topic-list-date i {
    color: #f2a51a;
    font-size: .82rem;
}

.topic-list-card .topic-category {
    min-height: 24px;
    padding: .22rem .62rem;
    color: #9a6508;
    background: var(--bg-white)7e6;
    border: 1px solid #f2d390;
    border-radius: 999px;
    clip-path: none;
    font-size: .68rem;
    font-weight: 850;
    letter-spacing: 0;
    text-transform: none;
}

.topic-list-card .topic-category::before {
    width: 6px;
    height: 6px;
}

.topic-list-card .card__body h3,
.topic-list-card h3 {
    margin: 0;
    color: #172033;
    font-size: 1.08rem;
    font-weight: 850;
    line-height: 1.25;
}

.topic-list-card h3 a {
    color: inherit;
    text-decoration: none;
}

.topic-list-card h3 a:hover {
    color: #c77f0d;
}

.topic-list-card .card__body p,
.topic-list-card .topic-list-body p {
    margin: 0;
    color: var(--text-dim);
    font-size: .88rem;
    line-height: 1.48;
    -webkit-line-clamp: 2;
    line-clamp: 2;
}

.topic-list-card .topic-list-bottom-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .85rem;
    margin-top: .1rem;
    padding-top: .72rem;
    border-top: 1px solid #eef2f7;
}

.topic-list-card .topic-list-meta {
    display: flex;
    flex-wrap: wrap;
    gap: .45rem .8rem;
    color: var(--text-dim);
    font-size: .8rem;
    font-weight: 750;
}

.topic-list-card .topic-list-meta span {
    display: inline-flex;
    align-items: center;
    gap: .28rem;
}

.topic-list-card .topic-list-meta i {
    color: #f2a51a;
}

.topic-list-card .topic-read-more {
    width: 36px;
    height: 36px;
    padding: 0;
    color: #1f2937;
    background: #f2a51a;
    border: 0;
    border-radius: var(--radius-md);
    clip-path: none;
    box-shadow: 0 8px 18px rgba(242, 165, 26, 0.24);
}

.topic-list-card .topic-read-more-label {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
}

.topic-list-card .topic-read-more:hover,
.topic-list-card .topic-read-more:focus {
    color: var(--on-primary);
    background: #172033;
}

@media (max-width: 767.98px) {
    .feed-card.topic-list-card {
        grid-template-columns: 1fr;
        min-height: 0;
    }

    .feed-card.topic-list-card::before {
        width: auto;
        height: 4px;
    }

    .topic-list-card .topic-list-thumb {
        min-height: 0;
        aspect-ratio: 16 / 9;
        border-right: 0;
        border-bottom: 1px solid #dfe6ef;
    }

    .topic-list-card .topic-list-body {
        padding: .95rem;
    }
}

@media (max-width: 480px) {
    .topic-list-card .topic-list-bottom-row {
        align-items: flex-start;
    }

    .topic-list-card .topic-list-topline {
        align-items: flex-start;
        flex-direction: column;
        gap: .35rem;
    }
}

/* Polished revision: calmer list cards and reliable category dropdown */
.subcategories[hidden] {
    display: none !important;
}

.category-widget .widget-body {
    padding: 12px;
}

.category-tree {
    gap: 6px;
}

.category-tree>.category-link,
.category-item {
    border-color: #e5ebf3;
    border-radius: 7px;
    box-shadow: none;
}

.category-tree>.category-link:hover,
.category-item:hover {
    border-color: #d4deea;
    box-shadow: none;
}

.category-link,
.category-toggle {
    min-height: 42px;
    padding: 8px 10px;
    font-size: .83rem;
}

.category-link .category-icon,
.category-toggle .category-icon {
    width: 26px;
    height: 26px;
    background: #f8fafc;
    border-color: #e5ebf3;
}

.category-tree>.category-link.active,
.category-link.active,
.category-item.active>.category-toggle {
    background: var(--bg-white)8eb;
    box-shadow: inset 3px 0 0 #f2a51a;
}

.category-item.open>.category-toggle {
    background: #f8fafc;
}

.category-item.open .subcategories {
    display: grid;
}

.topic-grid.topic-list-grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 14px;
}

.feed-card.topic-list-card {
    grid-template-columns: 220px minmax(0, 1fr);
    min-height: 168px;
    background: var(--bg-white);
    border: 1px solid #dbe3ee;
    border-radius: var(--radius-md);
    box-shadow: 0 8px 18px rgba(15, 23, 42, .06);
}

.feed-card.topic-list-card::before {
    width: 0;
    opacity: 0;
}

.feed-card.topic-list-card:hover {
    transform: translateY(-1px);
    border-color: #c7d2e0;
    box-shadow: 0 14px 28px rgba(15, 23, 42, .1);
}

.topic-list-card .topic-list-thumb {
    min-height: 168px;
    border-right: 1px solid #e5ebf3;
}

.topic-list-card .topic-list-thumb img {
    transform: none;
}

.topic-list-card:hover .topic-list-thumb img {
    transform: scale(1.025);
}

.topic-list-card .topic-list-body {
    gap: .5rem;
    padding: 1.1rem 1.2rem;
}

.topic-list-card .topic-category {
    min-height: 23px;
    padding: .18rem .55rem;
    color: #8a5a07;
    background: var(--bg-white)4dd;
    border-color: #f2d390;
    font-size: .72rem;
}

.topic-list-card .card__body h3,
.topic-list-card h3 {
    font-size: 1.18rem;
    line-height: 1.28;
}

.topic-list-card .card__body p,
.topic-list-card .topic-list-body p {
    max-width: 760px;
    color: #5f6f84;
    font-size: .9rem;
}

.topic-list-card .topic-list-bottom-row {
    margin-top: .25rem;
    padding-top: .8rem;
}

.topic-list-card .topic-read-more {
    width: 38px;
    height: 38px;
    color: #334155;
    background: #f8fafc;
    border: 1px solid #dbe3ee;
    box-shadow: none;
}

.topic-list-card .topic-read-more:hover,
.topic-list-card .topic-read-more:focus {
    color: var(--text);
    background: #f2a51a;
    border-color: #f2a51a;
}

@media (max-width: 767.98px) {
    .feed-card.topic-list-card {
        grid-template-columns: 1fr;
    }

    .topic-list-card .topic-list-thumb {
        min-height: 0;
    }
}

/* Theme-aware sidebar categories, list cards and live stats */
.category-widget,
.live-stats-widget>.widget {
    background: var(--bg-white);
    border-color: var(--border);
}

.category-widget .widget-header,
.live-stats-widget .widget-header {
    color: var(--text);
    background: color-mix(in srgb, var(--bg-white) 92%, var(--primary) 8%);
    border-bottom-color: var(--border);
}

.category-tree>.category-link,
.category-item {
    background: var(--bg-white);
    border-color: var(--border);
}

.category-tree>.category-link:hover,
.category-item:hover,
.category-link:hover,
.category-toggle:hover,
.category-item.open>.category-toggle {
    color: var(--text);
    background: var(--bg-hover);
    border-color: color-mix(in srgb, var(--border) 55%, var(--primary) 45%);
}

.category-tree>.category-link.active,
.category-link.active,
.category-item.active>.category-toggle {
    color: var(--text);
    background: color-mix(in srgb, var(--bg-white) 82%, var(--primary) 18%);
    border-color: var(--primary);
    box-shadow: inset 3px 0 0 var(--primary);
}

.category-link,
.category-toggle {
    color: var(--text);
}

.category-link .category-icon,
.category-toggle .category-icon {
    color: var(--primary);
    background: color-mix(in srgb, var(--bg) 75%, var(--primary) 25%);
    border-color: color-mix(in srgb, var(--border) 70%, var(--primary) 30%);
}

.category-link .count,
.category-toggle .count,
.subcategories a span {
    color: var(--text-dim);
    background: var(--bg);
    border-color: var(--border);
}

.category-link.active .count,
.category-item.active>.category-toggle .count {
    color: var(--text);
    background: color-mix(in srgb, var(--bg-white) 70%, var(--primary) 30%);
    border-color: color-mix(in srgb, var(--border) 50%, var(--primary) 50%);
}

.subcategories {
    background: color-mix(in srgb, var(--bg-white) 94%, var(--bg) 6%);
    border-top-color: var(--border);
}

.subcategories a {
    color: var(--text-dim);
}

.subcategories a:hover,
.subcategories a.active {
    color: var(--text);
    background: color-mix(in srgb, var(--bg-white) 82%, var(--primary) 18%);
}

.subcategories a i {
    color: var(--primary);
}

/* Rebuilt home category atlas */
.category-atlas-widget {
    --category-surface: var(--bg-white);
    --category-row: color-mix(in srgb, var(--bg-white) 92%, var(--bg) 8%);
    --category-line: var(--border);
    --category-accent: var(--text-dim);
    overflow: hidden;
    background: var(--category-surface);
    border-color: var(--border);
    border-radius: var(--radius-md);
    box-shadow: var(--shadow-sm);
}

[data-theme="dark"] .category-atlas-widget {
    --category-row: color-mix(in srgb, var(--bg-white) 88%, var(--bg) 12%);
    --category-line: var(--border);
}

.category-atlas-widget .category-atlas-header {
    gap: 8px;
    min-height: 48px;
    padding: 11px 12px;
    background: var(--category-surface);
    border-bottom: 1px solid var(--border);
}

.category-atlas-widget .category-atlas-header:hover {
    background: var(--bg-hover);
}

.category-atlas-widget .category-atlas-heading {
    display: flex;
    align-items: center;
    gap: 8px;
    min-width: 0;
}

.category-atlas-widget .category-atlas-heading i {
    color: var(--category-accent);
    font-size: 1rem;
}

.category-atlas-widget .category-atlas-heading strong {
    color: var(--text);
    font-size: 0.9rem;
    font-weight: 800;
    line-height: 1.1;
}

.category-atlas-widget .category-atlas-header .toggle-icon {
    width: 16px;
    color: var(--text-dim);
}

.category-atlas-body {
    padding: 8px;
}

.category-atlas-list {
    gap: 5px;
}

.category-atlas-widget .category-item {
    overflow: visible;
    background: transparent;
    border: 0;
    border-radius: var(--radius-md);
    box-shadow: none;
}

.category-atlas-widget .category-link,
.category-atlas-widget .category-toggle {
    display: flex;
    width: 100%;
    min-height: 44px;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    padding: 8px 12px;
    color: var(--text);
    background: var(--bg);
    border: 1px solid var(--border);
    border-radius: 10px;
    text-decoration: none;
    transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
    font-weight: 600;
    font-size: 0.9rem;
}

.category-atlas-widget .category-link:hover,
.category-atlas-widget .category-toggle:hover,
.category-atlas-widget .category-item.open>.category-toggle {
    color: var(--primary);
    background: var(--bg-hover);
    border-color: rgba(var(--primary-rgb, 0, 122, 255), 0.3);
    transform: translateX(4px);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.03);
}

.category-atlas-widget .category-link.active,
.category-atlas-widget .category-item.active>.category-toggle {
    color: var(--on-primary);
    background: linear-gradient(135deg, var(--primary), var(--primary-dark));
    border-color: transparent;
    box-shadow: 0 4px 15px rgba(var(--primary-rgb, 0, 122, 255), 0.3);
}

.category-atlas-widget .category-link-content {
    display: flex;
    align-items: center;
    gap: 8px;
    min-width: 0;
}

.category-atlas-widget .category-chevron,
.category-atlas-widget .category-icon-wrap {
    display: grid;
    place-items: center;
    flex-shrink: 0;
}

.category-atlas-widget .category-chevron {
    width: 16px;
    height: 16px;
    color: var(--text-dim);
    transition: color 0.2s, transform 0.2s;
}

.category-atlas-widget .category-icon-wrap {
    width: 32px;
    height: 32px;
    color: var(--text-dim);
    background: var(--bg-white);
    border: 1px solid var(--border);
    border-radius: var(--radius-md);
    transition: all 0.2s;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.02);
}

.category-atlas-widget .category-link:hover .category-icon-wrap,
.category-atlas-widget .category-toggle:hover .category-icon-wrap {
    color: var(--primary);
    border-color: rgba(var(--primary-rgb, 0, 122, 255), 0.2);
}

.category-atlas-widget .category-link.active .category-icon-wrap,
.category-atlas-widget .category-item.active>.category-toggle .category-icon-wrap {
    color: var(--primary);
    background: var(--bg-white);
    border-color: transparent;
}

.category-atlas-widget .category-link.active .category-chevron,
.category-atlas-widget .category-item.active>.category-toggle .category-chevron {
    color: rgba(255, 255, 255, 0.9);
}

.category-atlas-widget .category-icon {
    display: inline;
    width: auto;
    height: auto;
    color: currentColor;
    background: transparent;
    border: 0;
    border-radius: 0;
    font-size: 0.92rem;
    text-align: center;
}

.category-atlas-widget .chevron-icon {
    width: auto;
    color: currentColor;
    font-size: 0.68rem;
}

.category-atlas-widget .category-copy {
    display: block;
    min-width: 0;
    text-align: left;
}

.category-atlas-widget .category-name {
    overflow: hidden;
    color: var(--text);
    font-size: 0.83rem;
    font-weight: 750;
    line-height: 1.2;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.category-atlas-widget .category-count {
    min-width: 30px;
    padding: 0.16rem 0.42rem;
    color: var(--text-dim);
    background: var(--bg);
    border: 1px solid var(--border);
    border-radius: 999px;
    flex-shrink: 0;
    font-size: 0.7rem;
    font-weight: 800;
    line-height: 1.15;
    text-align: center;
}

.category-atlas-widget .category-link.active .category-count,
.category-atlas-widget .category-item.active>.category-toggle .category-count {
    color: var(--text);
    background: var(--bg);
    border-color: var(--category-line);
}

.category-atlas-widget .subcategories {
    margin: 4px 0 5px 31px;
    padding: 2px 0 0 8px;
    background: transparent;
    border: 0;
    border-left: 1px solid var(--border);
    border-radius: 0;
}

.category-atlas-widget .category-item.open .subcategories {
    display: grid;
    gap: 4px;
}

.category-atlas-widget .subcategories a {
    display: flex;
    min-height: 30px;
    align-items: center;
    gap: 7px;
    margin: 0;
    padding: 5px 7px;
    color: var(--text-dim);
    border-radius: var(--radius-md);
    font-size: 0.76rem;
    font-weight: 700;
    text-decoration: none;
}

.category-atlas-widget .subcategories a:hover,
.category-atlas-widget .subcategories a.active {
    color: var(--text);
    background: var(--category-row);
    padding-left: 7px;
}

.category-atlas-widget .subcategory-dot {
    width: 5px;
    height: 5px;
    background: var(--category-accent);
    border-radius: 999px;
    flex-shrink: 0;
}

.category-atlas-widget .subcategory-name {
    overflow: hidden;
    min-width: 0;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.category-atlas-widget .subcategory-count {
    min-width: 1.8rem;
    margin-left: auto;
    padding: 0.1rem 0.38rem;
    color: var(--text);
    background: var(--bg);
    border: 1px solid var(--border);
    border-radius: 999px;
    font-size: 0.64rem;
    font-weight: 850;
    text-align: center;
}

@media (max-width: 768px) {
    .category-atlas-header {
        min-height: 46px;
    }

    .category-atlas-widget .category-link,
    .category-atlas-widget .category-toggle {
        min-height: 42px;
    }
}

@media (prefers-reduced-motion: reduce) {

    .category-atlas-widget .category-link,
    .category-atlas-widget .category-toggle {
        transition: none;
    }
}

.feed-card.topic-list-card {
    background: var(--bg-white);
    border-color: var(--border);
    box-shadow: 0 8px 18px var(--shadow);
}

.feed-card.topic-list-card:hover {
    border-color: color-mix(in srgb, var(--border) 45%, var(--primary) 55%);
    box-shadow: 0 14px 28px var(--shadow);
}

.topic-list-card .topic-list-thumb {
    background: var(--bg);
    border-right-color: var(--border);
}

.topic-list-card .topic-list-body {
    color: var(--text);
}

.topic-list-card .topic-category {
    color: var(--text);
    background: color-mix(in srgb, var(--bg-white) 72%, var(--primary) 28%);
    border-color: color-mix(in srgb, var(--border) 55%, var(--primary) 45%);
}

.topic-list-card .topic-list-date {
    color: var(--text-dim);
}

.topic-list-card .topic-list-date i {
    color: var(--primary);
}

.topic-list-card .card__body h3,
.topic-list-card h3 {
    color: var(--text);
}

.topic-list-card h3 a:hover {
    color: var(--primary);
}

.topic-list-card .card__body p,
.topic-list-card .topic-list-body p,
.topic-list-card .topic-list-meta {
    color: var(--text-dim);
}

.topic-list-card .topic-list-bottom-row {
    border-top-color: var(--border);
}

.topic-list-card .topic-list-meta i {
    color: var(--primary);
}

.topic-list-card .topic-read-more {
    color: var(--text);
    background: var(--bg);
    border-color: var(--border);
}

.topic-list-card .topic-read-more:hover,
.topic-list-card .topic-read-more:focus {
    color: var(--on-primary);
    background: var(--primary);
    border-color: var(--primary);
}

.live-stats-widget {
    position: relative;
}

.live-stats-widget>.widget {
    overflow: hidden;
    border: 1px solid var(--border);
    border-radius: var(--radius-md);
    box-shadow: 0 8px 18px var(--shadow);
}

.live-stats-widget .widget-header {
    padding: 12px 14px;
}

.live-stats-widget .widget-header h3 {
    display: flex;
    align-items: center;
    gap: 8px;
    margin: 0;
    color: var(--text);
    font-size: .95rem;
    font-weight: 850;
}

.live-stats-widget .stats {
    gap: 8px;
}

.live-stats-widget .stat-item {
    min-height: 58px;
    padding: 10px;
    background: var(--bg);
    border: 1px solid var(--border);
    border-radius: var(--radius-md);
}

.live-stats-widget .stat-item:hover {
    background: var(--bg-hover);
}

.live-stats-widget .stat-icon {
    display: grid;
    width: 38px;
    height: 38px;
    place-items: center;
    color: var(--primary);
    background: color-mix(in srgb, var(--bg-white) 72%, var(--primary) 20%);
    border: 1px solid color-mix(in srgb, var(--border) 60%, var(--primary) 40%);
    border-radius: var(--radius-md);
}

.live-stats-widget .stat-icon i {
    color: currentColor;
    font-size: 1.05rem;
}

.live-stats-widget .stat-item strong {
    color: var(--text);
    font-size: 1.15rem;
    line-height: 1.1;
}

.live-stats-widget .stat-item span {
    color: var(--text-dim);
    font-size: .78rem;
    font-weight: 700;
}

[data-theme="dark"] .topic-list-card .topic-list-thumb {
    border-right-color: #2a3544;
}

[data-theme="dark"] .feed-card.topic-list-card,
[data-theme="dark"] .live-stats-widget>.widget {
    box-shadow: 0 12px 26px rgba(0, 0, 0, .28);
}

/* Category page standardization */
.category-breadcrumb-container.container {
    margin: 8px auto 8px !important;
}

.category-breadcrumb-container .breadcrumb {
    margin: 0;
}

.category-breadcrumb-container+.category-page-layout {
    margin-top: 0;
}

.category-page-layout {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 340px;
    gap: 1.5rem;
    align-items: start;
    margin-top: 0;
}

.category-page-layout>section {
    display: grid;
    gap: .9rem;
    min-width: 0;
}

.category-page-layout .category-hero-panel {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 1rem;
    align-items: center;
    padding: 1rem 1.15rem;
    margin: 0;
    background: var(--bg-white);
    border: 1px solid var(--border);
    border-radius: var(--radius-md);
    box-shadow: var(--shadow-sm);
}

.category-page-layout .category-hero-copy {
    min-width: 0;
}

.category-page-layout .category-hero-copy h1 {
    margin: .25rem 0 .35rem;
    color: var(--text);
    font-size: clamp(1.35rem, 2vw, 1.8rem);
    font-weight: 850;
    line-height: 1.15;
}

.category-page-layout .category-hero-copy p {
    max-width: 56rem;
    margin: 0;
    color: var(--text-dim);
    font-size: .95rem;
    line-height: 1.55;
}

.category-page-layout .category-hero-stats {
    display: grid;
    grid-auto-flow: column;
    gap: .55rem;
}

.category-page-layout .category-hero-stats span {
    display: grid;
    min-width: 7.25rem;
    gap: .12rem;
    padding: .65rem .75rem;
    background: var(--bg);
    border: 1px solid var(--border);
    border-radius: var(--radius-md);
}

.category-page-layout .category-hero-stats strong {
    color: var(--text);
    font-size: 1.12rem;
    font-weight: 850;
    line-height: 1.1;
}

.category-page-layout .category-hero-stats small {
    color: var(--text-dim);
    font-size: .74rem;
    font-weight: 750;
}

.category-page-layout .topic-all-categories-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
    gap: .85rem;
    margin-top: 0;
}

.category-page-layout .feed-card.topic-category-card {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: .8rem;
    min-height: 82px;
    padding: .85rem .95rem;
    overflow: hidden;
    color: var(--text);
    background: var(--bg-white);
    border: 1px solid var(--border);
    border-radius: var(--radius-md);
    box-shadow: var(--shadow-sm);
    text-decoration: none;
    transition: background .15s, border-color .15s, box-shadow .15s, transform .15s;
}

.category-page-layout .feed-card.topic-category-card:hover {
    background: var(--bg-hover);
    border-color: color-mix(in srgb, var(--border) 55%, var(--primary) 45%);
    box-shadow: 0 10px 22px -18px var(--shadow);
    transform: translateY(-2px);
}

.category-page-layout .category-card-icon,
.category-page-layout .category-card-action {
    display: grid;
    place-items: center;
    border: 1px solid color-mix(in srgb, var(--border) 70%, var(--primary) 30%);
    border-radius: var(--radius-md);
}

.category-page-layout .category-card-icon {
    width: 2.55rem;
    height: 2.55rem;
    color: var(--primary);
    background: color-mix(in srgb, var(--bg) 75%, var(--primary) 25%);
    font-size: 1.15rem;
}

.category-page-layout .category-card-body {
    display: grid;
    gap: .12rem;
    min-width: 0;
}

.category-page-layout .category-card-body strong {
    overflow: hidden;
    color: var(--text);
    font-size: .95rem;
    font-weight: 850;
    line-height: 1.25;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.category-page-layout .category-card-body small {
    color: var(--text-dim);
    font-size: .8rem;
    font-weight: 750;
}

.category-page-layout .category-card-action {
    width: 2rem;
    height: 2rem;
    color: var(--text-dim);
    background: var(--bg);
    transition: color .15s, background .15s, border-color .15s, transform .15s;
}

.category-page-layout .topic-category-card:hover .category-card-action {
    color: var(--on-primary);
    background: var(--primary);
    border-color: var(--primary);
    transform: translateX(2px);
}

@media (max-width: 991.98px) {
    .category-page-layout {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 575.98px) {
    .category-page-layout .category-hero-panel {
        grid-template-columns: 1fr;
        padding: .9rem;
    }

    .category-page-layout .category-hero-stats {
        grid-auto-flow: row;
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .category-page-layout .category-hero-stats span {
        min-width: 0;
    }

    .category-page-layout .topic-all-categories-grid {
        grid-template-columns: 1fr;
    }
}

/* ============================================
   SIDEBAR CATEGORY TREE THEME LAYER
   ============================================ */

.sidebar-category-atlas {
    --side-category-bg: var(--bg);
    --side-category-card: var(--bg-white);
    --side-category-hover: var(--bg-hover);
    --side-category-line: var(--border);
    --side-category-text: var(--text);
    --side-category-muted: var(--text-dim);
    --side-category-accent: var(--primary);
    --side-category-accent-strong: var(--primary-dark);
    --side-category-on-accent: var(--on-primary, #061016);
    --side-category-panel: color-mix(in srgb, var(--side-category-card) 88%, var(--side-category-bg) 12%);
    --side-category-soft-panel: color-mix(in srgb, var(--side-category-card) 78%, var(--side-category-accent) 22%);
    --side-category-ring: color-mix(in srgb, var(--side-category-accent) 44%, var(--side-category-line) 56%);
    padding: 0 !important;
    overflow: hidden;
    color: var(--side-category-text);
    background:
        linear-gradient(180deg, color-mix(in srgb, var(--side-category-card) 88%, var(--side-category-accent) 12%) 0%, transparent 150px),
        var(--side-category-card) !important;
    border: 1px solid var(--side-category-line) !important;
    border-radius: var(--radius-md) !important;
    box-shadow: 0 18px 42px -34px var(--shadow), inset 0 1px 0 rgba(255, 255, 255, 0.04) !important;
}

[data-theme="light"] .sidebar-category-atlas {
    --side-category-on-accent: #ffffff;
}

[data-theme="dark"] .sidebar-category-atlas {
    --side-category-panel: color-mix(in srgb, var(--side-category-card) 82%, var(--side-category-bg) 18%);
    --side-category-soft-panel: color-mix(in srgb, var(--side-category-card) 74%, var(--side-category-accent) 26%);
    --side-category-ring: color-mix(in srgb, var(--side-category-accent) 52%, var(--side-category-line) 48%);
}

.sidebar-category-atlas .sidebar-category-head {
    display: flex;
    min-height: 52px;
    align-items: center;
    justify-content: space-between;
    gap: .75rem;
    margin: 0;
    padding: .75rem .8rem;
    background: linear-gradient(180deg, var(--side-category-panel), var(--side-category-card));
    border-bottom: 1px solid var(--side-category-line);
}

.sidebar-category-title {
    display: flex;
    min-width: 0;
    align-items: center;
    gap: .55rem;
    color: var(--side-category-text);
}

.sidebar-category-title i,
.sidebar-category-icon {
    display: grid;
    width: 30px;
    height: 30px;
    flex: 0 0 30px;
    place-items: center;
    color: var(--side-category-accent);
    background: color-mix(in srgb, var(--side-category-accent) 12%, var(--side-category-card) 88%);
    border: 1px solid color-mix(in srgb, var(--side-category-accent) 26%, var(--side-category-line) 74%);
    border-radius: var(--radius-md);
}

.sidebar-category-title strong {
    overflow: hidden;
    font-size: .9rem;
    font-weight: 850;
    line-height: 1.1;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.sidebar-category-total,
.sidebar-category-count,
.sidebar-category-atlas .subcategory-count {
    display: inline-flex;
    min-width: 28px;
    flex: 0 0 auto;
    align-items: center;
    justify-content: center;
    color: var(--side-category-muted);
    background: var(--side-category-bg);
    border: 1px solid var(--side-category-line);
    border-radius: 999px;
    font-size: .68rem;
    font-weight: 850;
    line-height: 1;
}

.sidebar-category-total {
    padding: .24rem .44rem;
}

.sidebar-category-list {
    display: grid;
    gap: 6px;
    padding: 8px;
}

.sidebar-category-item {
    min-width: 0;
    max-width: 100%;
}

.sidebar-category-link,
.sidebar-category-child {
    display: flex;
    width: 100%;
    min-width: 0;
    max-width: 100%;
    min-height: 42px;
    align-items: center;
    justify-content: space-between;
    gap: .55rem;
    color: var(--side-category-muted);
    background: transparent;
    border: 1px solid transparent;
    border-radius: var(--radius-md);
    font-size: .82rem;
    font-weight: 760;
    line-height: 1.15;
    text-decoration: none;
    transition: background .18s ease, border-color .18s ease, color .18s ease, transform .18s ease;
}

.sidebar-category-link {
    padding: .45rem .5rem;
}

.sidebar-category-child {
    min-height: 34px;
    padding: .36rem .45rem;
    font-size: .76rem;
    font-weight: 740;
}

.sidebar-category-link:hover,
.sidebar-category-link:focus-visible,
.sidebar-category-child:hover,
.sidebar-category-child:focus-visible,
.sidebar-category-item.open .sidebar-category-parent-link {
    color: var(--side-category-text);
    background: var(--side-category-panel);
    border-color: color-mix(in srgb, var(--side-category-line) 72%, var(--side-category-accent) 28%);
    outline: none;
}

.sidebar-category-link:hover,
.sidebar-category-child:hover {
    transform: translateX(2px);
}

.sidebar-category-link.active,
.sidebar-category-all.active {
    color: var(--side-category-on-accent);
    background: linear-gradient(135deg, var(--side-category-accent), var(--side-category-accent-strong));
    border-color: transparent;
    box-shadow: 0 12px 24px -18px var(--side-category-accent);
}

.sidebar-category-item.has-active-child .sidebar-category-parent-link,
.sidebar-category-child.active {
    color: var(--side-category-text);
    background: var(--side-category-soft-panel);
    border-color: var(--side-category-ring);
}

.sidebar-category-copy,
.sidebar-category-atlas .subcategory-link-content {
    display: flex;
    min-width: 0;
    flex: 1 1 auto;
    align-items: center;
    gap: .5rem;
}

.sidebar-category-name,
.sidebar-category-atlas .subcategory-name {
    overflow: hidden;
    min-width: 0;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.sidebar-category-parent-row {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 36px;
    gap: 6px;
    align-items: stretch;
}

.sidebar-category-expander {
    display: grid;
    width: 36px;
    min-width: 0;
    height: auto;
    min-height: 42px;
    place-items: center;
    color: var(--side-category-muted);
    background: var(--side-category-panel);
    border: 1px solid var(--side-category-line);
    border-radius: var(--radius-md);
    cursor: pointer;
    transition: background .18s ease, border-color .18s ease, color .18s ease;
}

.sidebar-category-expander:hover,
.sidebar-category-expander:focus-visible {
    color: var(--side-category-text);
    border-color: var(--side-category-ring);
    outline: none;
}

.sidebar-category-expander .chevron-icon {
    color: currentColor;
    font-size: .68rem;
    transition: transform .18s ease;
}

.sidebar-category-item.open .sidebar-category-expander .chevron-icon {
    transform: rotate(90deg);
}

.sidebar-category-children {
    display: none;
    margin: 5px 0 5px 25px;
    padding: 4px 0 4px 10px;
    border-left: 1px solid color-mix(in srgb, var(--side-category-line) 72%, var(--side-category-accent) 28%);
}

.sidebar-category-item.open>.sidebar-category-children {
    display: grid !important;
    gap: 4px;
}

.sidebar-category-atlas .sidebar-category-expander {
    display: grid;
    width: 36px;
    min-width: 0;
    max-width: 36px;
    min-height: 42px;
    padding: 0;
    place-items: center;
}

.sidebar-category-atlas .sidebar-category-children {
    display: none;
    margin: 5px 0 5px 25px;
    padding: 4px 0 4px 10px;
    border-left: 1px solid color-mix(in srgb, var(--side-category-line) 72%, var(--side-category-accent) 28%);
}

.sidebar-category-atlas .sidebar-category-item.open>.sidebar-category-children {
    display: grid !important;
    gap: 4px;
}

.sidebar-category-atlas .sidebar-category-child {
    display: flex !important;
    width: 100%;
    min-width: 0;
    max-width: 100%;
    min-height: 34px;
    align-items: center;
    justify-content: space-between;
    gap: .55rem;
    padding: .36rem .45rem;
    color: var(--side-category-muted);
    background: transparent;
    border: 1px solid transparent;
    border-radius: var(--radius-md);
    font-size: .76rem;
    font-weight: 740;
    line-height: 1.15;
    text-decoration: none;
}

.sidebar-category-atlas .sidebar-category-child:hover,
.sidebar-category-atlas .sidebar-category-child:focus-visible,
.sidebar-category-atlas .sidebar-category-child.active {
    color: var(--side-category-text);
    background: var(--side-category-soft-panel);
    border-color: var(--side-category-ring);
    padding-left: .45rem;
    outline: none;
}

/* ============================================================
   SECTION 4: Profile Styles (profil-style.css)
   ============================================================ */
/* ============================================
   PROFILE COMMAND CENTER THEME LAYER
   Shared profile design for private and public profile pages.
   ============================================ */

.profile-page-shell {
    --profile-bg: var(--bg);
    --profile-card: var(--bg-white);
    --profile-card-soft: var(--bg-hover);
    --profile-accent: var(--primary);
    --profile-accent-strong: var(--primary-dark);
    --profile-text: var(--text);
    --profile-muted: var(--text-dim);
    --profile-subtle: var(--text-light);
    --profile-border: var(--border);
    --profile-success: var(--success);
    --profile-warning: var(--warning);
    --profile-danger: var(--danger);
    --profile-info: var(--info);
    --profile-shadow: 0 18px 44px color-mix(in srgb, var(--shadow) 55%, transparent);
    --profile-shadow-soft: 0 10px 26px color-mix(in srgb, var(--shadow) 38%, transparent);
    --profile-radius: 8px;
    --profile-stack-gap: var(--t-page-gap, 12px);
    color: var(--profile-text);
    color-scheme: dark;
}

/* ============================================
   2 S\c3\153TUNLU LAYOUT
   ============================================ */
.profile-two-column-layout {
    display: grid;
    grid-template-columns: 1fr 320px;
    gap: var(--profile-stack-gap, var(--t-page-gap, 12px));
    width: 100%;
}

.profile-main-content {
    min-width: 0;
}

.profile-sidebar {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    position: sticky;
    top: 1rem;
    align-self: start;
}

/* Tek S\c3\bctun Layout (Di\c4\178er Sekmeler) */
.profile-single-column {
    width: 100%;
}

/* Responsive */
@media (max-width: 1024px) {
    .profile-two-column-layout {
        grid-template-columns: 1fr;
    }

    .profile-sidebar {
        position: static;
        order: -1;
    }
}

/* ============================================
   KOLEKSIYON S\c4\b0STEM\c4\b0
   ============================================ */

.collection-create-form {
    display: grid;
    grid-template-columns: minmax(180px, 1fr) minmax(180px, 1.4fr) auto;
    gap: .75rem;
    align-items: end;
    margin-bottom: 1rem;
    padding: 1rem;
    border: 1px solid var(--border);
    border-radius: var(--radius-md);
    background: var(--bg-hover);
}

.collection-create-form label {
    display: block;
    margin-bottom: .35rem;
    font-weight: 800;
    font-size: .82rem;
    color: var(--text-dim);
}

.collection-create-form input,
.collection-picker-form select {
    width: 100%;
    border: 1px solid var(--border);
    border-radius: var(--radius-md);
    background: var(--bg-card);
    color: var(--text);
    padding: .65rem .75rem;
}

.collection-create-form button,
.collection-picker-form button,
.collection-remove-form button,
.collection-summary-card button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: .4rem;
    border: 0;
    border-radius: var(--radius-md);
    padding: .65rem .8rem;
    background: var(--primary);
    color: var(--on-primary);
    font-weight: 800;
}

.collection-summary-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: .75rem;
    margin-bottom: 1rem;
}

.collection-summary-card {
    display: flex;
    justify-content: space-between;
    gap: .75rem;
    padding: .85rem;
    border: 1px solid var(--border);
    border-radius: var(--radius-md);
    background: var(--bg-card);
}

.collection-summary-card strong,
.collection-summary-card span,
.collection-summary-card small {
    display: block;
}

.collection-summary-card span,
.collection-summary-card small {
    color: var(--text-dim);
    font-size: .8rem;
}

.favorite-actions {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    flex-wrap: wrap;
    gap: .45rem;
}

.collection-picker-form {
    display: flex;
    align-items: center;
    gap: .4rem;
}

.collection-remove-form button,
.collection-summary-card button {
    background: transparent;
    color: var(--danger);
    border: 1px solid var(--border);
}

.profile-report-list {
    display: grid;
    gap: .75rem;
}

.profile-report-card {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 1rem;
    align-items: start;
    padding: 1rem;
    border: 1px solid var(--border);
    border-radius: var(--radius-md);
    background: var(--bg-hover);
}

.profile-report-card p {
    margin: .65rem 0 0;
    color: var(--text-light);
    line-height: 1.55;
}

.profile-report-status {
    display: inline-flex;
    align-items: center;
    min-height: 28px;
    padding: .28rem .65rem;
    border-radius: 999px;
    font-size: .78rem;
    font-weight: 900;
    white-space: nowrap;
}

.profile-report-status-warning {
    background: color-mix(in srgb, var(--warning) 18%, transparent);
    color: var(--warning);
}

.profile-report-status-info {
    background: color-mix(in srgb, var(--info) 18%, transparent);
    color: var(--info);
}

.profile-report-status-success {
    background: color-mix(in srgb, var(--success) 18%, transparent);
    color: var(--success);
}

.profile-report-status-danger {
    background: color-mix(in srgb, var(--danger) 18%, transparent);
    color: var(--danger);
}

.profile-report-note {
    margin-top: .75rem;
    padding: .7rem .8rem;
    border: 1px solid var(--border);
    border-radius: var(--radius-md);
    background: var(--bg-card);
    color: var(--text-light);
}

@media (max-width: 768px) {
    .collection-create-form {
        grid-template-columns: 1fr;
    }

    .favorite-actions {
        justify-content: flex-start;
        width: 100%;
    }

    .profile-report-card {
        grid-template-columns: 1fr;
    }
}

[data-theme="dark"] .profile-page-shell {
    color-scheme: dark;
}

[data-theme="light"] .profile-page-shell {
    --profile-shadow: 0 18px 44px rgba(17, 24, 39, .12);
    --profile-shadow-soft: 0 10px 26px rgba(17, 24, 39, .08);
    color-scheme: light;
}

.profile-page-shell,
.profile-container.profile-page-shell {
    width: calc(100vw - 40px);
    max-width: 1400px;
    margin-inline: auto;
    padding: 0;
}

.profile-page-shell.container {
    width: calc(100vw - 40px);
    max-width: 1360px;
    padding-right: 0;
    padding-left: 0;
}

#main-content.topic-main>.profile-page-shell.container {
    width: calc(100vw - 40px);
    max-width: 1360px;
    padding-right: 0;
    padding-left: 0;
}

.profile-page-shell a {
    text-decoration-thickness: 1px;
    text-underline-offset: 3px;
}

.profile-breadcrumb-shell {
    width: calc(100vw - 40px);
    max-width: 1360px;
    margin: 0 auto var(--t-page-gap) !important;
    padding: 0;
}

.profile-breadcrumb-shell.container {
    width: calc(100vw - 40px) !important;
    max-width: 1360px !important;
    padding-right: 0 !important;
    padding-left: 0 !important;
}

#main-content.topic-main>.container.breadcrumb-container.profile-breadcrumb-shell {
    width: calc(100vw - 40px) !important;
    max-width: 1400px !important;
    padding-inline: 0 !important;
}

.profile-breadcrumb-shell .breadcrumb {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
    min-height: 32px;
    padding: 8px 16px;
    margin: 0;
    background: var(--bg-white);
    border: 1px solid var(--border);
    border-radius: var(--radius-md);
    box-shadow: var(--shadow-sm);
    color: var(--text-dim);
    font-size: .8rem;
    font-weight: 500;
}

.profile-breadcrumb-shell .breadcrumb a {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    color: var(--primary);
    font-size: .8rem;
    font-weight: 600;
    text-decoration: none;
    transition: color .2s;
}

.profile-breadcrumb-shell .breadcrumb a:hover {
    color: var(--primary-dark);
}

.profile-breadcrumb-shell .breadcrumb a i {
    font-size: .85rem;
}

.profile-breadcrumb-shell .breadcrumb i.bi-chevron-right {
    color: var(--text-dim);
    font-size: .7rem;
}

.profile-breadcrumb-shell .breadcrumb span {
    color: var(--text-dim);
    font-size: .8rem;
    font-weight: 500;
}

.profile-breadcrumb-shell+.profile-shell {
    margin-top: 0;
    padding-top: 0;
}

/* Hero */
.profile-page-shell .profile-hero {
    position: relative;
    overflow: hidden;
    margin-bottom: var(--t-page-gap);
    background:
        linear-gradient(180deg, color-mix(in srgb, var(--profile-card-soft) 72%, transparent), transparent 72%),
        var(--profile-card);
    border: 1px solid var(--profile-border);
    border-radius: var(--profile-radius);
    box-shadow: var(--profile-shadow-soft);
}

.profile-page-shell .profile-hero-banner,
.profile-page-shell .profile-banner {
    position: relative;
    min-height: 128px;
    background:
        linear-gradient(135deg,
            color-mix(in srgb, var(--profile-accent) 24%, transparent),
            color-mix(in srgb, #8b1538 18%, transparent) 52%,
            color-mix(in srgb, var(--profile-warning) 16%, transparent)),
        #1f2937;
    border-bottom: 1px solid color-mix(in srgb, var(--profile-border) 70%, transparent);
}

.profile-page-shell .profile-hero-banner::after,
.profile-page-shell .profile-banner::after {
    position: absolute;
    inset: 0;
    content: "";
    background:
        linear-gradient(90deg, rgba(255, 255, 255, .12) 1px, transparent 1px),
        linear-gradient(180deg, rgba(255, 255, 255, .1) 1px, transparent 1px);
    background-size: 42px 42px;
    opacity: .18;
}

.profile-page-shell .profile-hero-body,
.profile-page-shell .profile-content {
    position: relative;
    margin-top: -48px;
    padding: 0 1.5rem 1.35rem;
}

.profile-page-shell .profile-hero-content,
.profile-page-shell .profile-header {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: var(--t-page-gap);
    align-items: end;
}

.profile-page-shell .profile-avatar-wrap {
    position: relative;
    z-index: 1;
}

.profile-page-shell .profile-hero-avatar,
.profile-page-shell .profile-avatar {
    display: grid;
    width: 104px;
    height: 104px;
    place-items: center;
    overflow: hidden;
    color: var(--on-primary);
    background:
        linear-gradient(135deg, var(--profile-accent), var(--profile-accent-strong));
    border: 4px solid var(--profile-card);
    border-radius: var(--radius-md);
    box-shadow: 0 16px 34px color-mix(in srgb, var(--shadow) 58%, transparent);
    font-size: 2rem;
    font-weight: 900;
    line-height: 1;
}

.profile-page-shell .profile-hero-avatar img,
.profile-page-shell .profile-avatar img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.profile-page-shell .profile-info {
    min-width: 0;
    padding-top: 3.2rem;
}

.profile-page-shell .profile-name {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: .55rem;
    min-width: 0;
    margin: 0 0 .6rem;
    color: var(--profile-text);
    font-size: 1.75rem;
    font-weight: 900;
    line-height: 1.15;
    letter-spacing: 0;
}

.profile-page-shell .profile-name h1 {
    margin: 0;
    color: inherit;
    font-size: inherit;
    font-weight: inherit;
    line-height: inherit;
    letter-spacing: 0;
}

.profile-page-shell .profile-role-badge,
.profile-page-shell .profile-group-badge,
.profile-page-shell .profile-name>.badge {
    position: static;
    top: auto;
    right: auto;
    display: inline-flex;
    align-items: center;
    gap: .35rem;
    min-height: 1.55rem;
    padding: .28rem .6rem;
    color: var(--on-primary);
    background: var(--profile-accent);
    border: 1px solid color-mix(in srgb, var(--profile-accent) 78%, #fff 22%);
    border-radius: 999px;
    font-size: .72rem;
    font-weight: 850;
    letter-spacing: 0;
    line-height: 1;
    text-transform: none;
    box-shadow: none;
}

.profile-page-shell .profile-role-badge--admin,
.profile-page-shell .profile-group-badge--admin {
    color: var(--on-primary);
    background: var(--profile-danger);
    border-color: color-mix(in srgb, var(--profile-danger) 78%, #fff 22%);
}

.profile-page-shell .profile-role-badge--editor,
.profile-page-shell .profile-group-badge--editor {
    color: var(--on-primary);
    background: #8b1538;
    border-color: color-mix(in srgb, #8b1538 78%, #fff 22%);
}

.profile-page-shell .profile-role-badge--member,
.profile-page-shell .profile-group-badge--member {
    color: var(--profile-text);
    background: color-mix(in srgb, var(--profile-accent) 14%, transparent);
    border-color: color-mix(in srgb, var(--profile-accent) 32%, var(--profile-border));
}

.profile-page-shell .profile-edit-btn,
.profile-page-shell .profile-social-link,
.profile-page-shell .profile-topic-action {
    display: inline-grid;
    place-items: center;
    width: 2rem;
    height: 2rem;
    color: var(--profile-text);
    background: var(--profile-card-soft);
    border: 1px solid var(--profile-border);
    border-radius: var(--radius-md);
    text-decoration: none;
    transition: color .16s ease, background .16s ease, border-color .16s ease, transform .16s ease;
}

.profile-page-shell .profile-edit-btn:hover,
.profile-page-shell .profile-social-link:hover,
.profile-page-shell .profile-topic-action:hover {
    color: var(--on-primary);
    background: var(--profile-accent);
    border-color: var(--profile-accent);
    transform: translateY(-1px);
}

.profile-page-shell .profile-meta {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: .55rem .85rem;
    margin-bottom: .75rem;
    color: var(--profile-muted);
    font-size: .86rem;
    font-weight: 700;
}

.profile-page-shell .profile-meta span,
.profile-page-shell .profile-meta-item {
    display: inline-flex;
    align-items: center;
    gap: .38rem;
    min-width: 0;
}

.profile-page-shell .profile-meta i,
.profile-page-shell .profile-meta-item i {
    color: var(--profile-accent);
}

.profile-page-shell .profile-meta a {
    color: inherit;
    text-decoration: none;
}

.profile-page-shell .profile-meta a:hover {
    color: var(--profile-accent);
}

.profile-page-shell .profile-bio {
    max-width: 760px;
    margin: 0;
    color: var(--profile-muted);
    font-size: .95rem;
    line-height: 1.65;
}

.profile-page-shell .profile-social-links {
    display: flex;
    flex-wrap: wrap;
    gap: .45rem;
    margin-top: .9rem;
}

/* Stats */
.profile-page-shell .profile-stats-bar {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: .8rem;
    margin-bottom: var(--t-page-gap);
}

.profile-page-shell .profile-stat-card {
    position: relative;
    min-height: 98px;
    padding: 1rem;
    overflow: hidden;
    background: var(--profile-card);
    border: 1px solid var(--profile-border);
    border-radius: var(--profile-radius);
    box-shadow: var(--profile-shadow-soft);
    transition: border-color .16s ease, transform .16s ease, box-shadow .16s ease;
}

.profile-page-shell .profile-stat-card::before {
    position: absolute;
    inset: 0 auto 0 0;
    width: 4px;
    content: "";
    background: var(--profile-accent);
}

.profile-page-shell .profile-stat-card:hover {
    border-color: color-mix(in srgb, var(--profile-accent) 52%, var(--profile-border));
    box-shadow: var(--profile-shadow);
    transform: translateY(-2px);
}

.profile-page-shell .profile-stat-card .stat-icon {
    display: inline-grid;
    width: 2rem;
    height: 2rem;
    margin-bottom: .55rem;
    place-items: center;
    color: var(--profile-accent);
    background: color-mix(in srgb, var(--profile-accent) 12%, transparent);
    border: 1px solid color-mix(in srgb, var(--profile-accent) 22%, transparent);
    border-radius: var(--radius-md);
    font-size: 1rem;
}

.profile-page-shell .profile-stat-card .stat-value,
.profile-page-shell .profile-stat-card strong {
    display: block;
    color: var(--profile-text);
    font-size: 1.65rem;
    font-weight: 900;
    line-height: 1;
    letter-spacing: 0;
}

.profile-page-shell .profile-stat-card .stat-label,
.profile-page-shell .profile-stat-card>span {
    display: block;
    margin-top: .45rem;
    color: var(--profile-muted);
    font-size: .77rem;
    font-weight: 800;
    letter-spacing: 0;
    text-transform: uppercase;
}

/* Tabs */
.profile-page-shell .profile-tabs {
    position: sticky;
    top: 78px;
    z-index: 6;
    display: flex;
    gap: var(--profile-stack-gap, var(--t-page-gap, 12px));
    margin-bottom: var(--profile-stack-gap, var(--t-page-gap, 12px));
    padding: .38rem;
    overflow-x: auto;
    scrollbar-width: thin;
    background: color-mix(in srgb, var(--profile-card) 94%, transparent);
    border: 1px solid var(--profile-border);
    border-radius: var(--profile-radius);
    box-shadow: var(--profile-shadow-soft);
    backdrop-filter: blur(12px);
}

.profile-page-shell .profile-tab {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: .42rem;
    min-height: 2.35rem;
    padding: .52rem .78rem;
    color: var(--profile-muted);
    background: transparent;
    border: 1px solid transparent;
    border-radius: var(--radius-md);
    font-size: .84rem;
    font-weight: 850;
    line-height: 1;
    text-decoration: none;
    white-space: nowrap;
    transition: color .16s ease, background .16s ease, border-color .16s ease;
}

.profile-page-shell .profile-tab:hover {
    color: var(--profile-text);
    background: var(--profile-card-soft);
    border-color: var(--profile-border);
}

.profile-page-shell .profile-tab.active {
    color: var(--on-primary);
    background: var(--profile-accent);
    border-color: var(--profile-accent);
}

/* Sections and grids */
.profile-page-shell .profile-grid {
    display: grid;
    gap: var(--t-page-gap);
}

.profile-page-shell .profile-grid-row {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: var(--t-page-gap);
    align-items: stretch;
}

.profile-page-shell .profile-section {
    min-width: 0;
    margin-bottom: var(--t-page-gap);
    padding: 1.1rem;
    background: var(--profile-card);
    border: 1px solid var(--profile-border);
    border-radius: var(--profile-radius);
    box-shadow: var(--profile-shadow-soft);
}

.profile-page-shell .profile-section-title {
    display: flex;
    align-items: center;
    gap: .55rem;
    margin: 0 0 .95rem;
    padding-bottom: .75rem;
    color: var(--profile-text);
    border-bottom: 1px solid var(--profile-border);
    font-size: 1rem;
    font-weight: 900;
    letter-spacing: 0;
    line-height: 1.25;
}

.profile-page-shell .profile-section-title i {
    color: var(--profile-accent);
    font-size: 1.05rem;
}

/* Topic and comment rows */
.profile-page-shell .profile-topic-item,
.profile-page-shell .profile-comment-item,
.profile-page-shell .profile-pending-card {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .8rem;
    min-width: 0;
    padding: .82rem;
    margin-bottom: .58rem;
    background: var(--profile-card-soft);
    border: 1px solid var(--profile-border);
    border-radius: var(--profile-radius);
    transition: border-color .16s ease, transform .16s ease, background .16s ease;
}

.profile-page-shell .profile-topic-item:hover,
.profile-page-shell .profile-comment-item:hover,
.profile-page-shell .profile-pending-card:hover {
    background: color-mix(in srgb, var(--profile-card-soft) 82%, var(--profile-accent) 8%);
    border-color: color-mix(in srgb, var(--profile-accent) 34%, var(--profile-border));
    transform: translateY(-1px);
}

.profile-page-shell .profile-topic-title,
.profile-page-shell .profile-pending-title {
    display: inline-block;
    max-width: 100%;
    color: var(--profile-text);
    font-size: .94rem;
    font-weight: 850;
    line-height: 1.35;
    text-decoration: none;
}

.profile-page-shell .profile-topic-title:hover,
.profile-page-shell .profile-pending-title:hover {
    color: var(--profile-accent);
}

.profile-page-shell .profile-topic-meta,
.profile-page-shell .profile-pending-meta {
    display: flex;
    flex-wrap: wrap;
    gap: .35rem .8rem;
    margin-top: .42rem;
    padding: 0 1rem;
    color: var(--profile-muted);
    font-size: .78rem;
    font-weight: 700;
    text-shadow: 0 1px 4px rgba(0,0,0,0.2);
}

.profile-shell .profile-topic-meta,
.profile-shell .profile-pending-meta {
    display: flex;
    flex-wrap: wrap;
    gap: .35rem .8rem;
    margin-top: .42rem;
    padding: 0 1rem;
    color: var(--profile-muted);
    font-size: .78rem;
    font-weight: 700;
    text-shadow: 0 1px 4px rgba(0,0,0,0.2);
}

.profile-page-shell .profile-topic-meta span,
.profile-page-shell .profile-pending-meta span {
    display: inline-flex;
    align-items: center;
    gap: .3rem;
}

.profile-shell .profile-topic-meta span,
.profile-shell .profile-pending-meta span {
    display: inline-flex;
    align-items: center;
    gap: .3rem;
}

.profile-page-shell .profile-topic-meta i,
.profile-page-shell .profile-pending-meta i {
    color: var(--profile-accent);
}

.profile-shell .profile-topic-meta i,
.profile-shell .profile-pending-meta i {
    color: var(--profile-accent);
}

.profile-page-shell .profile-comment-item {
    display: grid;
    gap: .45rem;
    align-items: start;
}

.profile-page-shell .profile-comment-body {
    color: var(--profile-muted);
    font-size: .86rem;
    line-height: 1.58;
}

.profile-page-shell .profile-pending-list {
    display: grid;
    gap: .6rem;
    margin-bottom: .9rem;
}

.profile-page-shell .profile-topic-status-filter {
    display: flex;
    flex-wrap: wrap;
    gap: .45rem;
    margin: .25rem 0 1rem;
}

.profile-page-shell .profile-topic-status-filter-link {
    display: inline-flex;
    align-items: center;
    gap: .38rem;
    padding: .48rem .72rem;
    color: var(--profile-muted);
    background: var(--profile-card-soft);
    border: 1px solid var(--profile-border);
    border-radius: var(--profile-radius-sm);
    font-size: .8rem;
    font-weight: 800;
    text-decoration: none;
    transition: border-color .2s ease, color .2s ease, background .2s ease;
}

.profile-page-shell .profile-topic-status-filter-link:hover,
.profile-page-shell .profile-topic-status-filter-link.active {
    color: var(--profile-accent);
    background: color-mix(in srgb, var(--profile-accent) 10%, var(--profile-card-soft));
    border-color: color-mix(in srgb, var(--profile-accent) 32%, var(--profile-border));
}

.profile-page-shell .profile-pending-card {
    margin-bottom: 0;
}

.profile-page-shell .profile-pending-badge,
.profile-page-shell .profile-activity-badge {
    display: inline-flex;
    align-items: center;
    gap: .32rem;
    flex-shrink: 0;
    min-height: 1.65rem;
    padding: .28rem .55rem;
    color: var(--profile-text);
    background: color-mix(in srgb, var(--profile-warning) 14%, transparent);
    border: 1px solid color-mix(in srgb, var(--profile-warning) 28%, var(--profile-border));
    border-radius: 999px;
    font-size: .72rem;
    font-weight: 850;
}

.profile-page-shell .profile-moderation-note {
    display: flex;
    align-items: flex-start;
    gap: .55rem;
    margin-top: .65rem;
    padding: .7rem .8rem;
    color: var(--profile-text);
    background: color-mix(in srgb, var(--profile-warning) 10%, transparent);
    border: 1px solid color-mix(in srgb, var(--profile-warning) 26%, var(--profile-border));
    border-radius: var(--profile-radius-sm);
}

.profile-page-shell .profile-moderation-note > i {
    color: var(--profile-warning);
    margin-top: .1rem;
}

.profile-page-shell .profile-moderation-note strong,
.profile-page-shell .profile-moderation-note span {
    display: block;
}

.profile-page-shell .profile-moderation-note strong {
    font-size: .78rem;
    font-weight: 900;
}

.profile-page-shell .profile-moderation-note span {
    margin-top: .18rem;
    color: var(--profile-muted);
    font-size: .82rem;
    line-height: 1.5;
}

.profile-page-shell .profile-resubmit-form {
    margin: 0;
}

.profile-page-shell .profile-resubmit-action {
    display: inline-flex;
    align-items: center;
    gap: .4rem;
    margin-top: .7rem;
    padding: .52rem .75rem;
    color: #fff;
    background: var(--profile-accent);
    border: 0;
    border-radius: var(--profile-radius-sm);
    font-size: .8rem;
    font-weight: 900;
    text-decoration: none;
    cursor: pointer;
    transition: transform .2s ease, box-shadow .2s ease;
}

.profile-page-shell .profile-resubmit-action:hover {
    color: #fff;
    transform: translateY(-1px);
    box-shadow: var(--profile-shadow-soft);
}

/* Public topic cards */
.profile-page-shell .profile-topics-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: .8rem;
}

.profile-page-shell .profile-topic-card {
    position: relative;
    display: grid;
    grid-template-columns: 1fr;
    gap: 0;
    min-height: 220px;
    padding: 0;
    background-color: var(--profile-card);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    border: 1px solid var(--profile-border);
    border-radius: var(--profile-radius);
    box-shadow: var(--profile-shadow-soft);
    transition: border-color .16s ease, transform .16s ease, box-shadow .16s ease;
    overflow: hidden;
}

.profile-shell.profile-page-shell .profile-topic-card {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    min-height: 280px;
    padding: 0;
    background-color: var(--profile-card);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    border: 1px solid var(--profile-border);
    border-radius: var(--profile-radius);
    box-shadow: var(--profile-shadow-soft);
    transition: all .3s ease;
    overflow: hidden;
}

.profile-shell.profile-page-shell .profile-topic-card:hover {
    border-color: color-mix(in srgb, var(--profile-accent) 42%, var(--profile-border));
    box-shadow: var(--profile-shadow);
    transform: translateY(-4px);
}

.profile-shell.profile-page-shell .profile-topic-card::before {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.2) 40%, rgba(0,0,0,0.6) 100%);
    pointer-events: none;
    z-index: 1;
}

.profile-shell.profile-page-shell .profile-topic-card > * {
    position: relative;
    z-index: 2;
}

.profile-shell.profile-page-shell .profile-topic-rank {
    position: absolute;
    top: 1rem;
    left: 1rem;
    z-index: 10;
    width: 2.5rem;
    height: 2.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(139, 21, 56, 0.9);
    border-radius: 50%;
    color: #fff;
    font-size: 0.85rem;
    font-weight: 900;
    backdrop-filter: blur(8px);
}

.profile-shell.profile-page-shell .profile-topic-link {
    flex: 1;
    display: flex;
    align-items: flex-end;
    padding: 2rem 1.5rem 0;
    color: inherit;
    text-decoration: none;
}

.profile-shell.profile-page-shell .profile-topic-card .profile-topic-title {
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    font-size: 1.1rem;
    font-weight: 700;
    line-height: 1.3;
    color: #fff;
    text-shadow: 0 2px 12px rgba(0,0,0,0.5);
    margin: 0;
}

.profile-shell.profile-page-shell .profile-topic-meta {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
    padding: 1rem 1.5rem 0;
    color: rgba(255,255,255,0.85);
    font-size: 0.8rem;
    font-weight: 600;
    text-shadow: 0 1px 6px rgba(0,0,0,0.4);
}

.profile-shell.profile-page-shell .profile-topic-meta span {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
}

.profile-shell.profile-page-shell .profile-topic-meta i {
    color: rgba(255,255,255,0.9);
    font-size: 0.9rem;
}

.profile-shell.profile-page-shell .profile-topic-footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 1rem 1.5rem;
    border-top: none;
    background: linear-gradient(180deg, rgba(0,0,0,0.1) 0%, rgba(0,0,0,0.4) 100%);
}

.profile-shell.profile-page-shell .profile-topic-category {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    padding: 0.4rem 0.8rem;
    color: rgba(255,255,255,0.9);
    background: rgba(139, 21, 56, 0.7);
    border: 1px solid rgba(139, 21, 56, 0.9);
    border-radius: 20px;
    font-size: 0.75rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    backdrop-filter: blur(8px);
}

.profile-shell.profile-page-shell .profile-topic-action {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 2rem;
    height: 2rem;
    color: rgba(255,255,255,0.9);
    background: rgba(139, 21, 56, 0.7);
    border: 1px solid rgba(139, 21, 56, 0.9);
    border-radius: 50%;
    text-decoration: none;
    transition: all .2s ease;
    backdrop-filter: blur(8px);
}

.profile-shell.profile-page-shell .profile-topic-action:hover {
    background: rgba(139, 21, 56, 0.95);
    color: #fff;
    transform: scale(1.1);
}


/* Activity */
.profile-page-shell .profile-activity-list {
    display: grid;
    gap: .6rem;
}

.profile-page-shell .profile-activity-item {
    position: relative;
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    gap: .75rem;
    align-items: center;
    min-width: 0;
    padding: .8rem;
    margin-bottom: .55rem;
    background: var(--profile-card-soft);
    border: 1px solid var(--profile-border);
    border-radius: var(--profile-radius);
}

.profile-page-shell .profile-activity-dot {
    width: .78rem;
    height: .78rem;
    border-radius: 999px;
    background: var(--text-dim);
    color: var(--text-dim);
    box-shadow: 0 0 0 4px color-mix(in srgb, currentColor 14%, transparent);
}

.profile-page-shell .profile-activity-dot.is-success {
    background: var(--success);
    color: var(--success);
}

.profile-page-shell .profile-activity-dot.is-primary {
    background: var(--primary);
    color: var(--primary);
}

.profile-page-shell .profile-activity-dot.is-warning {
    background: var(--warning);
    color: var(--warning);
}

.profile-page-shell .profile-activity-dot.is-danger {
    background: var(--danger);
    color: var(--danger);
}

.profile-page-shell .profile-activity-dot.is-info {
    background: var(--info);
    color: var(--info);
}

.profile-page-shell .profile-activity-dot.is-muted {
    background: var(--text-dim);
    color: var(--text-dim);
}

.profile-page-shell .profile-activity-main {
    min-width: 0;
}

.profile-page-shell .profile-activity-title {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: .45rem;
    color: var(--profile-text);
    font-size: .9rem;
    font-weight: 850;
}

.profile-page-shell .profile-activity-detail {
    margin-top: .25rem;
    color: var(--profile-muted);
    font-size: .8rem;
    line-height: 1.45;
}

.profile-page-shell .profile-activity-meta {
    color: var(--profile-muted);
    font-size: .76rem;
    font-weight: 750;
    text-align: right;
    white-space: nowrap;
}

.profile-page-shell .profile-activity-meta strong {
    display: block;
    color: var(--profile-text);
    font-size: .82rem;
}

/* Forms */
.profile-page-shell .profile-form-row {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .9rem;
}

.profile-page-shell .profile-form-group {
    display: grid;
    gap: .45rem;
    margin-bottom: .9rem;
}

.profile-page-shell .profile-form-group label {
    color: var(--profile-text);
    font-size: .84rem;
    font-weight: 850;
}

.profile-page-shell .profile-form-group input,
.profile-page-shell .profile-form-group textarea,
.profile-page-shell .profile-social-input input {
    width: 100%;
    min-height: 2.65rem;
    padding: .68rem .78rem;
    color: var(--profile-text);
    background: var(--profile-bg);
    border: 1px solid var(--profile-border);
    border-radius: var(--radius-md);
    font: inherit;
    font-size: .9rem;
    outline: none;
    transition: border-color .16s ease, box-shadow .16s ease, background .16s ease;
}

.profile-page-shell .profile-form-group textarea {
    min-height: 6rem;
    resize: vertical;
    line-height: 1.55;
}

.profile-page-shell .profile-form-group input:focus,
.profile-page-shell .profile-form-group textarea:focus,
.profile-page-shell .profile-social-input:focus-within {
    border-color: var(--profile-accent);
    box-shadow: 0 0 0 3px color-mix(in srgb, var(--profile-accent) 18%, transparent);
}

.profile-page-shell .profile-social-input {
    display: flex;
    align-items: stretch;
    overflow: hidden;
    background: var(--profile-bg);
    border: 1px solid var(--profile-border);
    border-radius: var(--radius-md);
}

.profile-page-shell .profile-social-input .prefix {
    display: inline-flex;
    align-items: center;
    padding: 0 .72rem;
    color: var(--profile-muted);
    background: var(--profile-card-soft);
    border-right: 1px solid var(--profile-border);
    font-size: .85rem;
    font-weight: 800;
    white-space: nowrap;
}

.profile-page-shell .profile-social-input input {
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
}

.profile-page-shell .profile-avatar-upload {
    display: flex;
    align-items: center;
    gap: .8rem;
    padding: .85rem;
    color: var(--profile-text);
    background: var(--profile-card-soft);
    border: 1px dashed color-mix(in srgb, var(--profile-accent) 34%, var(--profile-border));
    border-radius: var(--profile-radius);
    cursor: pointer;
    transition: background .16s ease, border-color .16s ease, transform .16s ease;
}

.profile-page-shell .profile-avatar-upload:hover {
    background: color-mix(in srgb, var(--profile-card-soft) 84%, var(--profile-accent) 8%);
    border-color: var(--profile-accent);
    transform: translateY(-1px);
}

.profile-page-shell .form-switch .form-check-input {
    background-color: var(--profile-card-soft);
    border-color: var(--profile-border);
}

.profile-page-shell .form-switch .form-check-input:checked {
    background-color: var(--profile-accent);
    border-color: var(--profile-accent);
}

/* Empty states */
.profile-page-shell .profile-empty,
.profile-page-shell .profile-empty-cta {
    display: grid;
    place-items: center;
    min-height: 190px;
    padding: 1.5rem;
    color: var(--profile-muted);
    background:
        linear-gradient(135deg, color-mix(in srgb, var(--profile-card-soft) 72%, transparent), transparent),
        var(--profile-card);
    border: 1px dashed color-mix(in srgb, var(--profile-border) 78%, var(--profile-accent) 22%);
    border-radius: var(--profile-radius);
    text-align: center;
}

.profile-page-shell .profile-empty i,
.profile-page-shell .profile-empty-cta i {
    margin-bottom: .6rem;
    color: var(--profile-accent);
    font-size: 2rem;
    opacity: .8;
}

.profile-page-shell .profile-empty p,
.profile-page-shell .profile-empty-cta p {
    max-width: 560px;
    margin: .35rem auto 0;
    color: var(--profile-muted);
    font-size: .92rem;
    line-height: 1.6;
}

.profile-page-shell .profile-empty-cta h3 {
    margin: 0;
    color: var(--profile-text);
    font-size: 1.15rem;
    font-weight: 900;
    letter-spacing: 0;
}

/* Bootstrap buttons inside profile pages */
.profile-page-shell .btn {
    border-radius: var(--radius-md);
    font-weight: 850;
}

.profile-page-shell .btn-warning {
    color: var(--on-primary);
    background: var(--profile-accent);
    border-color: var(--profile-accent);
}

.profile-page-shell .btn-warning:hover {
    color: var(--on-primary);
    background: var(--profile-accent-strong);
    border-color: var(--profile-accent-strong);
}

.profile-page-shell .btn-outline-secondary,
.profile-page-shell .btn-outline-danger {
    background: var(--profile-card-soft);
    border-color: var(--profile-border);
}

/* Alerts */
.profile-page-shell .alert {
    border-radius: var(--profile-radius);
    border-width: 1px;
    font-weight: 700;
}

/* Public profile presentation */
.profile-shell {
    display: grid;
    gap: 1rem;
}


.profile-shell .profile-topics {
    padding: 1.15rem;
}

.profile-shell .profile-section-head {
    display: flex;
    align-items: end;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 1rem;
    padding-bottom: .85rem;
    border-bottom: 1px solid var(--profile-border);
}

.profile-shell .profile-section-head .profile-section-title {
    margin: .25rem 0 0;
    padding: 0;
    border: 0;
}

.profile-shell .profile-count {
    flex-shrink: 0;
    padding: .34rem .62rem;
    color: var(--profile-text);
    background: var(--profile-card-soft);
    border: 1px solid var(--profile-border);
    border-radius: 999px;
    font-size: .78rem;
    font-weight: 850;
}

.profile-shell .profile-topic-card {
    position: relative;
    padding: 1rem;
    padding-top: 3rem;
}

.profile-shell .profile-topic-rank {
    position: absolute;
    top: 0.85rem;
    left: 0.85rem;
    z-index: 10;
    color: var(--profile-accent);
    background: rgba(0, 0, 0, 0.6);
    padding: 0.3rem 0.6rem;
    border-radius: 4px;
    font-size: .75rem;
    font-weight: 950;
    letter-spacing: .08em;
}

.profile-shell .profile-topic-link {
    color: inherit;
    text-decoration: none;
    padding: 0 1rem;
    display: block;
}

.profile-shell .profile-topic-card .profile-topic-meta {
    margin-top: .7rem;
}

.profile-shell .profile-page-summary {
    margin: -.35rem 0 .9rem;
    color: var(--profile-muted);
    font-size: .82rem;
    font-weight: 800;
}

.profile-shell .profile-paging {
    display: flex;
    justify-content: center;
    margin-top: 1.1rem;
    padding-top: 1rem;
    border-top: 1px solid var(--profile-border);
}

.profile-shell .profile-paging .topic-pagination {
    margin: 0;
}

.profile-shell .profile-paging .topic-pagination ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: .4rem;
    margin: 0;
    padding: 0;
    list-style: none;
}

.profile-shell .profile-paging .topic-pagination a,
.profile-shell .profile-paging .topic-pagination span {
    display: grid;
    min-width: 2.25rem;
    min-height: 2.25rem;
    place-items: center;
    padding: .4rem .65rem;
    color: var(--profile-muted);
    background: var(--profile-card-soft);
    border: 1px solid var(--profile-border);
    border-radius: var(--radius-md);
    font-size: .86rem;
    font-weight: 850;
    text-decoration: none;
}

.profile-shell .profile-paging .topic-pagination a:hover {
    color: var(--profile-text);
    border-color: color-mix(in srgb, var(--profile-accent) 42%, var(--profile-border));
}

.profile-shell .profile-paging .topic-pagination .active a {
    color: var(--on-primary);
    background: var(--profile-accent);
    border-color: var(--profile-accent);
}

.profile-page-shell .profile-tab-pagination {
    margin-top: 1rem;
    padding-top: 1rem;
    border-top: 1px solid var(--profile-border);
}

.profile-page-shell .profile-privacy-grid {
    display: grid;
    gap: .8rem;
    margin: 1rem 0 1.5rem;
}

.profile-page-shell .profile-privacy-card {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: .85rem;
    padding: .9rem;
    color: var(--profile-text);
    background: var(--profile-card-soft);
    border: 1px solid var(--profile-border);
    border-radius: var(--profile-radius);
    cursor: pointer;
    transition: border-color .18s ease, background .18s ease, transform .18s ease;
}

.profile-page-shell .profile-privacy-card:hover {
    border-color: color-mix(in srgb, var(--profile-accent) 38%, var(--profile-border));
    background: color-mix(in srgb, var(--profile-card-soft) 86%, var(--profile-accent) 8%);
    transform: translateY(-1px);
}

.profile-page-shell .profile-privacy-icon {
    display: grid;
    place-items: center;
    width: 40px;
    height: 40px;
    border-radius: 10px;
    color: var(--profile-accent);
    background: color-mix(in srgb, var(--profile-accent) 12%, transparent);
    border: 1px solid color-mix(in srgb, var(--profile-accent) 24%, var(--profile-border));
}

.profile-page-shell .profile-privacy-copy {
    display: grid;
    gap: .2rem;
    min-width: 0;
}

.profile-page-shell .profile-privacy-copy strong {
    font-size: .9rem;
    line-height: 1.25;
}

.profile-page-shell .profile-privacy-copy small {
    color: var(--profile-muted);
    font-size: .78rem;
    line-height: 1.4;
}

.profile-page-shell .profile-privacy-switch input {
    position: absolute;
    opacity: 0;
    pointer-events: none;
}

.profile-page-shell .profile-privacy-switch span {
    position: relative;
    display: block;
    width: 46px;
    height: 26px;
    border-radius: 999px;
    background: var(--profile-bg);
    border: 1px solid var(--profile-border);
    transition: background .18s ease, border-color .18s ease;
}

.profile-page-shell .profile-privacy-switch span::after {
    content: "";
    position: absolute;
    top: 3px;
    left: 3px;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    background: var(--profile-muted);
    transition: transform .18s ease, background .18s ease;
}

.profile-page-shell .profile-privacy-switch input:checked + span {
    background: var(--profile-accent);
    border-color: var(--profile-accent);
}

.profile-page-shell .profile-privacy-switch input:checked + span::after {
    transform: translateX(20px);
    background: var(--profile-card);
}

.profile-shell .profile-report-user-trigger {
    font: inherit;
}

.profile-restriction-panel {
    display: grid;
    gap: .85rem;
    margin-bottom: 1rem;
    padding: 1rem;
    border: 1px solid color-mix(in srgb, var(--warning) 42%, var(--profile-border));
    border-radius: var(--profile-radius);
    background: color-mix(in srgb, var(--warning) 10%, var(--profile-card));
    box-shadow: var(--profile-shadow-soft);
}

.profile-restriction-panel-head {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    gap: .8rem;
    align-items: center;
}

.profile-restriction-icon {
    display: grid;
    place-items: center;
    width: 42px;
    height: 42px;
    border-radius: 10px;
    color: var(--warning);
    background: color-mix(in srgb, var(--warning) 16%, transparent);
    border: 1px solid color-mix(in srgb, var(--warning) 32%, var(--profile-border));
}

.profile-restriction-panel-head strong,
.profile-collection-head strong {
    display: block;
    color: var(--profile-text);
}

.profile-restriction-panel-head span,
.profile-restriction-item span,
.profile-restriction-item small,
.profile-collection-card p,
.profile-collection-head span {
    color: var(--profile-muted);
}

.profile-restriction-appeal {
    display: inline-flex;
    align-items: center;
    gap: .4rem;
    min-height: 36px;
    padding: .45rem .7rem;
    border: 1px solid var(--profile-border);
    border-radius: var(--profile-radius);
    color: var(--profile-text);
    background: var(--profile-card);
    text-decoration: none;
    font-weight: 800;
}

.profile-restriction-list,
.profile-collection-grid {
    display: grid;
    gap: .75rem;
}

.profile-restriction-item,
.profile-collection-card {
    display: grid;
    gap: .35rem;
    padding: .85rem;
    border: 1px solid var(--profile-border);
    border-radius: var(--profile-radius);
    background: var(--profile-card);
}

.collection-summary-actions {
    display: inline-flex;
    align-items: center;
    gap: .35rem;
}

.profile-collection-grid {
    grid-template-columns: repeat(auto-fit, minmax(230px, 1fr));
}

.profile-collection-head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: .75rem;
}

.profile-collection-topics {
    display: grid;
    gap: .35rem;
    padding-top: .35rem;
}

.profile-collection-topics a {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: .35rem;
    align-items: center;
    color: var(--profile-text);
    text-decoration: none;
    font-weight: 750;
}

.profile-collection-topics span {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.is-optimistic-pending {
    opacity: .72;
    pointer-events: none;
}

.profile-topic-item.is-removing {
    opacity: 0;
    transform: translateX(12px);
    transition: opacity 180ms ease, transform 180ms ease;
}

/* Reversible revamp: topic actions widget */
.topic-sidebar-left .topic-actions-widget {
    border-radius: 8px !important;
    background:
        linear-gradient(180deg, color-mix(in srgb, var(--bg-white) 94%, var(--primary) 6%), var(--bg-white)) !important;
    border: 1px solid color-mix(in srgb, var(--border) 84%, var(--primary)) !important;
    box-shadow: 0 14px 34px color-mix(in srgb, var(--shadow) 55%, transparent) !important;
}

.topic-sidebar-left .topic-actions-header {
    padding: 13px 14px !important;
    background: transparent !important;
    border-bottom: 1px solid color-mix(in srgb, var(--border) 82%, transparent) !important;
}

.topic-sidebar-left .topic-actions-header h3 {
    font-size: 0.9rem !important;
    font-weight: 900 !important;
    letter-spacing: 0 !important;
}

.topic-sidebar-left .topic-actions-header h3 i {
    width: 32px !important;
    height: 32px !important;
    border-radius: 8px !important;
    background: color-mix(in srgb, var(--primary) 18%, transparent) !important;
    color: var(--primary) !important;
    box-shadow: none !important;
}

.topic-sidebar-left .topic-actions-body {
    padding: 10px !important;
}

.topic-sidebar-left .topic-actions-widget .topic-action-list {
    display: grid !important;
    gap: 8px !important;
}

.topic-sidebar-left .topic-actions-widget .topic-action-form {
    margin: 0 !important;
}

.topic-sidebar-left .topic-actions-widget .topic-action-btn {
    width: 100% !important;
    min-height: 48px !important;
    display: grid !important;
    grid-template-columns: 36px minmax(0, 1fr) auto !important;
    align-items: center !important;
    gap: 10px !important;
    padding: 9px 10px !important;
    border-radius: 8px !important;
    border: 1px solid var(--border) !important;
    background: color-mix(in srgb, var(--bg-white) 92%, var(--bg) 8%) !important;
    color: var(--text) !important;
    text-align: left !important;
    text-decoration: none !important;
    transform: none !important;
    box-shadow: none !important;
}

.topic-sidebar-left .topic-actions-widget .topic-action-btn::before {
    display: none !important;
}

.topic-sidebar-left .topic-actions-widget .topic-action-btn:hover {
    border-color: color-mix(in srgb, var(--primary) 48%, var(--border)) !important;
    background: color-mix(in srgb, var(--bg-white) 95%, var(--primary) 5%) !important;
    color: var(--text) !important;
    transform: translateY(-1px) !important;
    box-shadow: 0 8px 18px color-mix(in srgb, var(--shadow) 38%, transparent) !important;
}

.topic-sidebar-left .topic-actions-widget .topic-action-btn:hover .action-icon-wrapper {
    background: color-mix(in srgb, var(--primary) 16%, transparent) !important;
    color: var(--primary) !important;
}

.topic-sidebar-left .topic-actions-widget .topic-action-btn:hover .action-icon-wrapper i {
    color: currentColor !important;
}

.topic-sidebar-left .topic-actions-widget .topic-action-btn:focus-visible {
    outline: 3px solid color-mix(in srgb, var(--primary) 22%, transparent) !important;
    outline-offset: 2px !important;
}

.topic-sidebar-left .topic-actions-widget .topic-action-btn .action-icon-wrapper {
    width: 36px !important;
    height: 36px !important;
    display: grid !important;
    place-items: center !important;
    border-radius: 8px !important;
    background: color-mix(in srgb, var(--primary) 12%, transparent) !important;
    color: var(--primary) !important;
    transform: none !important;
}

.topic-sidebar-left .topic-actions-widget .topic-action-btn .action-icon-wrapper i {
    color: currentColor !important;
    font-size: 1rem !important;
}

.topic-sidebar-left .topic-actions-widget .topic-action-btn .action-text {
    min-width: 0 !important;
    color: inherit !important;
    font-size: 0.9rem !important;
    font-weight: 850 !important;
    line-height: 1.2 !important;
}

.topic-sidebar-left .topic-actions-widget .topic-action-btn .action-badge {
    min-width: 30px !important;
    height: 24px !important;
    display: inline-grid !important;
    place-items: center !important;
    padding: 0 8px !important;
    border-radius: 999px !important;
    border: 1px solid color-mix(in srgb, var(--primary) 24%, var(--border)) !important;
    background: color-mix(in srgb, var(--primary) 10%, transparent) !important;
    color: var(--primary) !important;
    font-size: 0.74rem !important;
    font-weight: 900 !important;
}

.topic-sidebar-left .topic-actions-widget .topic-action-btn.is-active {
    color: var(--on-primary) !important;
    background: linear-gradient(135deg, var(--primary), color-mix(in srgb, var(--primary) 78%, #111827 22%)) !important;
    border-color: color-mix(in srgb, var(--primary) 78%, var(--border)) !important;
    box-shadow: 0 14px 26px color-mix(in srgb, var(--primary) 25%, transparent) !important;
}

.topic-sidebar-left .topic-actions-widget .topic-action-btn.is-active:hover {
    color: var(--on-primary) !important;
    background: linear-gradient(135deg, color-mix(in srgb, var(--primary) 94%, #000 6%), color-mix(in srgb, var(--primary) 76%, #111827 24%)) !important;
    border-color: var(--primary) !important;
    box-shadow: 0 14px 26px color-mix(in srgb, var(--primary) 22%, transparent) !important;
}

.topic-sidebar-left .topic-actions-widget .topic-action-btn.is-active:hover .action-icon-wrapper {
    background: color-mix(in srgb, #ffffff 24%, transparent) !important;
    color: var(--on-primary) !important;
}

.topic-sidebar-left .topic-actions-widget .topic-action-btn.is-active .action-icon-wrapper {
    background: color-mix(in srgb, #ffffff 22%, transparent) !important;
    color: var(--on-primary) !important;
}

.topic-sidebar-left .topic-actions-widget .topic-action-btn.is-active .action-badge {
    background: color-mix(in srgb, #ffffff 92%, transparent) !important;
    border-color: color-mix(in srgb, #ffffff 72%, transparent) !important;
    color: var(--primary) !important;
}

.topic-sidebar-left .topic-actions-widget .topic-action-report .action-icon-wrapper {
    background: color-mix(in srgb, var(--danger) 12%, transparent) !important;
    color: var(--danger) !important;
}

.topic-sidebar-left .topic-actions-widget .topic-action-report:hover {
    border-color: color-mix(in srgb, var(--danger) 42%, var(--border)) !important;
    background: color-mix(in srgb, var(--bg-white) 94%, var(--danger) 6%) !important;
    color: var(--text) !important;
}

.topic-sidebar-left .topic-actions-widget .topic-action-report:hover .action-icon-wrapper {
    background: color-mix(in srgb, var(--danger) 16%, transparent) !important;
    color: var(--danger) !important;
}

.topic-sidebar-left .topic-actions-widget .topic-action-report:hover .action-icon-wrapper i {
    color: currentColor !important;
}

.topic-sidebar-left .topic-actions-widget .topic-action-edit .action-icon-wrapper {
    background: color-mix(in srgb, var(--secondary, #8b1538) 13%, transparent) !important;
    color: var(--secondary, #8b1538) !important;
}

.topic-sidebar-left .topic-actions-widget .topic-action-edit:hover {
    border-color: color-mix(in srgb, var(--secondary, #8b1538) 42%, var(--border)) !important;
    background: color-mix(in srgb, var(--bg-white) 94%, var(--secondary, #8b1538) 6%) !important;
    color: var(--text) !important;
}

.topic-sidebar-left .topic-actions-widget .topic-action-edit:hover .action-icon-wrapper {
    background: color-mix(in srgb, var(--secondary, #8b1538) 16%, transparent) !important;
    color: var(--secondary, #8b1538) !important;
}

.topic-sidebar-left .topic-actions-widget .topic-action-edit:hover .action-icon-wrapper i {
    color: currentColor !important;
}

@media (max-width: 768px) {
    .topic-sidebar-left .topic-actions-widget .topic-action-btn {
        min-height: 46px !important;
        grid-template-columns: 34px minmax(0, 1fr) auto !important;
    }

    .topic-sidebar-left .topic-actions-widget .topic-action-btn .action-icon-wrapper {
        width: 34px !important;
        height: 34px !important;
    }
}

/* Responsive */
@media (max-width: 1199.98px) {
    .profile-page-shell .profile-topics-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 991.98px) {

    .profile-page-shell .profile-stats-bar,
    .profile-page-shell .profile-grid-row {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .profile-page-shell .profile-tabs {
        top: 66px;
    }
}

@media (max-width: 767.98px) {

    .profile-page-shell,
    .profile-container.profile-page-shell,
    .profile-breadcrumb-shell {
        width: calc(100vw - 32px);
        max-width: none;
    }

    .profile-page-shell.container {
        width: calc(100vw - 32px);
        max-width: none;
    }

    .profile-breadcrumb-shell.container {
        width: calc(100vw - 32px) !important;
        max-width: none !important;
        padding-right: 0 !important;
        padding-left: 0 !important;
    }

    .topic-main>.container.breadcrumb-container.profile-breadcrumb-shell {
        width: calc(100vw - 32px) !important;
        max-width: none !important;
        margin-inline: auto !important;
        padding-inline: 0 !important;
    }

    .topic-main>.profile-page-shell.container {
        width: calc(100vw - 32px);
        max-width: none;
    }

    .profile-page-shell {
        padding-top: 0;
    }

    .profile-page-shell .profile-hero-banner,
    .profile-page-shell .profile-banner {
        min-height: 108px;
    }

    .profile-page-shell .profile-hero-body,
    .profile-page-shell .profile-content {
        margin-top: -42px;
        padding: 0 1rem 1rem;
    }

    .profile-page-shell .profile-hero-content,
    .profile-page-shell .profile-header {
        grid-template-columns: 1fr;
        justify-items: center;
        text-align: center;
    }

    .profile-page-shell .profile-info {
        padding-top: 0;
    }

    .profile-page-shell .profile-name,
    .profile-page-shell .profile-meta,
    .profile-page-shell .profile-social-links {
        justify-content: center;
    }

    .profile-page-shell .profile-bio {
        margin-inline: auto;
    }

    .profile-page-shell .profile-stats-bar,
    .profile-page-shell .profile-grid-row,
    .profile-page-shell .profile-form-row,
    .profile-page-shell .profile-topics-grid {
        grid-template-columns: 1fr;
    }

    .profile-page-shell .profile-tabs {
        position: relative;
        top: auto;
    }

    .profile-page-shell .profile-activity-item {
        grid-template-columns: auto minmax(0, 1fr);
    }

    .profile-page-shell .profile-activity-meta {
        grid-column: 2;
        text-align: left;
    }

    .profile-shell .profile-cover {
        min-height: 138px;
    }

    .profile-shell .profile-section-head {
        display: grid;
        align-items: start;
    }
}

@media (max-width: 479.98px) {

    .profile-page-shell,
    .profile-container.profile-page-shell,
    .profile-breadcrumb-shell {
        width: calc(100vw - 35px);
    }

    .profile-page-shell.container {
        width: calc(100vw - 35px);
    }

    .profile-breadcrumb-shell.container {
        width: calc(100vw - 35px) !important;
    }

    .topic-main>.container.breadcrumb-container.profile-breadcrumb-shell {
        width: calc(100vw - 35px) !important;
    }

    .topic-main>.profile-page-shell.container {
        width: calc(100vw - 35px);
    }

    .profile-page-shell .profile-hero-avatar,
    .profile-page-shell .profile-avatar {
        width: 88px;
        height: 88px;
        font-size: 1.65rem;
    }

    .profile-page-shell .profile-name {
        font-size: 1.35rem;
    }

    .profile-page-shell .profile-section,
    .profile-page-shell .profile-stat-card,
    .profile-page-shell .profile-topic-card {
        padding: .9rem;
    }

    .profile-page-shell .profile-tab {
        min-height: 2.2rem;
        padding: .48rem .62rem;
        font-size: .8rem;
    }
}

/* ============================================================
   SECTION 5: Topbar Fixes (topbar-fix.css)
   ============================================================ */
/* ============================================
   TOPBAR FIX \e2\20ac\201d T\c3\bcm sayfalarda standart topbar
   En son y\c3\bcklenen CSS dosyas\c4\b1 \e2\20ac\201d !important ile kesin ge\c3\a7erli
   ============================================ */

/* Eski/gereksiz public topbar elemanlar\c4\b1n\c4\b1 gizle */
.topbar,
.topbar *,
.minimal-topbar,
.minimal-topbar *,
.modern-topbar,
.modern-topbar *,
.premium-topbar,
.premium-topbar *,
div[class*="topbar"]:not(.header):not(.header *),
div[class*="Topbar"]:not(.header):not(.header *) {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    height: 0 !important;
    max-height: 0 !important;
    overflow: hidden !important;
    position: absolute !important;
    top: -9999px !important;
    left: -9999px !important;
    pointer-events: none !important;
    margin: 0 !important;
    padding: 0 !important;
}


/* ============================================
   HEADER \e2\20ac\201d Standart yap\c4\b1 (anasayfadan al\c4\b1nd\c4\b1)
   ============================================ */
.header {
    position: sticky !important;
    top: 0 !important;
    z-index: 100 !important;
    background: var(--bg-white) !important;
    border-bottom: 1px solid var(--border) !important;
    padding: 16px 0 !important;
    box-shadow: var(--shadow-sm) !important;
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
}

.header .container {
    display: flex !important;
    align-items: center !important;
    gap: 40px !important;
    flex-wrap: nowrap !important;
    max-width: 1400px !important;
    margin: 0 auto !important;
    padding: 0 20px !important;
}

/* Brand */
.header .brand {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    flex-shrink: 0 !important;
    text-decoration: none !important;
    color: var(--primary) !important;
    font-weight: 900 !important;
    font-size: 1.2rem !important;
    letter-spacing: 1px !important;
}

.header .brand i {
    font-size: 1.4rem !important;
}

/* Nav linkleri */
.header .nav {
    display: flex !important;
    gap: 4px !important;
    flex-shrink: 1 !important;
}

.header .nav a {
    padding: 8px 16px !important;
    text-decoration: none !important;
    color: var(--text-dim) !important;
    font-weight: 600 !important;
    font-size: 0.9rem !important;
    border-radius: var(--radius-md) !important;
    transition: all 0.2s !important;
}

.header .nav a:hover {
    color: var(--text) !important;
    background: var(--bg-hover) !important;
}

.header .nav a.active {
    color: var(--primary) !important;
    background: var(--primary-light) !important;
}

/* Sa\c4\178 taraf */
.header-right {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    margin-left: auto !important;
    flex-wrap: nowrap !important;
    flex-shrink: 0 !important;
}

/* ============================================
   ARAMA KUTUSU \e2\20ac\201d Yeni premium tasar\c4\b1m
   ============================================ */
.header .search,
.header .topic-nav-search,
.search,
.topic-nav-search {
    position: relative !important;
    display: flex !important;
    align-items: center !important;
    background: rgba(128, 138, 150, 0.08) !important;
    border-radius: 12px !important;
    border: 1px solid rgba(128, 138, 150, 0.15) !important;
    transition: width 0.4s cubic-bezier(0.34, 1.56, 0.64, 1) !important;
    width: 200px !important;
    gap: 0 !important;
}

.header .topic-nav-search:focus-within,
.search:focus-within,
.topic-nav-search:focus-within {
    width: 260px !important;
}

.header .search:hover,
.header .topic-nav-search:hover,
.search:hover,
.topic-nav-search:hover {
    background: rgba(128, 138, 150, 0.13) !important;
    border-color: rgba(128, 138, 150, 0.3) !important;
}

.header .search:focus-within,
.header .topic-nav-search:focus-within,
.search:focus-within,
.topic-nav-search:focus-within {
    background: var(--bg-white) !important;
    border-color: var(--primary) !important;
    box-shadow: 0 4px 20px color-mix(in srgb, var(--primary) 25%, transparent) !important;
}

/* Arama ikonu */
.header .search i,
.header .topic-nav-search i,
.search i,
.topic-nav-search i {
    position: absolute !important;
    left: 14px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    color: var(--text-dim) !important;
    font-size: 1rem !important;
    pointer-events: none !important;
    z-index: 2 !important;
    transition: color 0.3s ease !important;
    /* redesign.css btn overrides s\c4\b1f\c4\b1rla */
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
    width: auto !important;
    height: auto !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}

.header .search:focus-within i,
.header .topic-nav-search:focus-within i,
.search:focus-within i,
.topic-nav-search:focus-within i {
    color: var(--primary) !important;
}

/* Arama input */
.header .search input,
.header .topic-nav-search input,
.search input,
.topic-nav-search input {
    height: 42px !important;
    padding: 0 16px 0 40px !important;
    background: transparent !important;
    border: none !important;
    outline: none !important;
    color: var(--text) !important;
    font-size: 0.9rem !important;
    font-weight: 500 !important;
    width: 100% !important;
    flex: 1 !important;
}

.header .search input:focus,
.header .topic-nav-search input:focus,
.search input:focus,
.topic-nav-search input:focus {
    width: 100% !important;
    outline: none !important;
    box-shadow: none !important;
    background: transparent !important;
}

.header .search input::placeholder,
.header .topic-nav-search input::placeholder,
.search input::placeholder,
.topic-nav-search input::placeholder {
    color: var(--text-dim) !important;
}

/* redesign.css .topic-nav-search .form-control override'\c4\b1n\c4\b1 s\c4\b1f\c4\b1rla */
.topic-nav-search .form-control {
    height: 42px !important;
    padding: 0 16px 0 40px !important;
    background: transparent !important;
    border: none !important;
    color: var(--text) !important;
    font-size: 0.9rem !important;
    box-shadow: none !important;
    min-width: 0 !important;
    flex: 1 !important;
    width: 100% !important;
}

.topic-nav-search .form-control::placeholder {
    color: var(--text-dim) !important;
}

.topic-nav-search .form-control:focus {
    background: transparent !important;
    box-shadow: none !important;
    width: 100% !important;
}

/* ============================================
   AVATAR \e2\20ac\201d M\c3\bckemmel ortalama
   ============================================ */
.topic-profile-dd {
    position: relative !important;
    display: inline-flex !important;
    align-items: center !important;
    flex-shrink: 0 !important;
}

/* redesign.css'deki pill/row yap\c4\b1s\c4\b1n\c4\b1 komple s\c4\b1f\c4\b1rla */
.profile-avatar,
.topic-profile-toggle {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 38px !important;
    height: 38px !important;
    border-radius: 10px !important;
    background: linear-gradient(135deg, var(--primary), var(--primary-dark, #8b1538)) !important;
    color: var(--on-primary) !important;
    border: 2px solid transparent !important;
    cursor: pointer !important;
    flex-shrink: 0 !important;
    padding: 0 !important;
    gap: 0 !important;
    line-height: 1 !important;
    font-weight: 700 !important;
    font-size: 1rem !important;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1) !important;
    /* redesign.css pill overrides s\c4\b1f\c4\b1rla */
    border-radius: 10px !important;
    text-decoration: none !important;
    white-space: nowrap !important;
}

/* Avatar i\c3\a7indeki ikon \e2\20ac\201d KES\c4\b0N ortalama */
.profile-avatar i,
.topic-profile-toggle>i {
    display: block !important;
    font-size: 1.35rem !important;
    line-height: 1 !important;
    width: auto !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    color: inherit !important;
    /* Bootstrap Icons hizalama d\c3\bczeltmesi */
    vertical-align: middle !important;
    position: static !important;
    transform: none !important;
}

/* redesign.css'deki .topic-profile-avatar gizle (eski yap\c4\b1) */
.topic-profile-toggle .topic-profile-avatar,
.topic-profile-toggle .topic-profile-name,
.topic-profile-toggle .topic-profile-caret {
    display: none !important;
}

/* Hover efekti */
.profile-avatar:hover,
.topic-profile-toggle:hover {
    transform: scale(1.05) !important;
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15) !important;
}

[data-theme="dark"] .profile-avatar,
[data-theme="dark"] .topic-profile-toggle {
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3) !important;
}

[data-theme="dark"] .profile-avatar:hover,
[data-theme="dark"] .topic-profile-toggle:hover {
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.4) !important;
    border-color: rgba(255, 255, 255, 0.1) !important;
}

/* ============================================
   PROF\c4\b0L MEN\c3\153S\c3\153
   ============================================ */
.topic-profile-menu {
    position: absolute !important;
    top: calc(100% + 12px) !important;
    right: 0 !important;
    min-width: 230px !important;
    width: 240px !important;
    background: var(--bg-white) !important;
    border: 1px solid var(--border) !important;
    border-radius: 12px !important;
    box-shadow: 0 10px 28px rgba(0, 0, 0, 0.08), 0 0 0 1px rgba(0, 0, 0, 0.02) !important;
    padding: 6px !important;
    list-style: none !important;
    margin: 0 !important;
    z-index: 1000 !important;
    display: none !important;
    opacity: 0 !important;
    visibility: hidden !important;
    transform: translateY(10px) scale(0.98) !important;
    transform-origin: top right !important;
    transition: opacity 0.3s ease, visibility 0.3s ease, transform 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important;
}

[data-theme="dark"] .topic-profile-menu {
    background: rgba(30, 30, 35, 0.95) !important;
    backdrop-filter: blur(16px) !important;
    -webkit-backdrop-filter: blur(16px) !important;
    border: 1px solid rgba(255, 255, 255, 0.08) !important;
    box-shadow: 0 16px 40px rgba(0, 0, 0, 0.4) !important;
}

.topic-profile-menu.show {
    display: block !important;
    opacity: 1 !important;
    visibility: visible !important;
    transform: translateY(0) scale(1) !important;
}

.topic-profile-menu-header {
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
    padding: 12px 14px !important;
    border-bottom: 1px solid var(--border) !important;
    margin-bottom: 6px !important;
    background: rgba(0, 0, 0, 0.02) !important;
    border-radius: var(--radius-md) 8px 0 0 !important;
}

[data-theme="dark"] .topic-profile-menu-header {
    background: rgba(255, 255, 255, 0.03) !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.05) !important;
}

.topic-profile-menu-avatar {
    width: 40px !important;
    height: 40px !important;
    border-radius: 10px !important;
    background: linear-gradient(135deg, var(--primary), var(--primary-dark, #8b1538)) !important;
    color: var(--on-primary) !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-weight: 700 !important;
    font-size: 1rem !important;
    flex-shrink: 0 !important;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.12) !important;
    line-height: 1 !important;
}

.topic-profile-menu-avatar i {
    display: block !important;
    font-size: 1.3rem !important;
    line-height: 1 !important;
    vertical-align: middle !important;
    margin: 0 !important;
    padding: 0 !important;
}

.topic-profile-menu-info {
    display: flex !important;
    flex-direction: column !important;
    gap: 4px !important;
    flex: 1 !important;
    overflow: hidden !important;
}

.topic-profile-menu-info strong {
    font-size: 0.92rem !important;
    font-weight: 700 !important;
    color: var(--text) !important;
    line-height: 1.2 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}

.topic-profile-role {
    font-size: 0.72rem !important;
    color: var(--text-dim) !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
}

.tpm-item {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    padding: 8px 12px !important;
    text-decoration: none !important;
    color: var(--text) !important;
    font-size: 0.85rem !important;
    font-weight: 600 !important;
    border-radius: var(--radius-md) !important;
    transition: background 0.2s ease, color 0.2s ease !important;
    width: 100% !important;
    border: none !important;
    background: transparent !important;
    cursor: pointer !important;
    text-align: left !important;
    margin-bottom: 2px !important;
}

.tpm-item:hover {
    background: rgba(0, 0, 0, 0.04) !important;
    color: var(--primary) !important;
}

[data-theme="dark"] .tpm-item:hover {
    background: rgba(255, 255, 255, 0.05) !important;
}

.tpm-item i {
    color: var(--text-dim) !important;
    font-size: 1.05rem !important;
    width: 20px !important;
    text-align: center !important;
    transition: color 0.2s ease !important;
}

.tpm-item:hover i {
    color: var(--primary) !important;
}

.tpm-admin:hover {
    background: rgba(14, 165, 233, 0.08) !important;
    color: #0ea5e9 !important;
}

[data-theme="dark"] .tpm-admin:hover {
    background: rgba(56, 189, 248, 0.15) !important;
    color: #38bdf8 !important;
}

.tpm-admin i {
    color: #0ea5e9 !important;
}

.tpm-admin:hover i {
    color: #0ea5e9 !important;
}

[data-theme="dark"] .tpm-admin i,
[data-theme="dark"] .tpm-admin:hover i {
    color: #38bdf8 !important;
}

.tpm-logout:hover {
    background: rgba(239, 68, 68, 0.08) !important;
    color: #ef4444 !important;
}

[data-theme="dark"] .tpm-logout:hover {
    background: rgba(248, 113, 113, 0.15) !important;
    color: #f87171 !important;
}

.tpm-logout i {
    color: #ef4444 !important;
}

.tpm-logout:hover i {
    color: #ef4444 !important;
}

[data-theme="dark"] .tpm-logout i,
[data-theme="dark"] .tpm-logout:hover i {
    color: #f87171 !important;
}

.tpm-divider {
    height: 1px !important;
    background: var(--border) !important;
    margin: 8px 0 !important;
}

[data-theme="dark"] .tpm-divider {
    background: rgba(255, 255, 255, 0.08) !important;
}

/* ============================================
   THEME TOGGLE
   ============================================ */
.header .theme-toggle,
.theme-toggle {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 38px !important;
    height: 38px !important;
    background: var(--bg) !important;
    border: 1px solid var(--border) !important;
    border-radius: var(--radius-md) !important;
    color: var(--text) !important;
    cursor: pointer !important;
    transition: all 0.2s !important;
    font-size: 1.1rem !important;
    flex-shrink: 0 !important;
}

.header .theme-toggle:hover,
.theme-toggle:hover {
    background: var(--bg-hover) !important;
    border-color: var(--primary) !important;
    color: var(--primary) !important;
    transform: translateY(-1px) !important;
}

/* ============================================
   UPLOAD & AUTH BUTONLAR\c4\b0
   ============================================ */
.header .btn-upload,
.btn-upload {
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    height: 38px !important;
    padding: 0 16px !important;
    background: var(--header-upload-bg, var(--primary)) !important;
    border: 1px solid var(--header-upload-bg, var(--primary)) !important;
    border-radius: var(--radius-md) !important;
    color: var(--on-primary) !important;
    font-weight: 700 !important;
    font-size: 0.85rem !important;
    cursor: pointer !important;
    text-decoration: none !important;
    white-space: nowrap !important;
    transition: all 0.2s !important;
}

.header .btn-upload:hover,
.btn-upload:hover {
    background: color-mix(in srgb, var(--header-upload-bg, var(--primary)) 84%, #000) !important;
    transform: translateY(-1px) !important;
    box-shadow: 0 4px 12px color-mix(in srgb, var(--header-upload-bg, var(--primary)) 40%, transparent) !important;
}

.header .btn-secondary,
.header .btn-login,
.header .btn-auth-link {
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    height: 38px !important;
    padding: 0 16px !important;
    border-radius: var(--radius-md) !important;
    font-weight: 600 !important;
    font-size: 0.85rem !important;
    cursor: pointer !important;
    text-decoration: none !important;
    white-space: nowrap !important;
    transition: all 0.2s !important;
}

/* ============================================
   MOB\c4\b0L RESPONSIVE
   ============================================ */
@media (max-width: 768px) {
    .header .container {
        gap: 12px !important;
    }

    .header-right {
        gap: 6px !important;
    }

    .header .nav {
        display: none !important;
    }
}

@media (max-width: 480px) {

    .header .search,
    .header .topic-nav-search,
    .search,
    .topic-nav-search {
        display: none !important;
    }
}

/* ============================================================
   SECTION 6: Mod Card Redesign (topic-card--alt.css)
   ============================================================ */
/* ============================================================
   MOD CARD TOPIC LIST PREMIUM THEME LAYER
   Theme-aware, dense list cards for topic/mod feeds.
   ============================================================ */

.topic-grid[data-topic-list-container],
.topic-grid:has(> .feed-card.topic-list-card) {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 14px !important;
    align-items: stretch !important;
}

.feed-card.topic-list-card {
    --tl-bg: var(--bg);
    --tl-card: var(--bg-white);
    --tl-hover: var(--bg-hover);
    --tl-border: var(--border);
    --tl-text: var(--text);
    --tl-muted: var(--text-dim);
    --tl-soft: var(--text-light);
    --tl-accent: var(--primary);
    --tl-accent-strong: var(--primary-dark);
    --tl-on-accent: var(--on-primary, #ffffff);
    --tl-panel: color-mix(in srgb, var(--tl-card) 88%, var(--tl-bg) 12%);
    --tl-chip: color-mix(in srgb, var(--tl-card) 72%, var(--tl-accent) 28%);
    --tl-line: color-mix(in srgb, var(--tl-border) 78%, var(--tl-accent) 22%);
    --tl-shadow: var(--shadow);
    position: relative !important;
    isolation: isolate !important;
    display: grid !important;
    grid-template-columns: minmax(190px, 240px) minmax(0, 1fr) !important;
    min-width: 0 !important;
    min-height: 178px !important;
    overflow: hidden !important;
    color: var(--tl-text) !important;
    background:
        linear-gradient(135deg, color-mix(in srgb, var(--tl-card) 86%, var(--tl-accent) 14%), var(--tl-card) 46%),
        var(--tl-card) !important;
    border: 1px solid var(--tl-border) !important;
    border-radius: var(--radius-md) !important;
    box-shadow: 0 14px 34px -30px var(--tl-shadow), inset 0 1px 0 rgba(255, 255, 255, .04) !important;
    text-decoration: none !important;
    transform: translateZ(0) !important;
    transition: border-color .18s ease, box-shadow .18s ease, transform .18s ease !important;
}

[data-theme="light"] .feed-card.topic-list-card {
    --tl-on-accent: #ffffff;
    --tl-panel: color-mix(in srgb, var(--tl-card) 90%, var(--tl-bg) 10%);
    --tl-chip: color-mix(in srgb, var(--tl-card) 78%, var(--tl-accent) 22%);
}

[data-theme="dark"] .feed-card.topic-list-card {
    --tl-panel: color-mix(in srgb, var(--tl-card) 80%, var(--tl-bg) 20%);
    --tl-chip: color-mix(in srgb, var(--tl-card) 68%, var(--tl-accent) 32%);
    box-shadow: 0 16px 36px -28px rgba(0, 0, 0, .58), inset 0 1px 0 rgba(255, 255, 255, .04) !important;
}

.feed-card.topic-list-card::before {
    content: "";
    position: absolute;
    inset: 0 auto 0 0;
    z-index: 2;
    width: 3px;
    background: linear-gradient(180deg, var(--tl-accent), var(--tl-accent-strong));
    opacity: .88;
}

.feed-card.topic-list-card::after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: -1;
    background: radial-gradient(circle at 18% 0%, color-mix(in srgb, var(--tl-accent) 16%, transparent), transparent 32%);
    opacity: .78;
    pointer-events: none;
}

.feed-card.topic-list-card:hover {
    border-color: var(--tl-line) !important;
    box-shadow: 0 20px 42px -30px var(--tl-shadow), 0 0 0 1px color-mix(in srgb, var(--tl-accent) 16%, transparent) !important;
    transform: translateY(-2px) !important;
}

.feed-card .card__img.topic-list-thumb,
.topic-list-card .topic-list-thumb {
    position: relative !important;
    display: block !important;
    width: 100% !important;
    min-width: 0 !important;
    min-height: 100% !important;
    height: 100% !important;
    overflow: hidden !important;
    color: inherit !important;
    background:
        linear-gradient(135deg, color-mix(in srgb, var(--tl-bg) 88%, var(--tl-accent) 12%), var(--tl-bg)),
        var(--tl-bg) !important;
    border-right: 1px solid var(--tl-border) !important;
    border-radius: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    text-decoration: none !important;
}

.topic-list-card .topic-list-thumb::after {
    content: "";
    position: absolute;
    inset: 0;
    background:
        linear-gradient(180deg, transparent 42%, rgba(0, 0, 0, .42)),
        linear-gradient(90deg, transparent, color-mix(in srgb, var(--tl-card) 28%, transparent));
    pointer-events: none;
}

.feed-card .card__img.topic-list-thumb img,
.topic-list-card .topic-list-thumb img {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    min-height: 100% !important;
    object-fit: cover !important;
    object-position: center !important;
    transform: scale(1) !important;
    transition: transform .28s ease, filter .28s ease !important;
}

.feed-card.topic-list-card:hover .card__img.topic-list-thumb img,
.topic-list-card:hover .topic-list-thumb img {
    filter: saturate(1.06) contrast(1.02) !important;
    transform: scale(1.035) !important;
}

.feed-card .card__body.topic-list-body,
.topic-list-card .topic-list-body {
    display: grid !important;
    grid-template-rows: auto auto minmax(0, 1fr) auto !important;
    min-width: 0 !important;
    gap: 10px !important;
    padding: 16px 18px !important;
    color: var(--tl-text) !important;
    background: transparent !important;
}

.feed-card .topic-list-topline,
.topic-list-card .topic-list-topline {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 8px !important;
    min-width: 0 !important;
    margin: 0 !important;
    flex-wrap: wrap !important;
}

.feed-card .card__category.topic-category,
.topic-list-card .topic-category {
    display: inline-flex !important;
    align-items: center !important;
    gap: 7px !important;
    max-width: min(100%, 280px) !important;
    min-height: 28px !important;
    padding: 5px 10px !important;
    overflow: hidden !important;
    color: var(--tl-text) !important;
    background: var(--tl-chip) !important;
    border: 1px solid var(--tl-line) !important;
    border-radius: 999px !important;
    font-size: .74rem !important;
    font-weight: 820 !important;
    letter-spacing: 0 !important;
    line-height: 1 !important;
    text-decoration: none !important;
    text-overflow: ellipsis !important;
    text-transform: none !important;
    white-space: nowrap !important;
    transition: background .18s ease, border-color .18s ease, color .18s ease !important;
}

.topic-list-card .topic-category::before {
    content: "";
    width: 7px;
    height: 7px;
    flex: 0 0 7px;
    background: var(--tl-accent);
    border-radius: 999px;
    box-shadow: 0 0 0 4px color-mix(in srgb, var(--tl-accent) 13%, transparent);
}

.feed-card .card__category.topic-category:hover,
.topic-list-card .topic-category:hover {
    color: var(--tl-text) !important;
    background: color-mix(in srgb, var(--tl-card) 62%, var(--tl-accent) 38%) !important;
    border-color: color-mix(in srgb, var(--tl-border) 42%, var(--tl-accent) 58%) !important;
}

.feed-card .topic-list-date,
.topic-list-card .topic-list-date {
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    min-height: 28px !important;
    padding: 4px 8px !important;
    color: var(--tl-muted) !important;
    background: color-mix(in srgb, var(--tl-panel) 82%, transparent) !important;
    border: 1px solid color-mix(in srgb, var(--tl-border) 82%, transparent) !important;
    border-radius: 999px !important;
    font-size: .74rem !important;
    font-weight: 760 !important;
    letter-spacing: 0 !important;
    line-height: 1 !important;
    white-space: nowrap !important;
}

.topic-list-card .topic-list-date i {
    color: var(--tl-accent) !important;
    font-size: .78rem !important;
}

.feed-card .card__body h3,
.topic-list-card h3 {
    min-width: 0 !important;
    margin: 0 !important;
    color: var(--tl-text) !important;
    font-size: 1.1rem !important;
    font-weight: 860 !important;
    letter-spacing: 0 !important;
    line-height: 1.25 !important;
}

.feed-card .card__body h3 a,
.topic-list-card h3 a {
    display: -webkit-box !important;
    overflow: hidden !important;
    color: inherit !important;
    text-decoration: none !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 2 !important;
    transition: color .18s ease !important;
}

.feed-card .card__body h3 a:hover,
.topic-list-card h3 a:hover {
    color: var(--tl-accent) !important;
}

.feed-card .card__body p,
.topic-list-card .topic-list-body p {
    display: -webkit-box !important;
    min-width: 0 !important;
    margin: 0 !important;
    overflow: hidden !important;
    color: var(--tl-muted) !important;
    font-size: .9rem !important;
    font-weight: 520 !important;
    line-height: 1.55 !important;
    text-overflow: ellipsis !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 2 !important;
}

.feed-card .card__footer.topic-list-bottom-row,
.topic-list-card .topic-list-bottom-row {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 12px !important;
    min-width: 0 !important;
    margin-top: 2px !important;
    padding-top: 11px !important;
    border-top: 1px solid color-mix(in srgb, var(--tl-border) 86%, transparent) !important;
}

.feed-card .card__meta.topic-list-meta,
.topic-list-card .topic-list-meta {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    min-width: 0 !important;
    flex: 1 1 auto !important;
    flex-wrap: wrap !important;
    color: var(--tl-muted) !important;
    font-size: .8rem !important;
}

.feed-card .card__meta.topic-list-meta a,
.feed-card .card__meta.topic-list-meta span,
.topic-list-card .topic-list-meta a,
.topic-list-card .topic-list-meta span {
    display: inline-flex !important;
    align-items: center !important;
    gap: 5px !important;
    min-height: 28px !important;
    min-width: 0 !important;
    padding: 4px 8px !important;
    color: var(--tl-muted) !important;
    background: var(--tl-panel) !important;
    border: 1px solid color-mix(in srgb, var(--tl-border) 82%, transparent) !important;
    border-radius: 999px !important;
    font-size: .78rem !important;
    font-weight: 760 !important;
    line-height: 1 !important;
    text-decoration: none !important;
    white-space: nowrap !important;
}

.topic-list-card .topic-list-meta i {
    color: var(--tl-accent) !important;
    font-size: .82rem !important;
}

.feed-card .card__meta.topic-list-meta a:hover,
.topic-list-card .topic-list-meta a:hover {
    color: var(--tl-text) !important;
    border-color: var(--tl-line) !important;
}

.feed-card .btn-download.topic-read-more,
.topic-list-card .topic-read-more {
    display: inline-flex !important;
    width: auto !important;
    min-width: 38px !important;
    max-width: 100% !important;
    min-height: 36px !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 7px !important;
    padding: 7px 10px !important;
    color: var(--tl-text) !important;
    background: var(--tl-panel) !important;
    border: 1px solid var(--tl-border) !important;
    border-radius: var(--radius-md) !important;
    box-shadow: none !important;
    cursor: pointer !important;
    flex: 0 0 auto !important;
    font-size: .82rem !important;
    font-weight: 820 !important;
    letter-spacing: 0 !important;
    line-height: 1 !important;
    text-decoration: none !important;
    transition: background .18s ease, border-color .18s ease, color .18s ease, transform .18s ease !important;
}

.topic-list-card .topic-read-more i {
    color: var(--tl-accent) !important;
    font-size: .92rem !important;
    transition: transform .18s ease !important;
}

.topic-list-card .topic-read-more-label {
    display: inline-block !important;
    position: static !important;
    width: auto !important;
    height: auto !important;
    max-width: 120px !important;
    overflow: hidden !important;
    clip: auto !important;
    line-height: 1.1 !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}

.feed-card .btn-download.topic-read-more:hover,
.feed-card .btn-download.topic-read-more:focus-visible,
.topic-list-card .topic-read-more:hover,
.topic-list-card .topic-read-more:focus-visible {
    color: var(--tl-on-accent) !important;
    background: var(--tl-accent) !important;
    border-color: var(--tl-accent) !important;
    outline: none !important;
    transform: translateY(-1px) !important;
}

.topic-list-card .topic-read-more:hover i,
.topic-list-card .topic-read-more:focus-visible i {
    color: currentColor !important;
    transform: translateX(2px) !important;
}

.feed-card .card__img.topic-list-thumb:focus-visible,
.feed-card .card__body h3 a:focus-visible,
.feed-card .card__category.topic-category:focus-visible,
.feed-card .card__meta.topic-list-meta a:focus-visible,
.feed-card .btn-download.topic-read-more:focus-visible {
    outline: 2px solid var(--tl-accent) !important;
    outline-offset: 2px !important;
}

@media (max-width: 768px) {

    .topic-main>.container.main-layout-container,
    .topic-main>.container.breadcrumb-container {
        width: 100% !important;
        max-width: 100% !important;
        margin-inline: 0 !important;
        padding-inline: 12px !important;
    }

    .main-layout-container .layout,
    .main-layout-container .content,
    .main-layout-container .filter-bar,
    .main-layout-container .topic-grid[data-topic-list-container] {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
    }

    .feed-card.topic-list-card {
        grid-template-columns: 1fr !important;
        min-height: 0 !important;
    }

    .feed-card .card__img.topic-list-thumb,
    .topic-list-card .topic-list-thumb {
        min-height: 0 !important;
        height: auto !important;
        aspect-ratio: 16 / 9 !important;
        border-right: 0 !important;
        border-bottom: 1px solid var(--tl-border) !important;
    }

    .feed-card .card__body.topic-list-body,
    .topic-list-card .topic-list-body {
        padding: 14px !important;
    }

    .feed-card .card__body h3,
    .topic-list-card h3 {
        font-size: 1rem !important;
    }

    .feed-card.topic-list-card:hover {
        transform: none !important;
    }
}

@media (max-width: 480px) {

    .feed-card .topic-list-topline,
    .topic-list-card .topic-list-topline {
        align-items: flex-start !important;
        flex-direction: column !important;
    }

    .feed-card .card__footer.topic-list-bottom-row,
    .topic-list-card .topic-list-bottom-row {
        align-items: stretch !important;
        flex-direction: column !important;
    }

    .feed-card .btn-download.topic-read-more,
    .topic-list-card .topic-read-more {
        width: 100% !important;
    }

    .topic-list-card .topic-read-more-label {
        max-width: 100% !important;
    }
}

@media (prefers-reduced-motion: reduce) {

    .feed-card.topic-list-card,
    .feed-card.topic-list-card *,
    .topic-list-card * {
        transition: none !important;
    }
}

/* ============================================================
   SECTION 7: Footer Styles (footer-style.css)
   ============================================================ */
/* ============================================
   MODERN FOOTER - Stabil ve Temiz Tasar\c4\b1m
   ============================================ */

.footer {
    background: var(--bg-white) !important;
    border-top: 1px solid var(--border) !important;
    margin-top: 3rem !important;
    padding: 2.5rem 0 1.5rem !important;
}

.footer-container {
    max-width: 1400px;
    margin: 0 auto;
    padding: 0 1.5rem;
}

.footer-grid {
    display: grid;
    grid-template-columns: 2fr 1fr 1fr 1.5fr;
    gap: 2.5rem;
    margin-bottom: 2rem;
}

/* Footer Brand */
.footer-brand {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.footer-logo {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    font-size: 1.2rem;
    font-weight: 800;
    color: var(--public-footer-text, var(--text));
}

.footer-logo .topic-brand-mark {
    width: 36px;
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--primary);
    color: var(--on-primary);
    border-radius: var(--radius-md);
    font-size: 1rem;
    font-weight: 900;
}

.footer-tagline {
    font-size: 0.9rem;
    color: var(--public-footer-text, var(--text-dim));
    line-height: 1.6;
    margin: 0;
    max-width: 320px;
}

/* Footer Social */
.footer-social {
    display: flex;
    gap: 0.5rem;
    margin-top: 0.5rem;
}

.footer-social-link {
    width: 36px;
    height: 36px;
    border-radius: var(--radius-md);
    background: var(--bg);
    border: 1px solid var(--border);
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--text-dim);
    text-decoration: none;
    transition: all 0.2s;
    font-size: 1rem;
}

.footer-social-link:hover {
    background: var(--primary);
    border-color: var(--primary);
    color: var(--on-primary);
    transform: translateY(-2px);
}

/* Footer Columns */
.footer-column h4 {
    font-size: 0.9rem;
    font-weight: 700;
    color: var(--text);
    margin: 0 0 1rem;
}

.footer-links {
    display: flex;
    flex-direction: column;
    gap: 0.6rem;
}

.footer-links a {
    font-size: 0.875rem;
    color: var(--text-dim);
    text-decoration: none;
    transition: all 0.2s;
    display: inline-block;
}

.footer-links a:hover {
    color: var(--primary);
    transform: translateX(4px);
}

.footer-column-text {
    margin: 0;
    color: var(--text-dim);
    font-size: 0.875rem;
    line-height: 1.6;
}

/* Footer Newsletter */
.footer-newsletter h4 {
    font-size: 0.9rem;
    font-weight: 700;
    color: var(--text);
    margin: 0 0 0.5rem;
}

.footer-newsletter p {
    font-size: 0.85rem;
    color: var(--text-dim);
    margin: 0 0 1rem;
    line-height: 1.5;
}

.newsletter-form {
    display: flex;
    gap: 0.5rem;
}

.newsletter-form input {
    flex: 1;
    padding: 0.7rem 1rem;
    border: 1px solid var(--border);
    border-radius: var(--radius-md);
    background: var(--bg);
    color: var(--text);
    font-size: 0.875rem;
    transition: all 0.2s;
}

.newsletter-form input:focus {
    outline: none;
    border-color: var(--primary);
    background: var(--bg-white);
}

.newsletter-form button {
    padding: 0.7rem 1rem;
    background: var(--primary);
    border: none;
    border-radius: var(--radius-md);
    color: var(--on-primary);
    cursor: pointer;
    transition: all 0.2s;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1rem;
}

.newsletter-form button:hover {
    background: var(--primary-dark);
    transform: translateY(-2px);
}

/* Footer Bottom */
.footer-bottom {
    padding-top: 1.5rem;
    border-top: 1px solid var(--border);
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 1rem;
}

.footer-copyright {
    font-size: 0.8rem;
    color: var(--text-dim);
    margin: 0;
}

.footer-meta {
    display: flex;
    gap: 1.5rem;
    font-size: 0.75rem;
    color: var(--text-dim);
}

.footer-meta span {
    display: flex;
    align-items: center;
    gap: 0.35rem;
}

.footer-meta i {
    color: var(--primary);
    font-size: 0.85rem;
}

/* Responsive */
@media (max-width: 992px) {
    .footer-grid {
        grid-template-columns: 1fr 1fr;
        gap: 2rem;
    }
}

@media (max-width: 768px) {
    .footer {
        padding: 1.5rem 0 1rem !important;
    }

    .footer-grid {
        grid-template-columns: 1fr;
        gap: 1.5rem;
    }

    .footer-bottom {
        flex-direction: column;
        text-align: center;
        gap: 0.75rem;
    }

    .footer-meta {
        flex-direction: column;
        gap: 0.5rem;
    }
}

/* ============================================================
   SECTION 8: Enhanced Comments (enhanced-comments.css)
   ============================================================ */
/**
 * Enhanced Comments System - Styles
 * Modern, responsive comment UI with reactions and markdown
 */

/* ============================================
   Comment Reactions
   ============================================ */
.comment-reactions {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    margin-top: 0.75rem;
    padding-top: 0.75rem;
    border-top: 1px solid var(--ui-admin-border, #e5e7eb);
}

.comment-reaction-btn {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    padding: 0.35rem 0.65rem;
    background: var(--ui-admin-surface-alt, #f9fafb);
    border: 1px solid var(--ui-admin-border, #e5e7eb);
    border-radius: 1rem;
    font-size: 0.875rem;
    cursor: pointer;
    transition: all var(--transition-fast);
}

.comment-reaction-btn:hover {
    background: var(--ui-admin-surface, #fff);
    border-color: var(--ui-admin-primary, #667eea);
    transform: translateY(-1px);
}

.comment-reaction-btn.active {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    border-color: #667eea;
    color: white;
}

.comment-reaction-btn .reaction-emoji {
    font-size: 1.1rem;
    line-height: 1;
}

.comment-reaction-btn .reaction-count {
    font-weight: 600;
    font-size: 0.8rem;
}

.comment-reaction-add {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2rem;
    height: 2rem;
    background: transparent;
    border: 1px dashed var(--ui-admin-border, #e5e7eb);
    border-radius: 50%;
    color: var(--ui-admin-text-secondary, #6b7280);
    cursor: pointer;
    transition: all var(--transition-fast);
}

.comment-reaction-add:hover {
    background: var(--ui-admin-surface-alt, #f9fafb);
    border-color: var(--ui-admin-primary, #667eea);
    color: var(--ui-admin-primary, #667eea);
}

/* ============================================
   Reaction Picker
   ============================================ */
.reaction-picker {
    position: absolute;
    z-index: 1000;
    display: flex;
    gap: 0.5rem;
    padding: 0.75rem;
    background: white;
    border: 1px solid var(--ui-admin-border, #e5e7eb);
    border-radius: 2rem;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.15);
    animation: reactionPickerSlideUp 0.2s ease-out;
}

@keyframes reactionPickerSlideUp {
    from {
        opacity: 0;
        transform: translateY(10px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.reaction-picker-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2.5rem;
    height: 2.5rem;
    background: transparent;
    border: 2px solid transparent;
    border-radius: 50%;
    font-size: 1.5rem;
    cursor: pointer;
    transition: all var(--transition-fast);
}

.reaction-picker-btn:hover {
    background: var(--ui-admin-surface-alt, #f9fafb);
    border-color: var(--ui-admin-primary, #667eea);
    transform: scale(1.2);
}

.reaction-picker-btn:active {
    transform: scale(1.1);
}

/* ============================================
   Markdown Toolbar
   ============================================ */
.markdown-toolbar {
    display: flex;
    align-items: center;
    gap: 0.25rem;
    padding: 6px 8px;
    background: var(--theme-surface-muted);
    border: 2px solid var(--border);
    border-bottom: none;
    border-radius: var(--radius-lg, 0.5rem) var(--radius-lg, 0.5rem) 0 0;
}

.markdown-toolbar+.ui-comment-textarea,
.markdown-toolbar+.ui-comment-inline-textarea {
    border-radius: 0 0 var(--radius-lg, 0.5rem) var(--radius-lg, 0.5rem);
    border-top-width: 1px;
}

.md-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2rem;
    height: 2rem;
    background: transparent;
    border: 1px solid transparent;
    border-radius: var(--radius-sm, 0.35rem);
    color: var(--text-dim);
    cursor: pointer;
    transition: all 0.15s ease;
}

.md-btn:hover {
    background: var(--bg-white);
    border-color: var(--border);
    color: var(--text);
}

.md-btn:active {
    transform: scale(0.95);
}

.md-divider {
    width: 1px;
    height: 1.5rem;
    background: var(--border);
    margin: 0 0.25rem;
}

/* ============================================
   Edit History Modal
   ============================================ */
.comment-history-modal {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: var(--z-tooltip);
    display: flex;
    align-items: center;
    justify-content: center;
}

.comment-history-overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.5);
    backdrop-filter: blur(4px);
}

.comment-history-content {
    position: relative;
    width: 90%;
    max-width: 700px;
    max-height: 80vh;
    background: var(--bg-white);
    border-radius: var(--radius-xl, 0.75rem);
    box-shadow: var(--shadow-lg);
    display: flex;
    flex-direction: column;
}

.comment-history-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 1.25rem 1.5rem;
    border-bottom: 1px solid var(--border);
}

.comment-history-header h3 {
    margin: 0;
    font-size: 1.1rem;
    font-weight: 700;
    display: flex;
    align-items: center;
    gap: 0.5rem;
    color: var(--text);
}

.comment-history-header h3 i {
    color: var(--primary);
}

.comment-history-close {
    width: 2rem;
    height: 2rem;
    display: flex;
    align-items: center;
    justify-content: center;
    background: transparent;
    border: none;
    border-radius: var(--radius-md, 0.35rem);
    font-size: 1.5rem;
    color: var(--text-dim);
    cursor: pointer;
    transition: all 0.15s ease;
}

.comment-history-close:hover {
    background: var(--theme-surface-hover);
    color: var(--text);
}

.comment-history-body {
    padding: 1.5rem;
    overflow-y: auto;
}

.history-item {
    padding: 1rem;
    background: var(--theme-surface-muted);
    border: 1px solid var(--border);
    border-radius: var(--radius-lg, 0.5rem);
    margin-bottom: 1rem;
}

.history-item:last-child {
    margin-bottom: 0;
}

.history-meta {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    margin-bottom: 0.75rem;
    font-size: 0.875rem;
}

.history-diff {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1rem;
}

.history-old,
.history-new {
    padding: 0.75rem;
    border-radius: var(--radius-md, 0.35rem);
    font-size: 0.875rem;
}

.history-old {
    background: var(--theme-danger-soft, #fef2f2);
    border: 1px solid color-mix(in srgb, var(--theme-danger, #dc2626) 30%, transparent);
}

.history-old label {
    color: var(--theme-danger, #dc2626);
    font-weight: 600;
    display: block;
    margin-bottom: 0.5rem;
}

.history-new {
    background: var(--theme-success-soft, #ecfdf5);
    border: 1px solid color-mix(in srgb, var(--theme-success, #10b981) 30%, transparent);
}

.history-new label {
    color: var(--theme-success, #065f46);
    font-weight: 600;
    display: block;
    margin-bottom: 0.5rem;
}

.comment-edited-badge {
    display: inline-flex;
    align-items: center;
    gap: 0.25rem;
    padding: 0.15rem 0.5rem;
    background: var(--theme-surface-muted);
    border: 1px solid var(--border);
    border-radius: var(--radius-sm, 0.25rem);
    font-size: 0.75rem;
    color: var(--text-dim);
    margin-left: 0.5rem;
}

.comment-edit-history-btn {
    background: transparent;
    border: none;
    color: var(--primary);
    cursor: pointer;
    text-decoration: underline;
    font-size: 0.75rem;
    padding: 0;
}

.comment-edit-history-btn:hover {
    color: #764ba2;
}

/* ============================================
   Markdown Preview
   ============================================ */
.comment-body strong {
    font-weight: 700;
}

.comment-body em {
    font-style: italic;
}

.comment-body code {
    padding: 0.15rem 0.35rem;
    background: var(--ui-admin-surface-alt, #f9fafb);
    border: 1px solid var(--ui-admin-border, #e5e7eb);
    border-radius: 0.25rem;
    font-family: 'Courier New', monospace;
    font-size: 0.875em;
}

.comment-body a {
    color: var(--ui-admin-primary, #667eea);
    text-decoration: underline;
}

.comment-body a:hover {
    color: #764ba2;
}

/* ============================================
   Mention Highlight
   ============================================ */
.comment-mention {
    color: var(--ui-admin-primary, #667eea);
    font-weight: 600;
    text-decoration: none;
}

.comment-mention:hover {
    text-decoration: underline;
}

/* ============================================
   Responsive
   ============================================ */
@media (max-width: 768px) {
    .history-diff {
        grid-template-columns: 1fr;
    }

    .comment-history-content {
        width: 95%;
        max-height: 90vh;
    }

    .markdown-toolbar {
        flex-wrap: wrap;
    }
}

/* ============================================================
   SECTION 9: Responsive Mobile (responsive-mobile.css)
   ============================================================ */
/* ============================================
   RESPONSIVE MOBILE IMPROVEMENTS
   ============================================ */

/* Mobile Navigation Toggle */
.sidebar-toggle {
    display: none;
    position: fixed;
    bottom: 20px;
    right: 20px;
    z-index: 1000;
    width: 56px;
    height: 56px;
    background: var(--primary);
    border: none;
    border-radius: 50%;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
    cursor: pointer;
    transition: all var(--transition-base);
}

.sidebar-toggle:hover {
    transform: scale(1.1);
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.4);
}

.sidebar-toggle i {
    color: white;
    font-size: 24px;
}

.sidebar-overlay {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.5);
    z-index: 998;
    opacity: 0;
    transition: opacity 0.3s ease;
}

.sidebar-overlay.active {
    display: block;
    opacity: 1;
}

@media (max-width: 768px) {
    .sidebar-toggle {
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .sidebar-left,
    .sidebar-right {
        position: fixed;
        top: 70px;
        bottom: 0;
        width: 280px;
        background: var(--bg-white);
        transform: translateX(-100%);
        transition: transform 0.3s ease;
        overflow-y: auto;
        z-index: 999;
        box-shadow: 2px 0 8px rgba(0, 0, 0, 0.2);
    }

    .sidebar-left.active {
        transform: translateX(0);
    }

    .sidebar-right {
        right: 0;
        left: auto;
        transform: translateX(100%);
    }

    .sidebar-right.active {
        transform: translateX(0);
    }

    /* Grid d\c3\bczeni d\c3\bczeltmeleri */
    .topic-grid {
        grid-template-columns: 1fr !important;
        gap: 16px !important;
    }

    .feed-card {
        max-width: 100%;
    }
}

@media (max-width: 480px) {

    /* K\c3\bc\c3\a7\c3\bck ekranlarda ta\c5\178ma \c3\b6nleme */
    .container {
        padding: 0 12px;
    }

    /* --- 1. Breadcrumb: topbar ile i\c3\a7 i\c3\a7e girme d\c3\bczeltmesi --- */
    .topic-breadcrumb {
        margin: 8px auto 8px !important;
        position: relative;
    }

    .header .container {
        gap: 12px;
    }

    .brand {
        font-size: 1rem;
    }

    .search-box {
        max-width: 100%;
    }

    .feed-card {
        border-radius: var(--radius-md);
    }

    .card__img {
        height: 140px;
    }

    .sidebar-left,
    .sidebar-right {
        width: 90%;
        max-width: 320px;
    }
}

/* Search autocomplete */
.search-autocomplete-results {
    position: absolute;
    top: calc(100% + 8px);
    left: 0;
    right: 0;
    min-width: 280px;
    max-height: 420px;
    overflow-y: auto;
    background: var(--bg-white);
    border: 1px solid var(--border);
    border-radius: var(--radius-lg, 12px);
    box-shadow: var(--shadow-xl, 0 20px 25px rgba(0, 0, 0, 0.16));
    z-index: 1100;
    padding: 6px;
}

.search-autocomplete-item {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 8px;
    border-radius: var(--radius-md, 8px);
    color: var(--text);
    text-decoration: none;
}

.search-autocomplete-item:hover,
.search-autocomplete-item:focus {
    background: var(--bg-hover);
}

.search-autocomplete-item img {
    width: 44px;
    height: 44px;
    border-radius: var(--radius-md, 8px);
    object-fit: cover;
    background: var(--bg-hover);
}

.search-autocomplete-item span {
    display: grid;
    gap: 2px;
    min-width: 0;
}

.search-autocomplete-item strong,
.search-autocomplete-item small {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.search-autocomplete-item small,
.search-autocomplete-empty {
    color: var(--text-dim);
    font-size: 0.82rem;
}

.search-autocomplete-item mark {
    background: color-mix(in srgb, var(--primary) 25%, transparent);
    color: inherit;
    border-radius: 3px;
    padding: 0 2px;
}

.search-autocomplete-empty {
    padding: 12px;
    text-align: center;
}

[data-topic-list-container].is-loading {
    opacity: 0.58;
    pointer-events: none;
    transition: opacity 0.2s ease;
}

/* Tablet g\c3\b6r\c3\bcn\c3\bcm\c3\bc */
@media (min-width: 769px) and (max-width: 1024px) {
    .topic-grid {
        grid-template-columns: repeat(2, 1fr) !important;
    }

    .container {
        max-width: 100%;
        padding: 0 24px;
    }
}

/* Touch feedback */
@media (hover: none) and (pointer: coarse) {

    .feed-card,
    .btn,
    .sidebar-toggle {
        -webkit-tap-highlight-color: rgba(0, 0, 0, 0.1);
    }

    .feed-card:active {
        transform: scale(0.98);
    }

    .btn:active {
        transform: scale(0.95);
    }
}

/* ============================================================
   SECTION 10: Download Loading (download-loading.css)
   ============================================================ */
/**
 * Download Button Loading State
 * \c4\b0ndirme butonlar\c4\b1na spinner ve loading state ekler
 */

.topic-dl-card {
    position: relative;
    transition: all var(--transition-base);
}

.topic-dl-card.is-counting {
    opacity: 0.8;
    pointer-events: none;
}

.topic-dl-card.is-ready {
    background: var(--success, #00d084);
    border-color: var(--success, #00d084);
}

.topic-dl-button {
    position: relative;
    display: inline-flex;
    align-items: center;
    gap: 8px;
}

/* Loading Spinner */
.topic-dl-spinner {
    display: inline-block;
    width: 16px;
    height: 16px;
    border: 2px solid rgba(255, 255, 255, 0.3);
    border-top-color: var(--on-primary);
    border-radius: 50%;
    animation: spin 0.6s linear infinite;
}

@keyframes spin {
    to {
        transform: rotate(360deg);
    }
}

.topic-dl-card:not(.is-counting) .topic-dl-spinner {
    display: none;
}

/* Ready State Icon */
.topic-dl-ready-icon {
    display: none;
}

.topic-dl-card.is-ready .topic-dl-ready-icon {
    display: inline-block;
}

.topic-dl-card.is-ready .topic-dl-icon {
    display: none;
}

/* Hover Effects */
.topic-dl-card:not(.is-counting):hover {
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}

/* Mobile Responsive */
@media (max-width: 768px) {
    .topic-dl-grid {
        grid-template-columns: 1fr !important;
    }

    .topic-dl-card {
        padding: 1rem;
    }

    .topic-dl-info strong {
        font-size: 0.9rem;
    }
}

/* ============================================================
   HOTFIX: Breadcrumb / Sidebar / Hero / Konu \c4\b0\c5\178lemleri
   ============================================================ */

/* --- 1. Breadcrumb: topbar ile i\c3\a7 i\c3\a7e girme d\c3\bczeltmesi --- */
.topic-breadcrumb {
    margin-top: 8px !important;
    margin-bottom: 8px !important;
    position: relative;
    z-index: 1;
}

/* Topbar aktif oldu\c4\178unda extra bo\c5\178luk */
.topic-detail-page .topic-breadcrumb,
.topic-detail-page nav.topic-breadcrumb {
    margin-top: 8px !important;
}

/* Breadcrumb container margin d\c3\bczeltmesi */
.breadcrumb-container.container {
    margin: 8px auto 8px !important;
}

.topic-sidebar-left {
    position: static !important;
    top: auto !important;
    align-self: start;
    max-height: none !important;
    overflow-y: hidden !important;
}

.topic-sidebar-left::-webkit-scrollbar,
.topic-sidebar::-webkit-scrollbar {
    display: none !important;
    width: 0 !important;
    height: 0 !important;
}

@media (max-width: 991.98px) {

    .topic-sidebar-left,
    .topic-sidebar {
        position: static !important;
        top: auto !important;
        max-height: none !important;
        overflow-y: visible !important;
    }
}

/* Sidebar panel i\c3\a7erikleri de scroll olmas\c4\b1n */
.topic-sidebar .sidebar-panel,
.topic-sidebar .sidebar-popular-list,
.topic-sidebar .sidebar-category-list {
    overflow: hidden !important;
    scrollbar-width: none !important;
}

/* --- 3. Topic Hero Image - Ortalama ve Tasar\c4\b1msal \c4\b0yile\c5\178tirme --- */
.topic-hero.topic-first-image.gallery-main {
    display: flex !important;
    align-items: center;
    justify-content: center;
    grid-template-columns: unset !important;
    min-height: 280px;
    max-height: 480px;
    padding: 0;
    overflow: hidden;
    background: linear-gradient(145deg, #0f172a 0%, #1e293b 50%, #0f172a 100%);
    border: 1px solid var(--border);
    border-radius: 12px;
    box-shadow:
        0 4px 24px rgba(0, 0, 0, 0.12),
        0 1px 4px rgba(0, 0, 0, 0.08);
    position: relative;
}

.topic-hero.topic-first-image.gallery-main::before {
    content: '';
    position: absolute;
    inset: 0;
    background:
        radial-gradient(ellipse at 20% 50%, rgba(139, 21, 56, 0.08) 0%, transparent 60%),
        radial-gradient(ellipse at 80% 50%, rgba(139, 21, 56, 0.06) 0%, transparent 60%);
    pointer-events: none;
    z-index: 1;
}

.topic-hero.topic-first-image.gallery-main>img {
    display: block;
    width: auto !important;
    max-width: 100%;
    height: auto;
    max-height: 460px;
    object-fit: contain !important;
    margin: 0 auto;
    position: relative;
    z-index: 2;
    border-radius: var(--radius-sm);
    transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}

.topic-hero.topic-first-image.gallery-main>img:hover {
    transform: scale(1.02);
}

/* --- 4. Konu \c4\b0\c5\178lemleri Widget Tasar\c4\b1msal D\c3\bczenleme --- */
.topic-actions-widget {
    background: var(--bg-white) !important;
    border: 1px solid var(--border) !important;
    border-radius: 12px !important;
    box-shadow:
        0 4px 20px rgba(0, 0, 0, 0.06),
        0 1px 3px rgba(0, 0, 0, 0.04) !important;
    overflow: hidden;
    transition: box-shadow 0.3s ease, transform 0.3s ease;
}

.topic-actions-widget:hover {
    box-shadow:
        0 8px 32px rgba(0, 0, 0, 0.1),
        0 2px 6px rgba(0, 0, 0, 0.06) !important;
}

.topic-actions-header {
    padding: 14px 16px !important;
    border-bottom: 1px solid var(--border) !important;
    background: linear-gradient(135deg,
            color-mix(in srgb, var(--primary) 6%, var(--bg-white) 94%),
            var(--bg-white)) !important;
}

.topic-actions-header h3 {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    font-size: 0.88rem !important;
    font-weight: 750 !important;
    color: var(--text) !important;
    margin: 0 !important;
    letter-spacing: 0.01em;
}

.topic-actions-header h3 i {
    display: grid;
    width: 30px;
    height: 30px;
    place-items: center;
    background: linear-gradient(135deg, var(--primary), color-mix(in srgb, var(--primary) 70%, #fff 30%));
    color: var(--on-primary) !important;
    font-size: 0.85rem !important;
    border-radius: var(--radius-md);
    box-shadow: 0 2px 8px color-mix(in srgb, var(--primary) 25%, transparent);
}

.topic-actions-body {
    padding: 10px !important;
}

.topic-actions-widget .topic-action-list {
    gap: 6px !important;
}

/* Konu \c4\b0\c5\178lemleri Butonlar\c4\b1 - Yeniden Tasar\c4\b1m */
.topic-actions-widget .topic-action-btn {
    min-height: 44px !important;
    padding: 10px 14px !important;
    border-radius: 10px !important;
    border: 1px solid var(--border) !important;
    background: var(--bg-white) !important;
    font-size: 0.85rem !important;
    font-weight: 620 !important;
    gap: 10px !important;
    transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1) !important;
    position: relative;
    overflow: hidden;
}

.topic-actions-widget .topic-action-btn::before {
    content: '' !important;
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, transparent, color-mix(in srgb, var(--primary) 4%, transparent)) !important;
    width: 0 !important;
    transition: width 0.3s ease !important;
}

.topic-actions-widget .topic-action-btn:hover::before {
    width: 100% !important;
}

.topic-actions-widget .topic-action-btn:hover {
    transform: translateX(3px) !important;
    border-color: color-mix(in srgb, var(--primary) 40%, var(--border) 60%) !important;
    box-shadow: 0 2px 12px color-mix(in srgb, var(--primary) 10%, transparent) !important;
}

.topic-actions-widget .topic-action-btn:active {
    transform: translateX(1px) !important;
}

.topic-actions-widget .topic-action-btn .action-icon-wrapper {
    display: grid;
    width: 32px;
    height: 32px;
    flex: 0 0 32px;
    place-items: center;
    border-radius: var(--radius-md);
    background: color-mix(in srgb, var(--primary) 8%, var(--bg) 92%);
    transition: all var(--transition-fast);
}

.topic-actions-widget .topic-action-btn:hover .action-icon-wrapper {
    background: color-mix(in srgb, var(--primary) 15%, var(--bg) 85%);
    transform: scale(1.05);
}

.topic-actions-widget .topic-action-btn .action-icon-wrapper i {
    width: auto !important;
    height: auto !important;
    flex: unset !important;
    font-size: 0.95rem !important;
    color: var(--primary) !important;
}

.topic-actions-widget .topic-action-btn .action-text {
    flex: 1;
    font-weight: 620;
}

.topic-actions-widget .topic-action-btn .action-badge {
    min-width: 28px !important;
    height: 22px !important;
    padding: 0 7px !important;
    font-size: 0.72rem !important;
    font-weight: 750 !important;
    border-radius: 999px !important;
    background: color-mix(in srgb, var(--primary) 8%, var(--bg) 92%) !important;
    color: var(--primary) !important;
    border: 1px solid color-mix(in srgb, var(--primary) 15%, var(--border) 85%) !important;
}

/* Favori aktif durum */
.topic-actions-widget .topic-action-btn.is-active {
    color: var(--on-primary) !important;
    background: linear-gradient(135deg, var(--primary), color-mix(in srgb, var(--primary) 80%, #2d1b30 20%)) !important;
    border-color: var(--primary) !important;
    box-shadow: 0 4px 16px color-mix(in srgb, var(--primary) 30%, transparent) !important;
}

.topic-actions-widget .topic-action-btn.is-active .action-icon-wrapper {
    background: rgba(255, 255, 255, 0.2) !important;
}

.topic-actions-widget .topic-action-btn.is-active .action-icon-wrapper i {
    color: var(--on-primary) !important;
}

.topic-actions-widget .topic-action-btn.is-active .action-badge {
    background: rgba(255, 255, 255, 0.95) !important;
    color: var(--primary) !important;
    border-color: rgba(255, 255, 255, 0.5) !important;
    font-weight: 800 !important;
}

.topic-actions-widget .topic-action-btn.is-active:hover {
    transform: translateX(3px) !important;
    box-shadow: 0 6px 24px color-mix(in srgb, var(--primary) 35%, transparent) !important;
}

/* Raporla butonu \c3\b6zel renk */
.topic-actions-widget .topic-action-report .action-icon-wrapper {
    background: color-mix(in srgb, var(--danger, #ef4444) 8%, var(--bg) 92%);
}

.topic-actions-widget .topic-action-report .action-icon-wrapper i {
    color: var(--danger, #ef4444) !important;
}

.topic-actions-widget .topic-action-report:hover {
    color: var(--on-primary) !important;
    background: linear-gradient(135deg, var(--danger, #ef4444), color-mix(in srgb, var(--danger, #ef4444) 85%, #000 15%)) !important;
    border-color: var(--danger, #ef4444) !important;
}

.topic-actions-widget .topic-action-report:hover .action-icon-wrapper {
    background: rgba(255, 255, 255, 0.2) !important;
}

.topic-actions-widget .topic-action-report:hover .action-icon-wrapper i {
    color: var(--on-primary) !important;
}

/* D\c3\bczenle butonu \c3\b6zel renk */
.topic-actions-widget .topic-action-edit .action-icon-wrapper {
    background: color-mix(in srgb, #8b1538 8%, var(--bg) 92%);
}

.topic-actions-widget .topic-action-edit .action-icon-wrapper i {
    color: #8b1538 !important;
}

.topic-actions-widget .topic-action-edit:hover {
    color: var(--on-primary) !important;
    background: linear-gradient(135deg, #8b1538, #8b1538) !important;
    border-color: #8b1538 !important;
}

.topic-actions-widget .topic-action-edit:hover .action-icon-wrapper {
    background: rgba(255, 255, 255, 0.2) !important;
}

.topic-actions-widget .topic-action-edit:hover .action-icon-wrapper i {
    color: var(--on-primary) !important;
}

/* Responsive: K\c3\bc\c3\a7\c3\bck ekranlarda hero image */
@media (max-width: 768px) {
    .topic-hero.topic-first-image.gallery-main {
        min-height: 180px;
        max-height: 320px;
        border-radius: var(--radius-md);
    }

    .topic-hero.topic-first-image.gallery-main>img {
        max-height: 300px;
    }

    .topic-actions-widget .topic-action-btn {
        min-height: 40px !important;
        padding: 8px 12px !important;
    }

    .topic-actions-widget .topic-action-btn .action-icon-wrapper {
        width: 28px;
        height: 28px;
        flex: 0 0 28px;
    }
}


/* ============================================================
   WIDGET TASARIM G\c3\153NCELLEMELER\c4\b0 V2 (Minimal & White Badges)
   ============================================================ */

/* --- WIDGET BA\c5\9eLIK \c4\b0KONLARI (BEYAZ BADGE) --- */
.widget-header h3 i,
.sidebar-panel h2 i,
.sidebar-category-head .sidebar-category-title i {
    display: inline-grid !important;
    place-items: center !important;
    width: 30px !important;
    height: 30px !important;
    background: var(--primary) !important;
    color: var(--on-primary) !important;
    border-radius: var(--radius-md) !important;
    font-size: 1rem !important;
    margin-right: 10px !important;
    box-shadow: 0 4px 10px color-mix(in srgb, var(--primary) 30%, transparent) !important;
}

/* 1. \c4\b0statistikler Widget (Dashboard 2x2 Grid) */
.topic-sidebar-left .stat-list {
    display: grid !important;
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 10px !important;
}

.topic-sidebar-left .stat-item {
    flex-direction: column !important;
    align-items: center !important;
    text-align: center !important;
    padding: 16px 10px !important;
    background: var(--bg-white) !important;
    border: 1px solid var(--border) !important;
    border-radius: 12px !important;
    transition: all 0.25s ease !important;
}

.topic-sidebar-left .stat-item:hover {
    transform: translateY(-2px) !important;
    border-color: var(--primary) !important;
}

.topic-sidebar-left .stat-item>i {
    width: 40px !important;
    height: 40px !important;
    background: var(--primary) !important;
    color: var(--on-primary) !important;
    border-radius: 12px !important;
    font-size: 1.25rem !important;
    margin-bottom: 12px !important;
    display: grid !important;
    place-items: center !important;
    box-shadow: 0 4px 12px color-mix(in srgb, var(--primary) 40%, transparent) !important;
    transition: transform 0.3s ease !important;
}

.topic-sidebar-left .stat-item:hover>i {
    transform: scale(1.1) !important;
}

.topic-sidebar-left .stat-item>div {
    gap: 4px !important;
    align-items: center !important;
}

.topic-sidebar-left .stat-item strong {
    font-size: 1.25rem !important;
    color: var(--text) !important;
}

.topic-sidebar-left .stat-item span {
    font-size: 0.75rem !important;
    font-weight: 700 !important;
    letter-spacing: 0.05em !important;
    color: var(--text-dim) !important;
}

/* 2. Konu Bilgileri Widget (List View) */
.topic-info-list {
    display: flex !important;
    flex-direction: column !important;
    gap: 6px !important;
}

.topic-info-list .topic-info-row {
    display: grid !important;
    grid-template-columns: auto 1fr !important;
    grid-template-areas:
        "icon label"
        "icon value" !important;
    gap: 2px 14px !important;
    align-items: center !important;
    padding: 14px 16px !important;
    background: var(--bg-white) !important;
    border: 1px solid var(--border) !important;
    border-radius: 12px !important;
    text-decoration: none !important;
    transition: all 0.2s ease !important;
}

.topic-info-list .topic-info-row:hover {
    border-color: var(--primary) !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.03) !important;
}

.topic-info-list .topic-info-row>i {
    grid-area: icon !important;
    font-size: 1.1rem !important;
    color: var(--primary) !important;
    width: 36px !important;
    height: 36px !important;
    display: grid !important;
    place-items: center !important;
    background: color-mix(in srgb, var(--primary) 8%, var(--bg)) !important;
    border-radius: 10px !important;
    margin-right: 0 !important;
    transition: all 0.3s ease !important;
}

.topic-info-list .topic-info-row:hover>i {
    background: var(--primary) !important;
    color: var(--on-primary) !important;
    transform: scale(1.05) !important;
    box-shadow: 0 4px 10px color-mix(in srgb, var(--primary) 30%, transparent) !important;
}

.topic-info-list .topic-info-row span {
    grid-area: label !important;
    color: var(--text-dim) !important;
    font-size: 0.72rem !important;
    font-weight: 750 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.05em !important;
    line-height: 1 !important;
    align-self: end !important;
}

.topic-info-list .topic-info-row strong {
    grid-area: value !important;
    color: var(--text) !important;
    font-size: 0.95rem !important;
    font-weight: 850 !important;
    text-align: left !important;
    line-height: 1.2 !important;
    word-break: break-word !important;
    align-self: start !important;
}

/* 3. \c4\b0lgili \c4\b0\c3\a7erikler Widget */
.sidebar-list {
    display: flex !important;
    flex-direction: column !important;
    gap: 6px !important;
}

.sidebar-list a {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    padding: 12px 14px !important;
    background: var(--bg-white) !important;
    border: 1px solid var(--border) !important;
    border-radius: 10px !important;
    text-decoration: none !important;
    color: var(--text) !important;
    font-weight: 650 !important;
    font-size: 0.85rem !important;
    transition: all 0.2s ease !important;
}

.sidebar-list a:hover {
    border-color: var(--primary) !important;
    color: var(--primary) !important;
    transform: translateX(4px) !important;
}

.sidebar-list a::after {
    content: '\F138' !important;
    font-family: bootstrap-icons !important;
    font-size: 0.85rem !important;
    color: var(--primary) !important;
    opacity: 0 !important;
    transform: translateX(-10px) !important;
    transition: all 0.2s ease !important;
}

.sidebar-list a:hover::after {
    opacity: 1 !important;
    transform: translateX(0) !important;
}

.sidebar-list a span {
    flex: 1 !important;
    line-height: 1.4 !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    padding-right: 10px;
}

/* 4. Pop\c3\bcler \c4\b0\c3\a7erikler Widget (Kutu Tasar\c4\b1m\c4\b1) */
.sidebar-popular-widget {
    background: var(--bg-white) !important;
    border: 1px solid var(--border) !important;
    border-radius: 14px !important;
    padding: 1.25rem !important;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.03) !important;
    margin-bottom: 1.5rem !important;
    transition: box-shadow 0.3s ease !important;
}

.sidebar-popular-widget:hover {
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.06) !important;
}

.topic-layout>.topic-sidebar .sidebar-popular-header,
.sidebar-popular-header {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    padding: 0 0 14px 0 !important;
    margin-bottom: 12px !important;
    background: transparent !important;
    border: none !important;
    border-bottom: 1px solid color-mix(in srgb, var(--primary) 10%, var(--border)) !important;
    box-shadow: none !important;
    border-radius: 0 !important;
}

.topic-layout>.topic-sidebar .sidebar-popular-header h2,
.sidebar-popular-header h2 {
    font-size: 1.05rem !important;
    font-weight: 850 !important;
    margin: 0 !important;
    color: var(--text) !important;
    display: flex !important;
    align-items: center !important;
    border: none !important;
    padding: 0 !important;
}

.topic-layout>.topic-sidebar .sidebar-popular-badge,
.sidebar-popular-badge {
    background: color-mix(in srgb, var(--primary) 10%, var(--bg)) !important;
    color: var(--primary) !important;
    font-size: 0.75rem !important;
    font-weight: 800 !important;
    padding: 6px 12px !important;
    border-radius: 999px !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    border: none !important;
}

.sidebar-popular-list {
    padding: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 0 !important;
    /* Minimal: no gaps between rows */
}

.sidebar-popular-item {
    display: flex !important;
    align-items: center !important;
    gap: 14px !important;
    padding: 12px 0 !important;
    background: transparent !important;
    border: none !important;
    border-bottom: 1px solid var(--border) !important;
    border-radius: 0 !important;
    text-decoration: none !important;
    transition: opacity 0.2s ease !important;
}

.sidebar-popular-item:last-child {
    border-bottom: none !important;
}

.sidebar-popular-item:hover {
    opacity: 0.8 !important;
    transform: none !important;
    box-shadow: none !important;
    background: transparent !important;
}

.sidebar-popular-rank {
    display: grid !important;
    place-items: center !important;
    width: 28px !important;
    height: 28px !important;
    flex-shrink: 0 !important;
    border-radius: 50% !important;
    background: color-mix(in srgb, var(--primary) 10%, var(--bg)) !important;
    color: var(--primary) !important;
    font-weight: 850 !important;
    font-size: 0.9rem !important;
}

.sidebar-popular-item.top-rank .sidebar-popular-rank {
    background: var(--primary) !important;
    color: var(--on-primary) !important;
}

.sidebar-popular-content {
    flex: 1 !important;
    min-width: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 4px !important;
}

.sidebar-popular-title {
    color: var(--text) !important;
    font-weight: 700 !important;
    font-size: 0.88rem !important;
    line-height: 1.35 !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
}

.sidebar-popular-meta {
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
    font-size: 0.75rem !important;
    color: var(--text-dim) !important;
    font-weight: 600 !important;
}

.sidebar-popular-action {
    display: none !important;
    /* Remove action icon for minimal look */
}

/* 5. Kategoriler Widget (Minimal Tasar\c4\b1m) */
.category-atlas-widget {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    padding: 0 !important;
}

.sidebar-category-head {
    margin-bottom: 12px !important;
    border-bottom: 2px solid var(--primary) !important;
    padding-bottom: 8px !important;
}

.sidebar-category-title {
    font-size: 1.15rem !important;
    font-weight: 800 !important;
    color: var(--text) !important;
    display: flex !important;
    align-items: center !important;
}

.sidebar-category-title i {
    background: var(--primary) !important;
    color: var(--on-primary) !important;
    width: 28px !important;
    height: 28px !important;
    display: grid !important;
    place-items: center !important;
    border-radius: var(--radius-md) !important;
    margin-right: 8px !important;
    font-size: 0.9rem !important;
}

.sidebar-category-total {
    background: color-mix(in srgb, var(--primary) 10%, var(--bg)) !important;
    color: var(--primary) !important;
    padding: 4px 8px !important;
    border-radius: var(--radius-md) !important;
    font-weight: 750 !important;
    font-size: 0.8rem !important;
}

.category-atlas-list {
    display: flex !important;
    flex-direction: column !important;
    gap: 4px !important;
}

.sidebar-category-link {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    padding: 8px 12px !important;
    border-radius: var(--radius-md) !important;
    color: var(--text) !important;
    text-decoration: none !important;
    transition: all 0.2s ease !important;
    background: transparent !important;
    border: 1px solid transparent !important;
}

.sidebar-category-link:hover,
.sidebar-category-link.active {
    background: var(--bg-white) !important;
    border-color: var(--border) !important;
    color: var(--primary) !important;
}

.sidebar-category-copy {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    font-weight: 650 !important;
    font-size: 0.9rem !important;
}

.sidebar-category-icon i {
    font-size: 1rem !important;
    color: var(--primary) !important;
    opacity: 0.7 !important;
}

.sidebar-category-link:hover .sidebar-category-icon i,
.sidebar-category-link.active .sidebar-category-icon i {
    opacity: 1 !important;
}

.sidebar-category-count {
    font-size: 0.8rem !important;
    color: var(--text-dim) !important;
    font-weight: 700 !important;
    background: var(--bg) !important;
    padding: 2px 8px !important;
    border-radius: 12px !important;
    transition: all 0.2s ease !important;
}

.sidebar-category-link:hover .sidebar-category-count,
.sidebar-category-link.active .sidebar-category-count {
    background: color-mix(in srgb, var(--primary) 10%, var(--bg-white)) !important;
    color: var(--primary) !important;
}

/* Sub-categories styling */
.sidebar-category-parent-row {
    display: flex !important;
    align-items: center !important;
    gap: 4px !important;
}

.sidebar-category-parent-link {
    flex: 1 !important;
}

.sidebar-category-expander {
    background: transparent !important;
    border: none !important;
    color: var(--text-dim) !important;
    width: 32px !important;
    height: 32px !important;
    border-radius: var(--radius-md) !important;
    display: grid !important;
    place-items: center !important;
    transition: all 0.2s ease !important;
}

.sidebar-category-expander:hover {
    background: var(--bg-white) !important;
    color: var(--primary) !important;
}

/* ============================================================
   ANA \c4\b0\c3\2021ER\c4\b0K TASARIM B\c3\153T\c3\153NL\c3\153\c4\9e\c3\153 (Topic Detail & Komponentleri)
   ============================================================ */

/* Ana \c4\b0\c3\a7erik Kutusu (Topic Detail Panel) */
.topic-detail-panel,
.topic-share-layout .topic-detail-panel,
.topic-main-container {
    background: var(--bg-white) !important;
    border: 1px solid var(--border) !important;
    border-radius: 14px !important;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.03) !important;
    padding: 2.5rem !important;
    margin-bottom: 1.5rem !important;
    transition: box-shadow 0.3s ease !important;
}

.topic-detail-panel:hover {
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.06) !important;
}

/* Ana Ba\c5\178l\c4\b1k Tasar\c4\b1m\c4\b1 */
.topic-detail-panel h2 {
    font-size: 1.65rem !important;
    font-weight: 850 !important;
    color: var(--text) !important;
    margin-bottom: 1.2rem !important;
    line-height: 1.35 !important;
}

/* Teknik Detaylar Tablosu */
.topic-detail-panel table {
    width: 100% !important;
    border-collapse: separate !important;
    border-spacing: 0 !important;
    border-radius: 12px !important;
    overflow: hidden !important;
    border: 1px solid var(--border) !important;
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
}

.topic-detail-panel table td,
.topic-detail-panel table th {
    padding: 14px 18px !important;
    border-bottom: 1px solid var(--border) !important;
    border-right: 1px solid var(--border) !important;
    font-size: 0.95rem !important;
}

.topic-detail-panel table td:last-child {
    border-right: none !important;
}

.topic-detail-panel table tr:last-child td {
    border-bottom: none !important;
}

.topic-detail-panel table td:nth-child(odd) {
    background: color-mix(in srgb, var(--bg) 60%, var(--bg-white)) !important;
    font-weight: 750 !important;
    color: var(--text-dim) !important;
    width: 25% !important;
}

.topic-detail-panel table td:nth-child(even) {
    background: var(--bg-white) !important;
    color: var(--text) !important;
    font-weight: 650 !important;
}

.topic-detail-panel table a {
    color: var(--primary) !important;
    text-decoration: none !important;
    font-weight: 750 !important;
    transition: all 0.2s ease !important;
}

.topic-detail-panel table a:hover {
    text-decoration: underline !important;
}

/* Carousel (Resim ve Videolar) - Inline Stilleri Ezme */
.topic-carousel {
    background: var(--bg-white) !important;
    border: 1px solid var(--border) !important;
    border-radius: 14px !important;
    padding: 1.25rem !important;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.03) !important;
    margin-bottom: 2rem !important;
    margin-top: 2rem !important;
}

.topic-carousel-main {
    border-radius: 10px !important;
    box-shadow: 0 4px 24px rgba(0, 0, 0, 0.15) !important;
}

.ui-comment-thumb {
    border-radius: var(--radius-md) !important;
    border: 2px solid transparent !important;
    transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1) !important;
    opacity: 0.6 !important;
}

.ui-comment-thumb:hover {
    opacity: 1 !important;
    transform: translateY(-2px) !important;
}

.ui-comment-thumb.active {
    opacity: 1 !important;
    border-color: var(--primary) !important;
    box-shadow: 0 4px 12px color-mix(in srgb, var(--primary) 30%, transparent) !important;
}

/* Etiketler (Tags) */
.topic-tags {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 8px !important;
    margin-top: 2rem !important;
}

.topic-tags a {
    display: inline-flex !important;
    align-items: center !important;
    padding: 8px 16px !important;
    background: color-mix(in srgb, var(--primary) 8%, var(--bg-white)) !important;
    color: var(--primary) !important;
    border-radius: 999px !important;
    font-size: 0.85rem !important;
    font-weight: 750 !important;
    text-decoration: none !important;
    transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1) !important;
    border: 1px solid transparent !important;
}

.topic-tags a:hover {
    background: var(--primary) !important;
    color: var(--on-primary) !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 4px 14px color-mix(in srgb, var(--primary) 30%, transparent) !important;
}

/* Yorumlar B\c3\b6l\c3\bcm\c3\bc (ui-comment-container) */
.ui-comment-container {
    background: var(--bg-white) !important;
    border: 1px solid var(--border) !important;
    border-radius: 14px !important;
    padding: 2.5rem !important;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.03) !important;
    margin-top: 2rem !important;
    transition: box-shadow 0.3s ease !important;
}

.ui-comment-container:hover {
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.06) !important;
}

.ui-comment-header h2 {
    font-size: 1.65rem !important;
    font-weight: 850 !important;
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
    margin-bottom: 1.5rem !important;
}

.ui-comment-header h2 i {
    background: var(--primary) !important;
    color: var(--on-primary) !important;
    width: 36px !important;
    height: 36px !important;
    display: inline-grid !important;
    place-items: center !important;
    border-radius: 10px !important;
    font-size: 1.1rem !important;
    box-shadow: 0 4px 12px color-mix(in srgb, var(--primary) 30%, transparent) !important;
}

@media (max-width: 768px) {

    .topic-detail-panel,
    .ui-comment-container {
        padding: 1.5rem !important;
        border-radius: 12px !important;
    }
}

/* 7. Konu Detay: Breadcrumb Bo\c5\178luk Ayar\c4\b1 */
#main-content.topic-main {
    padding-top: 0 !important;
}

body:has(.topic-layout) .breadcrumb-container.container,
.topic-main>.breadcrumb-container.container {
    margin-top: 8px !important;
    margin-bottom: 8px !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

body:has(.topic-layout) .breadcrumb-container .breadcrumb,
.topic-main>.breadcrumb-container .breadcrumb {
    margin-bottom: 0 !important;
    margin-top: 0 !important;
    padding-bottom: 0 !important;
    padding-top: 0 !important;
}

/* Professional auth popup and pages */
.auth-popover {
    position: relative;
}

.auth-popover-trigger {
    min-height: 38px;
    display: inline-flex !important;
    align-items: center;
    gap: 8px;
    white-space: nowrap;
}

.auth-popover-panel {
    position: absolute;
    top: calc(100% + 12px);
    right: 0;
    width: min(360px, calc(100vw - 24px));
    padding: 16px;
    border: 1px solid color-mix(in srgb, var(--border) 82%, var(--primary));
    border-radius: 8px;
    background: color-mix(in srgb, var(--bg-white) 96%, var(--primary));
    box-shadow: 0 22px 60px rgba(0, 0, 0, 0.28);
    z-index: 250;
    transform: translateY(-6px);
    opacity: 0;
    pointer-events: none;
    transition: opacity 180ms ease, transform 180ms ease;
}

.auth-popover-panel::before {
    content: "";
    position: absolute;
    top: -7px;
    right: 28px;
    width: 12px;
    height: 12px;
    border-left: 1px solid color-mix(in srgb, var(--border) 82%, var(--primary));
    border-top: 1px solid color-mix(in srgb, var(--border) 82%, var(--primary));
    background: inherit;
    transform: rotate(45deg);
}

.auth-popover-panel.is-open {
    transform: translateY(0);
    opacity: 1;
    pointer-events: auto;
}

.auth-popover-head {
    display: grid;
    grid-template-columns: 44px 1fr;
    gap: 12px;
    align-items: center;
    padding-bottom: 14px;
    margin-bottom: 14px;
    border-bottom: 1px solid var(--border);
}

.auth-popover-icon,
.auth-header-icon {
    border-radius: 8px;
    background: color-mix(in srgb, var(--primary) 18%, transparent);
    color: var(--primary);
}

.auth-popover-icon {
    width: 44px;
    height: 44px;
    display: grid;
    place-items: center;
    font-size: 1.25rem;
}

.auth-popover-head strong,
.auth-popover-head small {
    display: block;
}

.auth-popover-head strong {
    color: var(--text);
    font-size: 0.98rem;
    font-weight: 850;
}

.auth-popover-head small {
    margin-top: 2px;
    color: var(--text-dim);
    font-size: 0.82rem;
    line-height: 1.45;
}

.auth-popover-actions {
    display: grid;
    gap: 10px;
}

.auth-popover-primary,
.auth-popover-secondary {
    min-height: 44px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    border-radius: 8px;
    text-decoration: none;
    font-weight: 800;
    transition: transform 160ms ease, box-shadow 160ms ease, border-color 160ms ease, background 160ms ease;
}

.auth-popover-primary {
    background: var(--primary);
    color: var(--on-primary);
    box-shadow: 0 12px 24px color-mix(in srgb, var(--primary) 28%, transparent);
}

.auth-popover-primary:hover,
.auth-popover-secondary:hover {
    transform: translateY(-1px);
}

.auth-popover-secondary {
    border: 1px solid var(--border);
    background: var(--bg);
    color: var(--text);
}

.auth-popover-secondary:hover {
    border-color: var(--primary);
    color: var(--primary);
}

.auth-popover-forgot {
    display: block;
    margin-top: 12px;
    color: var(--text-dim);
    font-size: 0.84rem;
    font-weight: 700;
    text-align: center;
    text-decoration: none;
}

.auth-popover-forgot:hover {
    color: var(--primary);
}

.auth-screen {
    position: relative;
    min-height: calc(100vh - 190px);
    padding: clamp(28px, 5vw, 72px) 20px;
    align-items: center;
    overflow: hidden;
}

.auth-breadcrumb.container {
    margin-top: 8px;
    margin-bottom: 8px;
}

.auth-breadcrumb .breadcrumb {
    margin-top: 0;
    margin-bottom: 0;
}

.auth-breadcrumb + .auth-screen {
    padding-top: clamp(20px, 3vw, 40px);
}

.auth-screen::before {
    content: "";
    position: absolute;
    inset: 0;
    background:
        linear-gradient(135deg, color-mix(in srgb, var(--primary) 13%, transparent), transparent 34%),
        radial-gradient(circle at 82% 18%, color-mix(in srgb, var(--success) 10%, transparent), transparent 28%),
        linear-gradient(180deg, transparent, color-mix(in srgb, var(--bg) 88%, #000));
    pointer-events: none;
}

.auth-stage {
    position: relative;
    z-index: 1;
    width: min(1080px, 100%);
    display: grid;
    grid-template-columns: minmax(300px, 0.95fr) minmax(360px, 1fr);
    gap: clamp(20px, 4vw, 44px);
    align-items: stretch;
}

.auth-stage-compact {
    width: min(980px, 100%);
    grid-template-columns: minmax(280px, 0.9fr) minmax(340px, 0.95fr);
}

.auth-screen .auth-box {
    max-width: none;
    padding: clamp(24px, 4vw, 40px);
    border-radius: 8px;
    border: 1px solid color-mix(in srgb, var(--border) 82%, var(--primary));
    background: color-mix(in srgb, var(--bg-white) 94%, var(--bg));
    box-shadow: 0 22px 70px rgba(0, 0, 0, 0.24);
}

.auth-visual {
    min-height: 100%;
    padding: clamp(24px, 4vw, 42px);
    border-radius: 8px;
    border: 1px solid color-mix(in srgb, var(--border) 76%, var(--primary));
    background:
        linear-gradient(145deg, color-mix(in srgb, var(--primary) 19%, var(--bg-white)), var(--bg-white) 52%),
        repeating-linear-gradient(90deg, transparent 0 18px, rgba(255, 255, 255, 0.03) 18px 19px);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 28px;
}

.auth-kicker,
.auth-eyebrow {
    color: var(--primary);
    font-size: 0.78rem;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: 0.08em;
}

.auth-visual h2 {
    color: var(--text);
    font-size: clamp(1.65rem, 3vw, 2.65rem);
    line-height: 1.08;
    font-weight: 900;
    margin: 12px 0 14px;
}

.auth-visual p {
    color: var(--text-dim);
    max-width: 46ch;
    font-size: 1rem;
    line-height: 1.65;
}

.auth-benefits {
    display: grid;
    gap: 10px;
}

.auth-benefits span {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    min-height: 40px;
    padding: 9px 12px;
    border: 1px solid var(--border);
    border-radius: 8px;
    background: color-mix(in srgb, var(--bg) 62%, transparent);
    color: var(--text);
    font-size: 0.9rem;
    font-weight: 750;
}

.auth-benefits i {
    color: var(--primary);
}

.auth-screen .auth-header {
    text-align: left;
    margin-bottom: 24px;
}

.auth-header-icon {
    width: 48px;
    height: 48px;
    display: grid;
    place-items: center;
    margin-bottom: 18px;
    font-size: 1.35rem;
}

.auth-header-icon i {
    display: inline-block;
    margin: 0;
    color: inherit;
    font-size: 1.35rem;
}

.auth-screen .auth-header h1 {
    margin-top: 6px;
    font-size: clamp(1.75rem, 3vw, 2.35rem);
    line-height: 1.12;
}

.auth-screen .auth-header p {
    max-width: 44ch;
    line-height: 1.55;
}

.auth-field {
    gap: 9px;
}

.auth-input-shell {
    position: relative;
    display: flex;
    align-items: center;
}

.auth-input-shell i {
    position: absolute;
    left: 15px;
    color: var(--text-dim);
    pointer-events: none;
}

.auth-field .auth-input-shell input {
    width: 100%;
    min-height: 48px;
    padding-left: 44px;
    padding-right: 44px;
    border-width: 1px;
    border-radius: 8px;
    background: color-mix(in srgb, var(--bg) 88%, var(--bg-white));
}

.auth-input-shell:focus-within i {
    color: var(--primary);
}

.auth-field small {
    color: var(--text-dim);
    font-size: 0.78rem;
    line-height: 1.45;
}

.auth-password-toggle {
    position: absolute;
    right: 8px;
    width: 34px;
    height: 34px;
    display: grid;
    place-items: center;
    border: 0;
    border-radius: 8px;
    background: transparent;
    color: var(--text-dim);
    transition: background 160ms ease, color 160ms ease;
}

.auth-password-toggle:hover,
.auth-password-toggle:focus-visible {
    background: color-mix(in srgb, var(--primary) 14%, transparent);
    color: var(--primary);
    outline: none;
}

.auth-password-rules {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
    margin-top: 2px;
}

.auth-password-rules span {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    color: var(--text-dim);
    font-size: 0.78rem;
    font-weight: 700;
}

.auth-password-rules i {
    color: currentColor;
}

.auth-password-rules .is-met {
    color: var(--success);
}

.auth-screen .btn-auth {
    min-height: 50px;
    border-radius: 8px;
    justify-content: space-between;
    padding-inline: 18px;
    box-shadow: 0 14px 28px color-mix(in srgb, var(--primary) 24%, transparent);
}

.btn-auth.is-submitting,
button.is-submitting {
    opacity: .78;
    cursor: wait;
}

.btn-auth.is-submitting i,
button.is-submitting i {
    animation: spin 800ms linear infinite;
}

.auth-footer-actions {
    display: grid;
    gap: 14px;
    margin-top: 22px;
    padding-top: 20px;
    border-top: 1px solid var(--border);
}

.auth-footer-actions .form-options {
    justify-content: center;
    color: var(--text-dim);
}

.auth-footer-actions a,
.auth-footer-actions .form-options a {
    color: var(--primary);
    font-weight: 850;
    text-decoration: none;
}

.auth-footer-actions a:hover,
.auth-footer-actions .form-options a:hover {
    text-decoration: underline;
}

.auth-footer-actions .btn-auth-link {
    height: auto;
    padding: 0;
    display: inline-flex;
    justify-content: center;
    background: transparent;
    box-shadow: none;
    text-align: center;
}

.auth-footer-actions .btn-auth-link:hover {
    background: transparent;
    box-shadow: none;
    transform: none;
}

@media (max-width: 860px) {
    .auth-stage,
    .auth-stage-compact {
        grid-template-columns: 1fr;
    }

    .auth-visual {
        min-height: auto;
    }
}

@media (max-width: 560px) {
    .auth-screen {
        padding-inline: 14px;
    }

    .auth-screen .auth-box,
    .auth-visual {
        padding: 22px;
    }

    .auth-popover {
        position: static;
    }

    .auth-popover-trigger span {
        position: absolute;
        width: 1px;
        height: 1px;
        overflow: hidden;
        clip: rect(0 0 0 0);
        white-space: nowrap;
    }

    .auth-popover-panel {
        position: fixed;
        top: 76px;
        left: 12px;
        right: 12px;
        width: auto;
    }

    .auth-popover-panel::before {
        display: none;
    }

    .auth-password-rules {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 420px) {
    .auth-popover-trigger {
        width: 38px;
        min-width: 38px;
        padding-inline: 0 !important;
        justify-content: center;
    }

    .auth-popover-trigger i {
        margin: 0;
    }
}

/* Professional shared content widgets: Pop\c3\bcler \c4\b0\c3\a7erikler + Benzer \c4\b0\c3\a7erikler */
.topic-layout>.topic-sidebar .sidebar-popular-widget,
.sidebar-popular-widget {
    overflow: hidden !important;
    padding: 0 !important;
    background: linear-gradient(180deg, var(--bg-white, #fff), color-mix(in srgb, var(--bg-white, #fff) 88%, var(--bg, #f6f8fb) 12%)) !important;
    border: 1px solid color-mix(in srgb, var(--border, #d8dee8) 86%, var(--primary, #f2a51a) 14%) !important;
    border-radius: 14px !important;
    box-shadow: 0 16px 36px rgba(15, 23, 42, .08) !important;
}

.topic-layout>.topic-sidebar .sidebar-popular-header,
.sidebar-popular-header {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 12px !important;
    margin: 0 !important;
    padding: 14px 15px !important;
    background: color-mix(in srgb, var(--bg-white, #fff) 82%, var(--primary, #f2a51a) 10%) !important;
    border: 0 !important;
    border-bottom: 1px solid color-mix(in srgb, var(--border, #d8dee8) 78%, var(--primary, #f2a51a) 22%) !important;
    box-shadow: none !important;
}

.topic-layout>.topic-sidebar .sidebar-popular-header h2,
.sidebar-popular-header h2 {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    color: var(--text, #172033) !important;
    font-size: 1rem !important;
    font-weight: 850 !important;
    letter-spacing: 0 !important;
}

.topic-layout>.topic-sidebar .sidebar-popular-header h2>i,
.sidebar-popular-header h2>i {
    display: grid !important;
    width: 34px !important;
    height: 34px !important;
    flex: 0 0 34px !important;
    place-items: center !important;
    color: var(--on-primary, #1b2532) !important;
    background: linear-gradient(135deg, var(--primary, #f2a51a), color-mix(in srgb, var(--primary, #f2a51a) 72%, #ffffff 28%)) !important;
    border: 1px solid color-mix(in srgb, var(--primary, #f2a51a) 70%, #ffffff 30%) !important;
    border-radius: 10px !important;
    box-shadow: 0 8px 18px color-mix(in srgb, var(--primary, #f2a51a) 28%, transparent) !important;
}

.topic-layout>.topic-sidebar .sidebar-popular-badge,
.sidebar-popular-badge {
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    flex-shrink: 0 !important;
    padding: 6px 10px !important;
    color: var(--text, #172033) !important;
    background: rgba(255, 255, 255, .72) !important;
    border: 1px solid color-mix(in srgb, var(--border, #d8dee8) 70%, #ffffff 30%) !important;
    border-radius: 999px !important;
    font-size: .72rem !important;
    font-weight: 850 !important;
}

.topic-layout>.topic-sidebar .sidebar-popular-list,
.sidebar-popular-list {
    display: grid !important;
    gap: 8px !important;
    padding: 12px !important;
}

.topic-layout>.topic-sidebar .sidebar-popular-item,
.sidebar-popular-item {
    display: grid !important;
    grid-template-columns: 32px minmax(0, 1fr) 34px !important;
    align-items: center !important;
    gap: 10px !important;
    min-height: 74px !important;
    padding: 10px !important;
    color: var(--text, #172033) !important;
    background: var(--bg-white, #fff) !important;
    border: 1px solid color-mix(in srgb, var(--border, #d8dee8) 88%, var(--primary, #f2a51a) 12%) !important;
    border-radius: 10px !important;
    text-decoration: none !important;
    box-shadow: 0 10px 22px rgba(15, 23, 42, .045) !important;
    transition: transform .16s ease, border-color .16s ease, box-shadow .16s ease, background .16s ease !important;
}

.topic-layout>.topic-sidebar .sidebar-popular-item:hover,
.sidebar-popular-item:hover {
    opacity: 1 !important;
    color: var(--text, #172033) !important;
    background: color-mix(in srgb, var(--bg-white, #fff) 92%, var(--primary, #f2a51a) 8%) !important;
    border-color: color-mix(in srgb, var(--primary, #f2a51a) 58%, var(--border, #d8dee8) 42%) !important;
    box-shadow: 0 16px 30px rgba(15, 23, 42, .09) !important;
    transform: translateY(-2px) !important;
}

.sidebar-popular-rank {
    display: grid !important;
    width: 32px !important;
    height: 32px !important;
    place-items: center !important;
    color: var(--text-dim, #64748b) !important;
    background: color-mix(in srgb, var(--bg, #f8fafc) 78%, var(--primary, #f2a51a) 8%) !important;
    border: 1px solid var(--border, #d8dee8) !important;
    border-radius: 9px !important;
    font-size: .78rem !important;
    font-weight: 900 !important;
}

.sidebar-popular-item.top-rank .sidebar-popular-rank {
    color: var(--on-primary, #1b2532) !important;
    background: var(--primary, #f2a51a) !important;
    border-color: var(--primary, #f2a51a) !important;
    box-shadow: 0 8px 18px color-mix(in srgb, var(--primary, #f2a51a) 28%, transparent) !important;
}

.sidebar-popular-content {
    min-width: 0 !important;
}

.sidebar-popular-title {
    color: var(--text, #172033) !important;
    font-size: .9rem !important;
    font-weight: 850 !important;
    line-height: 1.3 !important;
}

.sidebar-popular-item:hover .sidebar-popular-title {
    color: var(--primary-dark, var(--topic-accent-strong, #b97500)) !important;
}

.topic-layout>.topic-sidebar .sidebar-popular-meta,
.sidebar-popular-meta {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 4px 9px !important;
    margin-top: 5px !important;
    color: var(--text-dim, #64748b) !important;
    font-size: .72rem !important;
    font-weight: 700 !important;
}

.sidebar-popular-meta span {
    display: inline-flex !important;
    align-items: center !important;
    gap: 4px !important;
    min-width: 0 !important;
}

.topic-layout>.topic-sidebar .sidebar-popular-action,
.sidebar-popular-action {
    display: grid !important;
    width: 34px !important;
    height: 34px !important;
    place-items: center !important;
    color: var(--text-dim, #64748b) !important;
    background: var(--bg, #f8fafc) !important;
    border: 1px solid var(--border, #d8dee8) !important;
    border-radius: 10px !important;
    transition: color .16s ease, background .16s ease, transform .16s ease !important;
}

.sidebar-popular-item:hover .sidebar-popular-action {
    color: var(--on-primary, #1b2532) !important;
    background: var(--primary, #f2a51a) !important;
    transform: translateX(2px) !important;
}

.sidebar-widget-empty {
    margin: 0 !important;
    padding: 14px 15px !important;
    color: var(--text-dim, #64748b) !important;
    font-size: .9rem !important;
    font-weight: 650 !important;
}

/* Public design coherence pass: theme-aware, shared component polish */
:root {
    --ui-radius: var(--radius-md, .5rem);
    --ui-radius-sm: var(--radius-sm, .375rem);
    --ui-surface: var(--bg-white);
    --ui-surface-muted: color-mix(in srgb, var(--bg-white) 86%, var(--bg) 14%);
    --ui-surface-hover: color-mix(in srgb, var(--bg-white) 78%, var(--bg-hover) 22%);
    --ui-border: color-mix(in srgb, var(--border) 86%, var(--primary) 14%);
    --ui-border-strong: color-mix(in srgb, var(--border) 64%, var(--primary) 36%);
    --ui-shadow: 0 12px 28px color-mix(in srgb, var(--shadow) 18%, transparent);
    --ui-shadow-hover: 0 18px 38px color-mix(in srgb, var(--shadow) 24%, transparent);
    --ui-ring: 0 0 0 3px color-mix(in srgb, var(--primary) 22%, transparent);
}

[data-theme="dark"] {
    --ui-surface-muted: color-mix(in srgb, var(--bg-white) 82%, #000 18%);
    --ui-surface-hover: color-mix(in srgb, var(--bg-white) 76%, var(--bg-hover) 24%);
    --ui-shadow: 0 16px 34px color-mix(in srgb, #000 42%, transparent);
    --ui-shadow-hover: 0 22px 48px color-mix(in srgb, #000 52%, transparent);
}

body {
    background:
        linear-gradient(180deg, color-mix(in srgb, var(--primary) 3%, transparent), transparent 280px),
        var(--bg) !important;
    color: var(--text) !important;
}

::selection {
    color: var(--on-primary);
    background: var(--primary);
}

:where(a, button, input, select, textarea, [tabindex]):focus-visible {
    outline: none !important;
    box-shadow: var(--ui-ring) !important;
}

:where(.search-header,
    .category-header,
    .filter-bar,
    .sidebar-panel,
    .topic-detail-panel,
    .ui-comment-container,
    .comment-composer,
    .empty-state-container,
    .topic-empty-state.empty-panel,
    .leaderboard-widget,
    .profile-leaderboard-widget,
    .leaderboard-header,
    .leaderboard-controls,
    .leaderboard-table-container,
    .profile-sidebar-card,
    .profile-page-shell .profile-section,
    .profile-page-shell .profile-stat-card,
    .profile-page-shell .profile-topic-item,
    .profile-page-shell .profile-comment-item,
    .profile-page-shell .profile-pending-card,
    .profile-page-shell .profile-topic-card,
    .profile-page-shell .profile-privacy-card,
    .profile-page-shell .profile-empty,
    .profile-page-shell .profile-empty-cta,
    .profile-shell .profile-topic-card,
    .profile-report-card) {
    background: var(--ui-surface) !important;
    border: 1px solid var(--ui-border) !important;
    border-radius: var(--ui-radius) !important;
    box-shadow: var(--ui-shadow) !important;
    color: var(--text) !important;
}

:where(.search-header,
    .category-header,
    .filter-bar,
    .sidebar-panel,
    .topic-detail-panel,
    .ui-comment-container,
    .leaderboard-widget,
    .profile-leaderboard-widget,
    .leaderboard-table-container,
    .profile-sidebar-card,
    .profile-page-shell .profile-section,
    .profile-page-shell .profile-stat-card,
    .profile-page-shell .profile-topic-card,
    .profile-page-shell .profile-topic-item,
    .profile-shell .profile-topic-card,
    .profile-report-card):hover {
    border-color: var(--ui-border-strong) !important;
    box-shadow: var(--ui-shadow-hover) !important;
}

:where(.search-header h1,
    .search-header h2,
    .category-header h1,
    .category-header h2,
    .sidebar-panel h2,
    .topic-detail-panel h2,
    .comments-title h2,
    .profile-sidebar-card-title,
    .profile-page-shell .profile-section-title,
    .leaderboard-title h1,
    .profile-leaderboard-head h3) {
    color: var(--text) !important;
    font-weight: 850 !important;
    letter-spacing: 0 !important;
}

:where(.search-header p,
    .category-header p,
    .empty-state-text,
    .topic-empty-state span,
    .profile-page-shell .profile-topic-meta,
    .profile-page-shell .profile-pending-meta,
    .profile-page-shell .profile-activity-detail,
    .profile-page-shell .profile-sidebar-info-label,
    .leaderboard-title p,
    .leaderboard-score,
    .comment-time,
    .comment-text) {
    color: var(--text-dim) !important;
}

.breadcrumb-container .breadcrumb {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    gap: 6px !important;
    padding: 9px 12px !important;
    background: var(--ui-surface-muted) !important;
    border: 1px solid var(--ui-border) !important;
    border-radius: var(--ui-radius) !important;
    box-shadow: none !important;
}

.breadcrumb-container .breadcrumb a,
.breadcrumb-container .breadcrumb span {
    color: var(--text-dim) !important;
    font-size: .84rem !important;
    font-weight: 750 !important;
    text-decoration: none !important;
}

.breadcrumb-container .breadcrumb a:hover {
    color: var(--primary) !important;
}

:where(.feed-card.topic-list-card,
    .category-page-layout .feed-card.topic-category-card) {
    background: var(--ui-surface) !important;
    border: 1px solid var(--ui-border) !important;
    border-radius: var(--ui-radius) !important;
    box-shadow: var(--ui-shadow) !important;
    overflow: hidden !important;
}

:where(.feed-card.topic-list-card,
    .category-page-layout .feed-card.topic-category-card):hover {
    border-color: var(--ui-border-strong) !important;
    box-shadow: var(--ui-shadow-hover) !important;
    transform: translateY(-2px) !important;
}

.topic-list-card .topic-list-thumb,
.feed-card .card__img.topic-list-thumb {
    background: var(--ui-surface-muted) !important;
}

.topic-list-card .topic-category,
.feed-card .card__category.topic-category,
.profile-page-shell .profile-topic-category,
.leaderboard-cache-badge,
.profile-page-shell .profile-role-badge,
.profile-page-shell .profile-group-badge,
.profile-page-shell .profile-pending-badge,
.profile-page-shell .profile-activity-badge,
.profile-report-status {
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    color: var(--primary) !important;
    background: color-mix(in srgb, var(--primary) 10%, var(--ui-surface)) !important;
    border: 1px solid color-mix(in srgb, var(--primary) 24%, var(--border)) !important;
    border-radius: 999px !important;
    font-size: .76rem !important;
    font-weight: 850 !important;
}

.topic-list-card h3 a,
.feed-card .card__body h3 a,
.profile-page-shell .profile-topic-title,
.profile-shell .profile-topic-link,
.leaderboard-username {
    color: var(--text) !important;
    text-decoration: none !important;
}

.topic-list-card h3 a:hover,
.feed-card .card__body h3 a:hover,
.profile-page-shell .profile-topic-title:hover,
.profile-shell .profile-topic-link:hover,
.leaderboard-username:hover {
    color: var(--primary) !important;
}

:where(.btn,
    .btn-primary,
    .btn-warning,
    .btn-upload,
    .btn-download,
    .topic-read-more,
    .btn-cta,
    .ui-comment-btn-submit,
    .composer-submit,
    .leaderboard-view-all,
    .profile-page-shell .profile-edit-btn,
    .profile-page-shell .profile-topic-action,
    .profile-shell .profile-action) {
    border-radius: var(--ui-radius) !important;
    font-weight: 800 !important;
    letter-spacing: 0 !important;
    transition: transform var(--transition-fast), box-shadow var(--transition-fast), border-color var(--transition-fast), background var(--transition-fast), color var(--transition-fast) !important;
}

:where(.btn-primary,
    .btn-warning,
    .btn-upload,
    .btn-download,
    .topic-read-more,
    .btn-cta,
    .ui-comment-btn-submit,
    .composer-submit,
    .leaderboard-view-all,
    .profile-shell .profile-action-primary) {
    color: var(--on-primary) !important;
    background: linear-gradient(135deg, var(--primary), var(--primary-dark)) !important;
    border-color: var(--primary) !important;
    box-shadow: 0 10px 22px color-mix(in srgb, var(--primary) 24%, transparent) !important;
}

:where(.btn-primary,
    .btn-warning,
    .btn-upload,
    .btn-download,
    .topic-read-more,
    .btn-cta,
    .ui-comment-btn-submit,
    .composer-submit,
    .leaderboard-view-all):hover {
    transform: translateY(-1px) !important;
    box-shadow: 0 14px 28px color-mix(in srgb, var(--primary) 30%, transparent) !important;
}

:where(.btn-outline-secondary,
    .btn-outline-danger,
    .ui-comment-btn-cancel,
    .auth-popover-secondary,
    .profile-page-shell .btn-outline-secondary,
    .profile-page-shell .btn-outline-danger,
    .profile-shell .profile-action) {
    color: var(--text) !important;
    background: var(--ui-surface-muted) !important;
    border: 1px solid var(--ui-border) !important;
}

:where(.btn-outline-secondary,
    .ui-comment-btn-cancel,
    .auth-popover-secondary,
    .profile-page-shell .btn-outline-secondary,
    .profile-shell .profile-action):hover {
    color: var(--primary) !important;
    border-color: var(--ui-border-strong) !important;
    background: color-mix(in srgb, var(--primary) 8%, var(--ui-surface)) !important;
}

:where(input.form-control,
    select.form-select,
    textarea.form-control,
    .search input,
    .search-box input,
    .filter-bar select,
    .filter-bar input,
    .leaderboard-search input,
    .leaderboard-period-select,
    .auth-input-shell input,
    .profile-page-shell input,
    .profile-page-shell textarea,
    .profile-social-input,
    .comment-input,
    .composer-input) {
    color: var(--text) !important;
    background: var(--ui-surface-muted) !important;
    border: 1px solid var(--ui-border) !important;
    border-radius: var(--ui-radius) !important;
    box-shadow: none !important;
}

:where(input.form-control,
    select.form-select,
    textarea.form-control,
    .search input,
    .search-box input,
    .filter-bar select,
    .filter-bar input,
    .leaderboard-search input,
    .leaderboard-period-select,
    .auth-input-shell input,
    .profile-page-shell input,
    .profile-page-shell textarea,
    .profile-social-input,
    .comment-input):focus {
    color: var(--text) !important;
    background: var(--ui-surface) !important;
    border-color: var(--primary) !important;
    box-shadow: var(--ui-ring) !important;
}

:where(input, textarea)::placeholder {
    color: color-mix(in srgb, var(--text-dim) 78%, transparent) !important;
}

:where(.filter-tabs button,
    .leaderboard-tab,
    .profile-page-shell .profile-tab,
    .profile-page-shell .profile-topic-status-filter-link,
    .topic-pagination a,
    .topic-pagination span,
    .profile-paging .topic-pagination a,
    .profile-paging .topic-pagination span) {
    min-height: 38px !important;
    color: var(--text-dim) !important;
    background: var(--ui-surface-muted) !important;
    border: 1px solid var(--ui-border) !important;
    border-radius: var(--ui-radius) !important;
    font-weight: 800 !important;
    text-decoration: none !important;
}

:where(.filter-tabs button:hover,
    .leaderboard-tab:hover,
    .profile-page-shell .profile-tab:hover,
    .profile-page-shell .profile-topic-status-filter-link:hover,
    .topic-pagination a:hover,
    .profile-paging .topic-pagination a:hover) {
    color: var(--primary) !important;
    border-color: var(--ui-border-strong) !important;
    background: color-mix(in srgb, var(--primary) 8%, var(--ui-surface)) !important;
}

:where(.filter-tabs button.active,
    .leaderboard-tab.active,
    .profile-page-shell .profile-tab.active,
    .profile-page-shell .profile-topic-status-filter-link.active,
    .topic-pagination .active a,
    .profile-paging .topic-pagination .active a) {
    color: var(--on-primary) !important;
    background: var(--primary) !important;
    border-color: var(--primary) !important;
}

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

.leaderboard-table th {
    color: var(--text-dim) !important;
    background: var(--ui-surface-muted) !important;
    border-bottom: 1px solid var(--ui-border) !important;
}

.leaderboard-table td {
    border-color: var(--ui-border) !important;
}

.leaderboard-table tbody tr {
    background: var(--ui-surface) !important;
}

.leaderboard-table tbody tr:hover,
.leaderboard-table tbody tr.current-user {
    background: color-mix(in srgb, var(--primary) 8%, var(--ui-surface)) !important;
}

.comment-item,
.profile-page-shell .profile-activity-item {
    border-color: var(--ui-border) !important;
}

.comment-avatar,
.composer-avatar,
.profile-sidebar-avatar-placeholder,
.leaderboard-rank,
.profile-rank-icon,
.profile-page-shell .profile-stat-card .stat-icon,
.profile-sidebar-stat-icon,
.empty-state-icon,
.topic-empty-state i {
    color: var(--on-primary) !important;
    background: var(--primary) !important;
    border-radius: var(--ui-radius) !important;
}

.topic-sidebar .sidebar-panel,
.sidebar-popular-widget {
    border-radius: var(--ui-radius) !important;
}

.sidebar-popular-header {
    border-radius: var(--ui-radius) var(--ui-radius) 0 0 !important;
}

.sidebar-popular-item {
    border-radius: var(--ui-radius) !important;
}

@media (max-width: 767.98px) {
    .container {
        padding-inline: 14px !important;
    }

    :where(.search-header,
        .category-header,
        .filter-bar,
        .topic-detail-panel,
        .ui-comment-container,
        .profile-sidebar-card,
        .profile-page-shell .profile-section,
        .leaderboard-header,
        .leaderboard-controls,
        .leaderboard-table-container) {
        padding: 14px !important;
    }

    .breadcrumb-container .breadcrumb {
        padding: 8px 10px !important;
    }

    .topic-list-card .topic-list-bottom-row,
    .filter-bar,
    .leaderboard-controls {
        gap: 10px !important;
    }
}

@media (prefers-reduced-motion: reduce) {
    *,
    *::before,
    *::after {
        scroll-behavior: auto !important;
        transition-duration: .01ms !important;
        animation-duration: .01ms !important;
        animation-iteration-count: 1 !important;
    }
}

/* Public full-page consistency pass: auth, upload/edit, topic, appeals, error states */
:where(.auth-stage,
    .auth-box,
    .auth-visual,
    .upload-card,
    .media-card,
    .upload-wizard-panel,
    .upload-assist-panel,
    .upload-limit-summary,
    .upload-profile-followup,
    .upload-review-list > div,
    .upload-rich-fallback,
    .quill-container,
    .appeal-hero,
    .appeal-card,
    .appeal-item,
    .appeal-admin-note,
    .topic-404-content,
    .topic-section,
    .topic-carousel,
    .topic-report-dialog,
    .topic-report-login,
    .topic-dl-card,
    .ui-comment-form-wrap,
    .ui-comment-item,
    .ui-comment-inline-form,
    .ui-comment-login-prompt,
    .topic-edit-existing-media,
    .alert-note) {
    background: var(--ui-surface) !important;
    border: 1px solid var(--ui-border) !important;
    border-radius: var(--ui-radius) !important;
    box-shadow: var(--ui-shadow) !important;
    color: var(--text) !important;
}

:where(.auth-stage,
    .auth-box,
    .upload-card,
    .media-card,
    .upload-wizard-panel,
    .upload-assist-panel,
    .appeal-hero,
    .appeal-card,
    .topic-section,
    .topic-carousel,
    .topic-dl-card,
    .ui-comment-item,
    .topic-edit-existing-media):hover {
    border-color: var(--ui-border-strong) !important;
    box-shadow: var(--ui-shadow-hover) !important;
}

:where(.upload-head,
    .upload-wizard-progress,
    .upload-image-rules,
    .upload-field-rules,
    .topic-report-header,
    .topic-report-grid,
    .ui-comment-header,
    .ui-comment-body,
    .topic-details-table,
    .auth-footer-actions,
    .appeal-meta,
    .topic-404-actions) {
    border-color: var(--ui-border) !important;
}

:where(.upload-head,
    .upload-wizard-progress,
    .upload-image-rules,
    .upload-field-rules,
    .topic-report-header,
    .topic-report-grid,
    .ui-comment-login-prompt,
    .ui-comment-quote-info,
    .topic-details-table td:nth-child(odd),
    .topic-dl-info,
    .appeal-admin-note,
    .auth-input-shell,
    .topic-edit-keep-toggle) {
    background: var(--ui-surface-muted) !important;
    color: var(--text) !important;
}

:where(.auth-header h1,
    .auth-visual h2,
    .upload-head h1,
    .upload-step-title,
    .appeal-hero h1,
    .appeal-card h2,
    .topic-404-content h1,
    .topic-section h2,
    .topic-report-header h2,
    .ui-comment-header h2,
    .topic-dl-card strong,
    .ui-comment-author) {
    color: var(--text) !important;
    font-weight: 850 !important;
    letter-spacing: 0 !important;
}

:where(.auth-header p,
    .auth-benefits,
    .auth-eyebrow,
    .upload-head p,
    .upload-step-copy,
    .upload-field-rules,
    .upload-image-rules,
    .upload-live-hint,
    .appeal-hero p,
    .appeal-meta,
    .appeal-empty,
    .topic-404-content p,
    .topic-report-login,
    .topic-dl-count,
    .ui-comment-time,
    .ui-comment-text,
    .ui-comment-empty,
    .form-text) {
    color: var(--text-dim) !important;
}

:where(.auth-header-icon,
    .topic-404-icon,
    .upload-step-eyebrow,
    .upload-wizard-step span,
    .topic-dl-icon,
    .ui-comment-form-avatar,
    .ui-comment-avatar,
    .topic-report-header h2 i) {
    color: var(--on-primary) !important;
    background: linear-gradient(135deg, var(--primary), var(--primary-dark)) !important;
    border-radius: var(--ui-radius) !important;
    box-shadow: 0 10px 22px color-mix(in srgb, var(--primary) 22%, transparent) !important;
}

:where(.upload-wizard-step,
    .topic-edit-keep-toggle,
    .topic-report-close,
    .ui-comment-action-btn,
    .comment-reaction-btn,
    .comment-reaction-add,
    .reaction-picker-btn,
    .topic-carousel-nav,
    .ui-comment-thumb) {
    border: 1px solid var(--ui-border) !important;
    border-radius: var(--ui-radius) !important;
    background: var(--ui-surface-muted) !important;
    color: var(--text) !important;
    transition: transform var(--transition-fast), border-color var(--transition-fast), background var(--transition-fast), color var(--transition-fast), box-shadow var(--transition-fast) !important;
}

:where(.upload-wizard-step:hover,
    .upload-wizard-step.is-active,
    .upload-wizard-step.is-complete,
    .topic-edit-keep-toggle:hover,
    .topic-report-close:hover,
    .ui-comment-action-btn:hover,
    .comment-reaction-btn:hover,
    .comment-reaction-btn.active,
    .comment-reaction-add:hover,
    .reaction-picker-btn:hover,
    .topic-carousel-nav:hover,
    .ui-comment-thumb:hover) {
    border-color: var(--ui-border-strong) !important;
    background: color-mix(in srgb, var(--primary) 9%, var(--ui-surface)) !important;
    color: var(--primary) !important;
    transform: translateY(-1px) !important;
}

:where(.btn-auth,
    .btn-auth-link,
    .appeal-submit,
    .appeal-logout,
    .topic-primary-link,
    .topic-secondary-link,
    .topic-report-submit,
    .btn-submit-mod,
    .btn-cancel-mod,
    .upload-profile-followup-link,
    .topic-dl-button) {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: .5rem !important;
    min-height: 2.5rem !important;
    border-radius: var(--ui-radius) !important;
    font-weight: 850 !important;
    letter-spacing: 0 !important;
    text-decoration: none !important;
}

:where(.btn-auth,
    .appeal-submit,
    .topic-primary-link,
    .topic-report-submit,
    .btn-submit-mod,
    .upload-profile-followup-link,
    .topic-dl-button) {
    color: var(--on-primary) !important;
    background: linear-gradient(135deg, var(--primary), var(--primary-dark)) !important;
    border: 1px solid var(--primary) !important;
    box-shadow: 0 10px 22px color-mix(in srgb, var(--primary) 24%, transparent) !important;
}

:where(.btn-auth-link,
    .appeal-logout,
    .topic-secondary-link,
    .btn-cancel-mod) {
    color: var(--text) !important;
    background: var(--ui-surface-muted) !important;
    border: 1px solid var(--ui-border) !important;
}

:where(.btn-auth:hover,
    .btn-auth-link:hover,
    .appeal-submit:hover,
    .appeal-logout:hover,
    .topic-primary-link:hover,
    .topic-secondary-link:hover,
    .topic-report-submit:hover,
    .btn-submit-mod:hover,
    .btn-cancel-mod:hover,
    .upload-profile-followup-link:hover,
    .topic-dl-card:hover .topic-dl-button) {
    transform: translateY(-1px) !important;
    box-shadow: var(--ui-shadow-hover) !important;
}

:where(.auth-form input,
    .auth-form textarea,
    .appeal-form textarea,
    .topic-report-form select,
    .topic-report-form textarea,
    .user-report-form select,
    .user-report-form textarea,
    .ui-comment-textarea,
    .upload-rich-editor,
    .quill-container .ql-container,
    .quill-container .ql-toolbar) {
    color: var(--text) !important;
    background: var(--ui-surface-muted) !important;
    border-color: var(--ui-border) !important;
    border-radius: var(--ui-radius) !important;
}

:where(.auth-form input:focus,
    .appeal-form textarea:focus,
    .topic-report-form select:focus,
    .topic-report-form textarea:focus,
    .user-report-form select:focus,
    .user-report-form textarea:focus,
    .ui-comment-textarea:focus,
    .upload-rich-editor:focus,
    .quill-container:focus-within) {
    background: var(--ui-surface) !important;
    border-color: var(--primary) !important;
    box-shadow: var(--ui-ring) !important;
}

:where(.alert,
    .auth-alert,
    .ui-comment-alert,
    .topic-report-feedback,
    .upload-live-hint,
    .alert-note) {
    border-radius: var(--ui-radius) !important;
    border: 1px solid var(--ui-border) !important;
    box-shadow: none !important;
}

:where(.alert-success,
    .ui-comment-alert-success,
    .topic-report-feedback.is-success,
    .upload-live-hint.is-ok) {
    color: var(--success) !important;
    background: color-mix(in srgb, var(--success) 12%, var(--ui-surface)) !important;
    border-color: color-mix(in srgb, var(--success) 30%, var(--ui-border)) !important;
}

:where(.alert-danger,
    .ui-comment-alert-error,
    .topic-report-feedback.is-error,
    .upload-live-hint.is-error) {
    color: var(--danger) !important;
    background: color-mix(in srgb, var(--danger) 12%, var(--ui-surface)) !important;
    border-color: color-mix(in srgb, var(--danger) 30%, var(--ui-border)) !important;
}

:where(.alert-warning,
    .upload-live-hint.is-warning,
    .appeal-status.open,
    .appeal-status.reviewing) {
    color: var(--primary-dark) !important;
    background: color-mix(in srgb, var(--primary) 12%, var(--ui-surface)) !important;
    border-color: color-mix(in srgb, var(--primary) 30%, var(--ui-border)) !important;
}

.appeal-status.accepted {
    color: var(--success) !important;
    background: color-mix(in srgb, var(--success) 12%, var(--ui-surface)) !important;
    border: 1px solid color-mix(in srgb, var(--success) 30%, var(--ui-border)) !important;
}

.appeal-status.rejected {
    color: var(--danger) !important;
    background: color-mix(in srgb, var(--danger) 12%, var(--ui-surface)) !important;
    border: 1px solid color-mix(in srgb, var(--danger) 30%, var(--ui-border)) !important;
}

.topic-report-modal[hidden] {
    display: none !important;
}

.topic-report-backdrop {
    background: color-mix(in srgb, #0f172a 66%, transparent) !important;
    backdrop-filter: blur(8px) !important;
}

.topic-carousel-main,
.topic-carousel img,
.ui-comment-thumb,
.topic-hero img,
.topic-dl-card,
.media-card img {
    border-radius: var(--ui-radius) !important;
}

.topic-details-table {
    display: block !important;
    width: 100% !important;
    margin-top: .2rem !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    overflow: visible !important;
}

.topic-details.overview-grid {
    padding: .62rem .72rem !important;
    box-shadow: none !important;
}

.topic-details.overview-grid #info-heading {
    color: var(--text-dim) !important;
    font-size: .78rem !important;
    font-weight: 750 !important;
    margin-bottom: .28rem !important;
    padding-bottom: .36rem !important;
}

.topic-details-table tbody {
    display: block !important;
}

.topic-details-table tr {
    display: grid !important;
    grid-template-columns: minmax(8.35rem, .85fr) minmax(0, 1.15fr) minmax(8.35rem, .85fr) minmax(0, 1.15fr) !important;
    width: 100% !important;
    border-bottom: 1px solid color-mix(in srgb, var(--ui-border) 58%, transparent) !important;
}

.topic-details-table td {
    display: flex !important;
    align-items: center !important;
    min-width: 0 !important;
    padding: .32rem .42rem !important;
    border: 0 !important;
    color: var(--text) !important;
    line-height: 1.2 !important;
}

.topic-details-table tr:last-child {
    border-bottom: 0 !important;
}

.topic-details-table td:nth-child(odd) {
    position: relative !important;
    width: auto !important;
    max-width: none !important;
    background: transparent !important;
    color: var(--text-dim) !important;
    font-size: .64rem !important;
    font-weight: 720 !important;
    letter-spacing: 0 !important;
    text-transform: none !important;
    white-space: normal !important;
    overflow-wrap: anywhere !important;
    hyphens: auto !important;
    line-height: 1.25 !important;
}

.topic-details-table td:nth-child(odd)::after {
    display: none !important;
}

.topic-details-table td:nth-child(even) {
    width: auto !important;
    max-width: none !important;
    background: transparent !important;
    color: var(--text) !important;
    font-size: .78rem !important;
    font-weight: 680 !important;
    overflow-wrap: anywhere !important;
    word-break: break-word !important;
}

.topic-details-table tr:hover td:nth-child(even) {
    background: transparent !important;
}

.topic-details-table td a {
    color: var(--primary) !important;
    font-weight: 720 !important;
    text-decoration: none !important;
}

.topic-details-table td a:hover,
.topic-details-table td a:focus {
    color: var(--primary-dark) !important;
    text-decoration: underline !important;
    text-underline-offset: 3px !important;
}

.topic-info-label {
    display: inline-flex !important;
    align-items: center !important;
    gap: .24rem !important;
    max-width: 100% !important;
    color: inherit !important;
    font-size: inherit !important;
    font-weight: inherit !important;
    letter-spacing: inherit !important;
    text-transform: inherit !important;
    line-height: 1.25 !important;
    white-space: normal !important;
    overflow-wrap: anywhere !important;
}

.topic-info-label span {
    min-width: 0 !important;
    line-height: inherit !important;
    overflow-wrap: anywhere !important;
    word-break: break-word !important;
}

.topic-info-label i {
    display: inline-grid !important;
    place-items: center !important;
    flex: 0 0 auto !important;
    width: .9rem !important;
    height: .9rem !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    color: var(--primary, #8b1538) !important;
    font-size: .56rem !important;
    line-height: 1 !important;
}

html[data-theme="dark"] .topic-info-label i {
    background: transparent !important;
}

@media (max-width: 767.98px) {
    .topic-details.overview-grid {
        padding: .55rem .6rem !important;
    }

    .topic-details.overview-grid #info-heading {
        font-size: .74rem !important;
        margin-bottom: .22rem !important;
        padding-bottom: .32rem !important;
    }

    .topic-details-table tr {
        grid-template-columns: minmax(4.85rem, .7fr) minmax(0, 1.3fr) !important;
    }

    .topic-details-table td {
        padding: .28rem .32rem !important;
    }

    .topic-details-table td:nth-child(odd) {
        width: 100% !important;
        max-width: none !important;
        font-size: .58rem !important;
        letter-spacing: 0 !important;
        hyphens: none !important;
        overflow-wrap: normal !important;
        word-break: normal !important;
    }

    .topic-details-table td:nth-child(even) {
        width: 100% !important;
        max-width: none !important;
        font-size: .72rem !important;
    }

    .topic-info-label {
        gap: .2rem !important;
        hyphens: none !important;
        overflow-wrap: normal !important;
        word-break: normal !important;
    }

    .topic-details-table .topic-info-label span {
        hyphens: none !important;
        overflow-wrap: normal !important;
        word-break: normal !important;
    }

    .topic-info-label i {
        display: none !important;
    }
}

.topic-dl-card.is-counting {
    background: color-mix(in srgb, var(--primary, #8b1538) 7%, var(--ui-surface, #fff)) !important;
    border-color: color-mix(in srgb, var(--primary, #8b1538) 34%, var(--ui-border, #d8dee8)) !important;
    opacity: 1 !important;
}

.topic-dl-card.is-counting .topic-dl-info strong {
    color: var(--text, #111827) !important;
}

.topic-dl-card.is-counting .topic-dl-info small,
.topic-dl-card.is-counting .topic-dl-count {
    color: var(--text-dim, #64748b) !important;
}

.topic-dl-card.is-counting .topic-dl-icon {
    background: color-mix(in srgb, var(--primary, #8b1538) 14%, var(--ui-surface, #fff)) !important;
    color: var(--primary, #8b1538) !important;
}

.topic-dl-card.is-counting .topic-dl-button {
    background: var(--primary, #8b1538) !important;
    color: var(--on-primary, #fff) !important;
    box-shadow: 0 8px 18px color-mix(in srgb, var(--primary, #8b1538) 24%, transparent) !important;
}

.topic-dl-card.is-counting .topic-dl-action {
    color: inherit !important;
}

.topic-dl-card.is-counting .topic-dl-spinner {
    border-color: color-mix(in srgb, var(--on-primary, #fff) 34%, transparent) !important;
    border-top-color: var(--on-primary, #fff) !important;
}

[data-theme="dark"] .topic-dl-card.is-counting {
    background: color-mix(in srgb, var(--primary, #f2a51a) 12%, var(--ui-surface, #111827)) !important;
}

[data-theme="dark"] .topic-dl-card.is-counting .topic-dl-button {
    color: var(--text, #111827) !important;
}

.download-confirm-timer {
    display: flex;
    align-items: center;
    gap: .75rem;
    margin-top: .85rem;
    padding: .85rem 1rem;
    border: 1px solid color-mix(in srgb, var(--primary, #8b1538) 24%, var(--ui-border, #d8dee8));
    border-radius: var(--ui-radius, 8px);
    background: color-mix(in srgb, var(--primary, #8b1538) 7%, var(--ui-surface, #fff));
    color: var(--text, #111827);
}

.download-confirm-timer i {
    color: var(--primary, #8b1538);
    font-size: 1.15rem;
}

.download-confirm-timer strong {
    color: var(--primary, #8b1538);
    font-size: 1.1rem;
    font-weight: 900;
}

.download-confirm-timer span {
    color: var(--text-dim, #64748b);
    font-weight: 750;
}

.topic-toast.toast-theme-default,
.topic-toast-container .topic-toast.toast-theme-default {
    border-color: var(--ui-border) !important;
    border-left-width: 4px;
    border-radius: var(--ui-radius) !important;
    background: var(--ui-surface) !important;
    color: var(--text) !important;
    box-shadow: var(--ui-shadow-hover) !important;
}

@media (max-width: 767.98px) {
    :where(.auth-stage,
        .auth-box,
        .auth-visual,
        .upload-card,
        .media-card,
        .upload-wizard-panel,
        .upload-assist-panel,
        .appeal-hero,
        .appeal-card,
        .topic-404-content,
        .topic-section,
        .topic-carousel,
        .topic-report-dialog) {
        padding: 14px !important;
    }

    .topic-report-dialog {
        width: calc(100vw - 24px) !important;
    }
}

/* Public profile published topics: minimal, readable cards */
.profile-shell.profile-page-shell .profile-topics-grid {
    gap: 1rem !important;
}

.profile-shell.profile-page-shell .profile-topic-card,
.profile-shell.profile-page-shell .profile-topic-card.profile-topic-card {
    isolation: isolate !important;
    position: relative !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-end !important;
    min-height: 248px !important;
    padding: 0 !important;
    background-image: var(--profile-card-image, none) !important;
    background-color: var(--ui-surface-muted, #f8fafc) !important;
    background-size: cover !important;
    background-position: center !important;
    border: 1px solid var(--ui-border, #e5e7eb) !important;
    border-radius: 8px !important;
    box-shadow: 0 12px 30px rgba(15, 23, 42, .08) !important;
    overflow: hidden !important;
    transform: translateZ(0) !important;
}

.profile-shell.profile-page-shell .profile-topic-card > .profile-topic-card__image,
.profile-shell.profile-page-shell .profile-topic-card.profile-topic-card > .profile-topic-card__image {
    position: absolute !important;
    inset: 0 !important;
    z-index: 0 !important;
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
}

.profile-shell.profile-page-shell .profile-topic-card::before,
.profile-shell.profile-page-shell .profile-topic-card.profile-topic-card::before {
    content: "" !important;
    position: absolute !important;
    inset: 0 !important;
    z-index: 1 !important;
    background:
        linear-gradient(180deg, rgba(15, 23, 42, .10) 0%, rgba(15, 23, 42, .24) 42%, rgba(255, 255, 255, .94) 66%, rgba(255, 255, 255, .98) 100%),
        linear-gradient(90deg, rgba(139, 21, 56, .18), rgba(16, 185, 129, .14)) !important;
    pointer-events: none !important;
}

.profile-shell.profile-page-shell .profile-topic-card::after,
.profile-shell.profile-page-shell .profile-topic-card.profile-topic-card::after {
    content: "" !important;
    position: absolute !important;
    inset: auto 0 0 0 !important;
    z-index: 1 !important;
    height: 70% !important;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0), var(--ui-surface, #fff) 22%) !important;
    pointer-events: none !important;
}

.profile-shell.profile-page-shell .profile-topic-card:hover,
.profile-shell.profile-page-shell .profile-topic-card.profile-topic-card:hover {
    border-color: color-mix(in srgb, var(--primary, #8b1538) 34%, var(--ui-border, #e5e7eb)) !important;
    box-shadow: 0 18px 40px rgba(15, 23, 42, .13) !important;
    transform: translateY(-3px) !important;
}

.profile-shell.profile-page-shell .profile-topic-card > *,
.profile-shell.profile-page-shell .profile-topic-card.profile-topic-card > * {
    position: relative !important;
    z-index: 2 !important;
}

.profile-shell.profile-page-shell .profile-topic-card > .profile-topic-rank,
.profile-shell.profile-page-shell .profile-topic-card.profile-topic-card > .profile-topic-rank {
    position: absolute !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    z-index: 2 !important;
    top: .85rem !important;
    left: .85rem !important;
    right: auto !important;
    width: auto !important;
    min-width: 2.15rem !important;
    height: 2rem !important;
    padding: 0 .62rem !important;
    color: #fff !important;
    background: rgba(15, 23, 42, .72) !important;
    border: 1px solid rgba(255, 255, 255, .24) !important;
    border-radius: 999px !important;
    box-shadow: 0 10px 22px rgba(15, 23, 42, .18) !important;
    backdrop-filter: blur(10px) !important;
    font-size: .72rem !important;
    font-weight: 900 !important;
    letter-spacing: .04em !important;
}

.profile-shell.profile-page-shell .profile-topic-link {
    flex: 0 0 auto !important;
    display: block !important;
    margin-top: auto !important;
    padding: 7.4rem 1rem 0 !important;
    text-decoration: none !important;
}

.profile-shell.profile-page-shell .profile-topic-card .profile-topic-title,
.profile-shell.profile-page-shell .profile-topic-card.profile-topic-card .profile-topic-title {
    display: -webkit-box !important;
    overflow: hidden !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 2 !important;
    margin: 0 !important;
    color: var(--text, #111827) !important;
    font-size: 1rem !important;
    font-weight: 850 !important;
    line-height: 1.28 !important;
    letter-spacing: 0 !important;
    text-shadow: none !important;
}

.profile-shell.profile-page-shell .profile-topic-link:hover .profile-topic-title {
    color: var(--primary, #8b1538) !important;
}

.profile-shell.profile-page-shell .profile-topic-card .profile-topic-meta,
.profile-shell.profile-page-shell .profile-topic-card.profile-topic-card .profile-topic-meta {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: .45rem !important;
    margin: .72rem 0 0 !important;
    padding: 0 1rem !important;
    color: var(--text-dim, #64748b) !important;
    font-size: .78rem !important;
    font-weight: 800 !important;
    text-shadow: none !important;
}

.profile-shell.profile-page-shell .profile-topic-card.profile-topic-card .profile-topic-meta span {
    display: inline-flex !important;
    align-items: center !important;
    gap: .35rem !important;
    min-height: 1.85rem !important;
    padding: .24rem .5rem !important;
    color: var(--text-dim, #64748b) !important;
    background: color-mix(in srgb, var(--ui-surface-muted, #f8fafc) 88%, var(--primary, #8b1538) 12%) !important;
    border: 1px solid var(--ui-border, #e5e7eb) !important;
    border-radius: 999px !important;
}

.profile-shell.profile-page-shell .profile-topic-card.profile-topic-card .profile-topic-meta i {
    color: var(--primary, #8b1538) !important;
    font-size: .82rem !important;
}

.profile-shell.profile-page-shell .profile-topic-card.profile-topic-card .profile-topic-footer {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: .75rem !important;
    margin-top: .7rem !important;
    padding: 0 1rem 1rem !important;
    background: transparent !important;
    border-top: 0 !important;
}

.profile-shell.profile-page-shell .profile-topic-card.profile-topic-card .profile-topic-category {
    min-width: 0 !important;
    max-width: calc(100% - 2.6rem) !important;
    padding: .38rem .62rem !important;
    color: var(--text, #111827) !important;
    background: var(--ui-surface, #fff) !important;
    border: 1px solid var(--ui-border, #e5e7eb) !important;
    border-radius: 999px !important;
    box-shadow: none !important;
    font-size: .72rem !important;
    font-weight: 850 !important;
    letter-spacing: 0 !important;
    text-transform: none !important;
}

.profile-shell.profile-page-shell .profile-topic-card.profile-topic-card .profile-topic-category i {
    color: var(--primary, #8b1538) !important;
}

.profile-shell.profile-page-shell .profile-topic-card.profile-topic-card .profile-topic-action {
    flex: 0 0 auto !important;
    width: 2.15rem !important;
    height: 2.15rem !important;
    color: var(--text, #111827) !important;
    background: var(--ui-surface, #fff) !important;
    border: 1px solid var(--ui-border, #e5e7eb) !important;
    border-radius: 999px !important;
    box-shadow: 0 8px 18px rgba(15, 23, 42, .08) !important;
}

.profile-shell.profile-page-shell .profile-topic-card.profile-topic-card .profile-topic-action:hover {
    color: #fff !important;
    background: var(--primary, #8b1538) !important;
    border-color: var(--primary, #8b1538) !important;
    transform: translateX(2px) !important;
}

@media (max-width: 767.98px) {
    .profile-shell.profile-page-shell .profile-topic-card,
    .profile-shell.profile-page-shell .profile-topic-card.profile-topic-card {
        min-height: 230px !important;
    }

    .profile-shell.profile-page-shell .profile-topic-link {
        padding-top: 6.8rem !important;
    }
}

/* Public profile shell: shares the private profile two-column sidebar layout. */
.profile-public-shell.profile-page-shell {
    gap: var(--profile-stack-gap, var(--t-page-gap, 12px)) !important;
}

.profile-public-shell.profile-page-shell .profile-two-column-layout {
    display: grid !important;
    gap: var(--profile-stack-gap, var(--t-page-gap, 12px)) !important;
}

.profile-public-shell.profile-page-shell .profile-main-content {
    min-width: 0 !important;
}

.profile-public-shell.profile-page-shell .profile-sidebar[hidden] {
    display: none !important;
}

.profile-summary {
    display: grid;
    grid-template-columns: minmax(260px, 1.2fr) minmax(360px, 1fr) auto;
    align-items: center;
    gap: 1rem;
    padding: 1rem;
    background:
        linear-gradient(135deg, color-mix(in srgb, var(--ui-surface, #fff) 94%, var(--primary, #8b1538) 6%), var(--ui-surface, #fff));
    border: 1px solid var(--ui-border, #e5e7eb);
    border-radius: 8px;
    box-shadow: 0 14px 34px rgba(15, 23, 42, .08);
}

.profile-summary-identity {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    align-items: center;
    gap: .9rem;
    min-width: 0;
}

.profile-summary-avatar {
    width: 74px;
    height: 74px;
    border-radius: 50%;
    overflow: hidden;
    border: 3px solid color-mix(in srgb, var(--primary, #8b1538) 42%, #fff);
    box-shadow: 0 10px 22px rgba(15, 23, 42, .12);
}

.profile-summary-avatar img,
.profile-summary-avatar-placeholder {
    width: 100%;
    height: 100%;
}

.profile-summary-avatar img {
    display: block;
    object-fit: cover;
}

.profile-summary-avatar-placeholder {
    display: grid;
    place-items: center;
    color: var(--on-primary, #fff);
    background: var(--primary, #c40000);
    font-size: 1.45rem;
    font-weight: 950;
}

.profile-summary-copy {
    min-width: 0;
}

.profile-summary-name-row {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: .5rem;
}

.profile-summary-name-row h1 {
    margin: 0;
    color: var(--text, #111827);
    font-size: 1.35rem;
    font-weight: 900;
    line-height: 1.15;
    letter-spacing: 0;
}

.profile-summary-copy p {
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    margin: .42rem 0 0;
    color: var(--text-dim, #64748b);
    font-size: .88rem;
    line-height: 1.45;
}

.profile-summary-meta {
    display: flex;
    flex-wrap: wrap;
    gap: .45rem .8rem;
    margin-top: .55rem;
    color: var(--text-dim, #64748b);
    font-size: .82rem;
    font-weight: 750;
}

.profile-summary-meta span,
.profile-summary-stat,
.profile-summary-action {
    display: inline-flex;
    align-items: center;
}

.profile-summary-meta i {
    color: var(--primary, #8b1538);
    margin-right: .35rem;
}

.profile-summary-stats {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: .55rem;
}

.profile-summary-stat {
    min-width: 0;
    min-height: 70px;
    flex-direction: column;
    justify-content: center;
    gap: .2rem;
    padding: .65rem .55rem;
    color: var(--text, #111827);
    background: var(--ui-surface, #fff);
    border: 1px solid var(--ui-border, #e5e7eb);
    border-radius: 8px;
}

.profile-summary-stat i {
    color: var(--primary, #8b1538);
    font-size: 1rem;
}

.profile-summary-stat strong {
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    color: var(--text, #111827);
    font-size: 1.02rem;
    font-weight: 950;
    line-height: 1.05;
}

.profile-summary-stat span {
    color: var(--text-dim, #64748b);
    font-size: .72rem;
    font-weight: 800;
    line-height: 1.1;
    text-align: center;
}

.profile-summary-actions {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: .45rem;
}

.profile-summary-action {
    justify-content: center;
    width: 2.35rem;
    height: 2.35rem;
    color: var(--text, #111827);
    background: var(--ui-surface, #fff);
    border: 1px solid var(--ui-border, #e5e7eb);
    border-radius: 8px;
    text-decoration: none;
    cursor: pointer;
    transition: transform .16s ease, border-color .16s ease, background .16s ease, color .16s ease;
}

.profile-summary-action:hover {
    color: var(--on-primary, #fff);
    background: var(--primary, #8b1538);
    border-color: var(--primary, #8b1538);
    transform: translateY(-1px);
}

@media (max-width: 1100px) {
    .profile-summary {
        grid-template-columns: minmax(0, 1fr);
    }

    .profile-summary-actions {
        justify-content: flex-start;
    }
}

@media (max-width: 767.98px) {
    .profile-summary {
        padding: .9rem;
    }

    .profile-summary-identity {
        grid-template-columns: 1fr;
        justify-items: center;
        text-align: center;
    }

    .profile-summary-name-row,
    .profile-summary-meta {
        justify-content: center;
    }

    .profile-summary-stats {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .profile-summary-actions {
        justify-content: center;
    }
}

/* Public profile section header: clean editorial toolbar */
.profile-shell.profile-page-shell .profile-topics .profile-section-kicker {
    display: none !important;
}

.profile-shell.profile-page-shell .profile-section-head {
    align-items: center !important;
    margin-bottom: 1rem !important;
    padding: 0 0 1rem !important;
    border-bottom: 1px solid color-mix(in srgb, var(--ui-border, #e5e7eb) 82%, transparent) !important;
}

.profile-shell.profile-page-shell .profile-section-head > div {
    display: flex !important;
    align-items: center !important;
    gap: .7rem !important;
    min-width: 0 !important;
}

.profile-shell.profile-page-shell .profile-section-head .profile-section-title {
    display: flex !important;
    align-items: center !important;
    gap: .65rem !important;
    margin: 0 !important;
    color: var(--text, #111827) !important;
    font-size: 1.05rem !important;
    font-weight: 900 !important;
    line-height: 1.2 !important;
    letter-spacing: 0 !important;
}

.profile-shell.profile-page-shell .profile-section-head .profile-section-title i {
    display: grid !important;
    place-items: center !important;
    flex: 0 0 auto !important;
    width: 2.25rem !important;
    height: 2.25rem !important;
    color: var(--primary, #c40000) !important;
    background: color-mix(in srgb, var(--primary, #c40000) 9%, var(--ui-surface, #fff)) !important;
    border: 1px solid color-mix(in srgb, var(--primary, #c40000) 22%, var(--ui-border, #e5e7eb)) !important;
    border-radius: 8px !important;
    font-size: .95rem !important;
}

.profile-shell.profile-page-shell .profile-count {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 2.15rem !important;
    padding: .42rem .78rem !important;
    color: var(--text, #111827) !important;
    background: var(--ui-surface, #fff) !important;
    border: 1px solid color-mix(in srgb, var(--primary, #c40000) 20%, var(--ui-border, #e5e7eb)) !important;
    border-radius: 999px !important;
    box-shadow: 0 8px 18px rgba(15, 23, 42, .06) !important;
    font-size: .78rem !important;
    font-weight: 900 !important;
    white-space: nowrap !important;
}

@media (max-width: 767.98px) {
    .profile-shell.profile-page-shell .profile-section-head {
        grid-template-columns: 1fr !important;
        gap: .75rem !important;
        align-items: start !important;
    }

    .profile-shell.profile-page-shell .profile-section-head .profile-section-title {
        font-size: 1rem !important;
    }

    .profile-shell.profile-page-shell .profile-count {
        justify-self: start !important;
        width: auto !important;
        min-width: 0 !important;
    }
}

/* ============================================================
   CATEGORY ATLAS WIDGET V2
   Shared production sidebar style for homepage and topic sidebars.
   ============================================================ */

.category-atlas-widget {
    --cat-atlas-surface: var(--bg-white, #ffffff);
    --cat-atlas-canvas: var(--bg, #f6f7f9);
    --cat-atlas-hover: color-mix(in srgb, var(--primary, #c40000) 7%, var(--cat-atlas-surface));
    --cat-atlas-pressed: color-mix(in srgb, var(--primary, #c40000) 11%, var(--cat-atlas-surface));
    --cat-atlas-border: color-mix(in srgb, var(--border, #e5e7eb) 86%, var(--primary, #c40000) 14%);
    --cat-atlas-border-strong: color-mix(in srgb, var(--primary, #c40000) 44%, var(--border, #e5e7eb) 56%);
    --cat-atlas-text: var(--text, #111827);
    --cat-atlas-muted: var(--text-dim, #64748b);
    --cat-atlas-subtle: var(--text-light, #94a3b8);
    --cat-atlas-accent: var(--primary, #c40000);
    --cat-atlas-teal: #0f766e;
    --cat-atlas-amber: #b45309;
    --cat-atlas-radius: 8px;
    position: relative !important;
    isolation: isolate !important;
    overflow: hidden !important;
    padding: 0 !important;
    color: var(--cat-atlas-text) !important;
    background:
        linear-gradient(180deg, color-mix(in srgb, var(--cat-atlas-surface) 92%, var(--cat-atlas-canvas) 8%) 0%, var(--cat-atlas-surface) 100%) !important;
    border: 1px solid var(--cat-atlas-border) !important;
    border-radius: var(--cat-atlas-radius) !important;
    box-shadow: 0 14px 28px rgba(15, 23, 42, .07), inset 0 1px 0 rgba(255, 255, 255, .45) !important;
}

.category-atlas-widget::before {
    content: "" !important;
    display: block !important;
    height: 3px !important;
    background: linear-gradient(90deg, var(--cat-atlas-accent), var(--cat-atlas-teal), var(--cat-atlas-amber)) !important;
}

[data-theme="dark"] .category-atlas-widget {
    --cat-atlas-surface: color-mix(in srgb, var(--bg-white, #111827) 92%, #000 8%);
    --cat-atlas-canvas: var(--bg, #0f172a);
    --cat-atlas-hover: color-mix(in srgb, var(--primary, #ef4444) 13%, var(--cat-atlas-surface));
    --cat-atlas-pressed: color-mix(in srgb, var(--primary, #ef4444) 18%, var(--cat-atlas-surface));
    --cat-atlas-border: color-mix(in srgb, var(--border, #334155) 76%, var(--primary, #ef4444) 24%);
}

.category-atlas-widget .category-atlas-header,
.category-atlas-widget .sidebar-category-head {
    display: flex !important;
    min-height: 58px !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: .75rem !important;
    width: 100% !important;
    margin: 0 !important;
    padding: .8rem .85rem !important;
    color: var(--cat-atlas-text) !important;
    background:
        linear-gradient(180deg, color-mix(in srgb, var(--cat-atlas-surface) 92%, var(--cat-atlas-canvas) 8%), var(--cat-atlas-surface)) !important;
    border: 0 !important;
    border-bottom: 1px solid var(--cat-atlas-border) !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}

.category-atlas-widget .category-atlas-header {
    cursor: pointer !important;
}

.category-atlas-widget .category-atlas-heading,
.category-atlas-widget .sidebar-category-title {
    display: flex !important;
    min-width: 0 !important;
    align-items: center !important;
    gap: .65rem !important;
}

.category-atlas-widget .category-atlas-heading i,
.category-atlas-widget .sidebar-category-title i {
    display: grid !important;
    width: 34px !important;
    height: 34px !important;
    flex: 0 0 34px !important;
    place-items: center !important;
    margin: 0 !important;
    color: #ffffff !important;
    background: linear-gradient(135deg, var(--cat-atlas-accent), color-mix(in srgb, var(--cat-atlas-accent) 68%, #111827 32%)) !important;
    border: 0 !important;
    border-radius: var(--cat-atlas-radius) !important;
    box-shadow: 0 8px 16px color-mix(in srgb, var(--cat-atlas-accent) 24%, transparent) !important;
    font-size: .98rem !important;
}

.category-atlas-widget .category-atlas-heading strong,
.category-atlas-widget .sidebar-category-title strong {
    overflow: hidden !important;
    color: var(--cat-atlas-text) !important;
    font-size: .98rem !important;
    font-weight: 900 !important;
    line-height: 1.15 !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    letter-spacing: 0 !important;
}

.category-atlas-widget .category-atlas-header .toggle-icon,
.category-atlas-widget .sidebar-category-total {
    display: inline-grid !important;
    min-width: 34px !important;
    height: 30px !important;
    place-items: center !important;
    color: var(--cat-atlas-muted) !important;
    background: var(--cat-atlas-canvas) !important;
    border: 1px solid var(--cat-atlas-border) !important;
    border-radius: var(--cat-atlas-radius) !important;
    font-size: .78rem !important;
    font-weight: 900 !important;
}

.category-atlas-widget .category-atlas-header:hover .toggle-icon {
    color: var(--cat-atlas-accent) !important;
    border-color: var(--cat-atlas-border-strong) !important;
}

.category-atlas-widget .category-atlas-body,
.category-atlas-widget .sidebar-category-list {
    display: grid !important;
    gap: 7px !important;
    max-height: min(68vh, 620px) !important;
    overflow: auto !important;
    padding: 10px !important;
    scrollbar-width: thin !important;
    scrollbar-color: var(--cat-atlas-border-strong) transparent !important;
}

.category-atlas-widget .category-atlas-list {
    display: grid !important;
    gap: 7px !important;
    padding: 0 !important;
}

.category-atlas-widget .category-item,
.category-atlas-widget .sidebar-category-item {
    min-width: 0 !important;
    max-width: 100% !important;
}

.category-atlas-widget .category-tree > .category-link,
.category-atlas-widget .category-item > .category-link,
.category-atlas-widget .category-item > .category-toggle:not(.sidebar-category-expander),
.category-atlas-widget .sidebar-category-link,
.category-atlas-widget .sidebar-category-child,
.category-atlas-widget .subcategory-link {
    display: flex !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    min-height: 44px !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: .7rem !important;
    padding: .5rem .55rem !important;
    color: var(--cat-atlas-muted) !important;
    background: transparent !important;
    border: 1px solid transparent !important;
    border-radius: var(--cat-atlas-radius) !important;
    box-shadow: inset 0 0 0 0 transparent !important;
    font-size: .84rem !important;
    font-weight: 780 !important;
    line-height: 1.18 !important;
    text-decoration: none !important;
    cursor: pointer !important;
    transition: background .16s ease, border-color .16s ease, color .16s ease, box-shadow .16s ease, transform .16s ease !important;
}

.category-atlas-widget .category-tree > .category-link:hover,
.category-atlas-widget .category-item > .category-link:hover,
.category-atlas-widget .category-item > .category-toggle:not(.sidebar-category-expander):hover,
.category-atlas-widget .sidebar-category-link:hover,
.category-atlas-widget .sidebar-category-child:hover,
.category-atlas-widget .subcategory-link:hover,
.category-atlas-widget .sidebar-category-parent-row:hover .sidebar-category-parent-link,
.category-atlas-widget .category-item.open > .category-toggle:not(.sidebar-category-expander) {
    color: var(--cat-atlas-text) !important;
    background: var(--cat-atlas-hover) !important;
    border-color: var(--cat-atlas-border) !important;
    transform: translateX(1px) !important;
}

.category-atlas-widget .category-tree > .category-link:focus-visible,
.category-atlas-widget .category-item > .category-link:focus-visible,
.category-atlas-widget .category-item > .category-toggle:not(.sidebar-category-expander):focus-visible,
.category-atlas-widget .sidebar-category-link:focus-visible,
.category-atlas-widget .sidebar-category-child:focus-visible,
.category-atlas-widget .subcategory-link:focus-visible,
.category-atlas-widget .sidebar-category-expander:focus-visible {
    outline: 2px solid color-mix(in srgb, var(--cat-atlas-accent) 60%, transparent) !important;
    outline-offset: 2px !important;
}

.category-atlas-widget .category-link.active,
.category-atlas-widget .category-link-all.active,
.category-atlas-widget .category-item.active > .category-toggle:not(.sidebar-category-expander),
.category-atlas-widget .sidebar-category-link.active,
.category-atlas-widget .sidebar-category-all.active {
    color: var(--cat-atlas-text) !important;
    background: var(--cat-atlas-pressed) !important;
    border-color: var(--cat-atlas-border-strong) !important;
    box-shadow: inset 3px 0 0 var(--cat-atlas-accent), 0 8px 18px rgba(15, 23, 42, .06) !important;
}

.category-atlas-widget .category-item.has-active-child > .category-toggle:not(.sidebar-category-expander),
.category-atlas-widget .sidebar-category-item.has-active-child .sidebar-category-parent-link,
.category-atlas-widget .subcategory-link.active,
.category-atlas-widget .sidebar-category-child.active {
    color: var(--cat-atlas-text) !important;
    background: color-mix(in srgb, var(--cat-atlas-teal) 9%, var(--cat-atlas-surface)) !important;
    border-color: color-mix(in srgb, var(--cat-atlas-teal) 38%, var(--cat-atlas-border) 62%) !important;
    box-shadow: inset 3px 0 0 var(--cat-atlas-teal) !important;
}

.category-atlas-widget .category-link-content,
.category-atlas-widget .sidebar-category-copy,
.category-atlas-widget .subcategory-link-content {
    display: flex !important;
    min-width: 0 !important;
    flex: 1 1 auto !important;
    align-items: center !important;
    gap: .58rem !important;
}

.category-atlas-widget .category-icon-wrap,
.category-atlas-widget .sidebar-category-icon,
.category-atlas-widget .category-chevron {
    display: grid !important;
    width: 30px !important;
    height: 30px !important;
    flex: 0 0 30px !important;
    place-items: center !important;
    color: var(--cat-atlas-muted) !important;
    background: color-mix(in srgb, var(--cat-atlas-canvas) 80%, var(--cat-atlas-surface) 20%) !important;
    border: 1px solid var(--cat-atlas-border) !important;
    border-radius: var(--cat-atlas-radius) !important;
}

.category-atlas-widget .category-chevron {
    width: 24px !important;
    height: 24px !important;
    flex-basis: 24px !important;
    background: transparent !important;
}

.category-atlas-widget .category-icon,
.category-atlas-widget .sidebar-category-icon i,
.category-atlas-widget .chevron-icon {
    color: currentColor !important;
    font-size: .9rem !important;
    line-height: 1 !important;
}

.category-atlas-widget .category-link:hover .category-icon-wrap,
.category-atlas-widget .category-toggle:not(.sidebar-category-expander):hover .category-icon-wrap,
.category-atlas-widget .sidebar-category-link:hover .sidebar-category-icon,
.category-atlas-widget .category-link.active .category-icon-wrap,
.category-atlas-widget .category-item.active > .category-toggle:not(.sidebar-category-expander) .category-icon-wrap,
.category-atlas-widget .sidebar-category-link.active .sidebar-category-icon {
    color: var(--cat-atlas-accent) !important;
    background: color-mix(in srgb, var(--cat-atlas-accent) 10%, var(--cat-atlas-surface)) !important;
    border-color: color-mix(in srgb, var(--cat-atlas-accent) 30%, var(--cat-atlas-border) 70%) !important;
}

.category-atlas-widget .category-name,
.category-atlas-widget .sidebar-category-name,
.category-atlas-widget .subcategory-name {
    overflow: hidden !important;
    min-width: 0 !important;
    color: currentColor !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}

.category-atlas-widget .category-count,
.category-atlas-widget .sidebar-category-count,
.category-atlas-widget .subcategory-count {
    display: inline-flex !important;
    min-width: 34px !important;
    max-width: 70px !important;
    height: 26px !important;
    flex: 0 0 auto !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 0 .48rem !important;
    color: var(--cat-atlas-muted) !important;
    background: var(--cat-atlas-canvas) !important;
    border: 1px solid var(--cat-atlas-border) !important;
    border-radius: 999px !important;
    font-size: .72rem !important;
    font-weight: 900 !important;
    line-height: 1 !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}

.category-atlas-widget .category-link.active .category-count,
.category-atlas-widget .category-link-all.active .category-count,
.category-atlas-widget .category-item.active > .category-toggle:not(.sidebar-category-expander) .category-count,
.category-atlas-widget .sidebar-category-link.active .sidebar-category-count,
.category-atlas-widget .sidebar-category-all.active .sidebar-category-count {
    color: #ffffff !important;
    background: var(--cat-atlas-accent) !important;
    border-color: var(--cat-atlas-accent) !important;
}

.category-atlas-widget .subcategory-link.active .subcategory-count,
.category-atlas-widget .sidebar-category-child.active .subcategory-count {
    color: #ffffff !important;
    background: var(--cat-atlas-teal) !important;
    border-color: var(--cat-atlas-teal) !important;
}

.category-atlas-widget .sidebar-category-parent-row {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) 40px !important;
    align-items: stretch !important;
    gap: 7px !important;
    min-width: 0 !important;
}

.category-atlas-widget .sidebar-category-expander {
    display: grid !important;
    width: 40px !important;
    min-width: 40px !important;
    max-width: 40px !important;
    min-height: 44px !important;
    height: auto !important;
    padding: 0 !important;
    place-items: center !important;
    color: var(--cat-atlas-muted) !important;
    background: var(--cat-atlas-canvas) !important;
    border: 1px solid var(--cat-atlas-border) !important;
    border-radius: var(--cat-atlas-radius) !important;
    cursor: pointer !important;
    transition: background .16s ease, border-color .16s ease, color .16s ease !important;
}

.category-atlas-widget .sidebar-category-expander:hover {
    color: var(--cat-atlas-accent) !important;
    background: var(--cat-atlas-hover) !important;
    border-color: var(--cat-atlas-border-strong) !important;
}

.category-atlas-widget .category-item.open > .category-toggle:not(.sidebar-category-expander) .chevron-icon,
.category-atlas-widget .sidebar-category-item.open .sidebar-category-expander .chevron-icon {
    transform: rotate(90deg) !important;
}

.category-atlas-widget .chevron-icon {
    transition: transform .16s ease !important;
}

.category-atlas-widget .subcategories,
.category-atlas-widget .sidebar-category-children {
    display: none !important;
    gap: 5px !important;
    margin: 7px 0 8px 18px !important;
    padding: 0 0 0 12px !important;
    border-left: 1px dashed color-mix(in srgb, var(--cat-atlas-border-strong) 62%, transparent) !important;
}

.category-atlas-widget .category-item.open > .subcategories,
.category-atlas-widget .sidebar-category-item.open > .sidebar-category-children {
    display: grid !important;
}

.category-atlas-widget .subcategory-link,
.category-atlas-widget .sidebar-category-child {
    min-height: 36px !important;
    padding: .38rem .45rem !important;
    font-size: .78rem !important;
    font-weight: 760 !important;
}

.category-atlas-widget .subcategory-rail {
    box-sizing: content-box !important;
    width: 7px !important;
    min-width: 7px !important;
    max-width: 7px !important;
    height: 7px !important;
    flex: 0 0 7px !important;
    padding: 0 !important;
    border: 0 !important;
    background: color-mix(in srgb, var(--cat-atlas-subtle) 72%, transparent) !important;
    border-radius: 999px !important;
    box-shadow: none !important;
}

.category-atlas-widget .subcategory-link:hover .subcategory-rail,
.category-atlas-widget .sidebar-category-child:hover .subcategory-rail,
.category-atlas-widget .subcategory-link.active .subcategory-rail,
.category-atlas-widget .sidebar-category-child.active .subcategory-rail {
    background: var(--cat-atlas-teal) !important;
    box-shadow: 0 0 0 4px color-mix(in srgb, var(--cat-atlas-teal) 14%, transparent) !important;
}

.category-atlas-widget .subcategory-count::before,
.category-atlas-widget .subcategory-count::after {
    content: none !important;
}

@media (max-width: 991.98px) {
    .category-atlas-widget .category-atlas-body,
    .category-atlas-widget .sidebar-category-list {
        max-height: none !important;
    }
}

@media (max-width: 575.98px) {
    .category-atlas-widget .category-atlas-header,
    .category-atlas-widget .sidebar-category-head {
        min-height: 54px !important;
        padding: .72rem !important;
    }

    .category-atlas-widget .category-atlas-body,
    .category-atlas-widget .sidebar-category-list {
        padding: 8px !important;
    }

    .category-atlas-widget .category-tree > .category-link,
    .category-atlas-widget .category-item > .category-link,
    .category-atlas-widget .category-item > .category-toggle:not(.sidebar-category-expander),
    .category-atlas-widget .sidebar-category-link {
        min-height: 42px !important;
        gap: .55rem !important;
        padding: .46rem .5rem !important;
    }

    .category-atlas-widget .category-icon-wrap,
    .category-atlas-widget .sidebar-category-icon {
        width: 28px !important;
        height: 28px !important;
        flex-basis: 28px !important;
    }

    .category-atlas-widget .category-count,
    .category-atlas-widget .sidebar-category-count,
    .category-atlas-widget .subcategory-count {
        min-width: 30px !important;
        height: 24px !important;
        font-size: .68rem !important;
    }
}

@media (max-width: 767.98px) {
    .category-page-layout > .topic-sidebar {
        display: grid !important;
        grid-template-columns: 1fr !important;
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        gap: .9rem !important;
        order: 0 !important;
    }

    .category-page-layout > .topic-sidebar > *,
    .category-page-layout .category-atlas-widget {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
    }
}

/* Homepage category widget: Clean Accordion */
.sidebar-left .category-atlas-widget {
    --clean-cat-surface: var(--bg-white, #ffffff);
    --clean-cat-muted: var(--text-dim, #64748b);
    --clean-cat-text: var(--text, #0f172a);
    --clean-cat-line: var(--border, #e5e7eb);
    --clean-cat-soft: color-mix(in srgb, var(--primary, #8b1538) 8%, var(--bg-white, #ffffff));
    --clean-cat-blue: var(--primary, #8b1538);
    overflow: hidden !important;
    padding: 0 !important;
    border: 1px solid var(--clean-cat-line) !important;
    border-radius: 14px !important;
    background: var(--clean-cat-surface) !important;
    box-shadow: 0 14px 34px rgba(15, 23, 42, .09) !important;
}

.sidebar-left .category-atlas-widget::before {
    content: none !important;
}

.sidebar-left .category-atlas-widget .category-atlas-header {
    display: flex !important;
    min-height: 58px !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 12px !important;
    width: 100% !important;
    padding: 17px !important;
    color: var(--clean-cat-text) !important;
    background: var(--clean-cat-surface) !important;
    border: 0 !important;
    border-bottom: 1px solid var(--clean-cat-line) !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    cursor: pointer !important;
}

.sidebar-left .category-atlas-widget .category-atlas-heading {
    display: block !important;
    min-width: 0 !important;
}

.sidebar-left .category-atlas-widget .category-atlas-heading strong {
    display: block !important;
    overflow: hidden !important;
    color: var(--clean-cat-text) !important;
    font-size: 21px !important;
    font-weight: 950 !important;
    line-height: 1.1 !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}

.sidebar-left .category-atlas-widget .category-atlas-total {
    flex: 0 0 auto !important;
    color: var(--clean-cat-muted) !important;
    font-size: 12px !important;
    font-weight: 850 !important;
    white-space: nowrap !important;
}

.sidebar-left .category-atlas-widget .category-atlas-body {
    display: block !important;
    max-height: min(68vh, 620px) !important;
    overflow: auto !important;
    padding: 10px !important;
    scrollbar-width: thin !important;
}

.sidebar-left .category-atlas-widget .category-atlas-list {
    display: grid !important;
    gap: 7px !important;
    padding: 0 !important;
}

.sidebar-left .category-atlas-widget .category-tree > .category-link,
.sidebar-left .category-atlas-widget .category-item {
    overflow: hidden !important;
    border: 1px solid var(--clean-cat-line) !important;
    border-radius: 12px !important;
    background: var(--clean-cat-surface) !important;
    box-shadow: none !important;
}

.sidebar-left .category-atlas-widget .category-tree > .category-link,
.sidebar-left .category-atlas-widget .category-item > .category-link,
.sidebar-left .category-atlas-widget .category-item > .category-toggle {
    display: grid !important;
    grid-template-columns: 24px minmax(0, 1fr) auto !important;
    gap: 10px !important;
    align-items: center !important;
    width: 100% !important;
    min-height: 46px !important;
    padding: 11px !important;
    color: var(--clean-cat-text) !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    font: inherit !important;
    text-align: left !important;
    text-decoration: none !important;
    cursor: pointer !important;
    transform: none !important;
}

.sidebar-left .category-atlas-widget .category-tree > .category-link {
    grid-template-columns: minmax(0, 1fr) auto !important;
}

.sidebar-left .category-atlas-widget .category-tree > .category-link:hover,
.sidebar-left .category-atlas-widget .category-item > .category-link:hover,
.sidebar-left .category-atlas-widget .category-item > .category-toggle:hover,
.sidebar-left .category-atlas-widget .category-item.open > .category-toggle {
    color: var(--clean-cat-text) !important;
    background: var(--clean-cat-soft) !important;
    border-color: transparent !important;
    transform: none !important;
}

.sidebar-left .category-atlas-widget .category-tree > .category-link.active,
.sidebar-left .category-atlas-widget .category-link.active,
.sidebar-left .category-atlas-widget .category-item.active > .category-toggle,
.sidebar-left .category-atlas-widget .category-item.has-active-child > .category-toggle {
    color: var(--clean-cat-text) !important;
    background: var(--clean-cat-soft) !important;
    border-color: transparent !important;
    box-shadow: none !important;
}

.sidebar-left .category-atlas-widget .category-link-content {
    display: contents !important;
}

.sidebar-left .category-atlas-widget .category-tree > .category-link .category-link-content {
    display: flex !important;
    min-width: 0 !important;
    align-items: center !important;
}

.sidebar-left .category-atlas-widget .category-chevron {
    display: grid !important;
    width: 24px !important;
    height: 24px !important;
    place-items: center !important;
    color: var(--clean-cat-blue) !important;
    background: color-mix(in srgb, var(--clean-cat-blue) 9%, var(--clean-cat-surface)) !important;
    border: 0 !important;
    border-radius: 7px !important;
    font-size: 12px !important;
}

.sidebar-left .category-atlas-widget .category-icon-wrap {
    display: none !important;
}

.sidebar-left .category-atlas-widget .category-copy {
    display: block !important;
    min-width: 0 !important;
}

.sidebar-left .category-atlas-widget .category-name {
    display: block !important;
    overflow: hidden !important;
    color: var(--clean-cat-text) !important;
    font-size: 14px !important;
    font-weight: 950 !important;
    line-height: 1.2 !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}

.sidebar-left .category-atlas-widget .category-description {
    display: none !important;
}

.sidebar-left .category-atlas-widget .category-count {
    min-width: 42px !important;
    height: auto !important;
    margin: 0 !important;
    padding: 6px 8px !important;
    color: var(--clean-cat-muted) !important;
    background: color-mix(in srgb, var(--bg, #f6f7f9) 88%, var(--clean-cat-surface) 12%) !important;
    border: 1px solid var(--clean-cat-line) !important;
    border-radius: 999px !important;
    font-size: 12px !important;
    font-weight: 950 !important;
    line-height: 1 !important;
    text-align: center !important;
}

.sidebar-left .category-atlas-widget .category-item.open,
.sidebar-left .category-atlas-widget .category-item.active,
.sidebar-left .category-atlas-widget .category-item.has-active-child {
    border-color: color-mix(in srgb, var(--clean-cat-blue) 28%, var(--clean-cat-line)) !important;
    box-shadow: 0 12px 24px rgba(139, 21, 56, .08) !important;
}

.sidebar-left .category-atlas-widget .category-item.open .chevron-icon {
    transform: rotate(90deg) !important;
}

.sidebar-left .category-atlas-widget .chevron-icon {
    display: block !important;
    margin: 0 !important;
    color: currentColor !important;
    font-size: .72rem !important;
    line-height: 1 !important;
    transition: transform .18s ease !important;
}

.sidebar-left .category-atlas-widget .subcategories {
    display: none !important;
    margin: 0 0 0 35px !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
}

.sidebar-left .category-atlas-widget .category-item.open > .subcategories {
    display: block !important;
}

.sidebar-left .category-atlas-widget .subcategory-link {
    display: flex !important;
    min-height: 36px !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 10px !important;
    padding: 8px 11px 9px !important;
    color: color-mix(in srgb, var(--clean-cat-muted) 86%, var(--clean-cat-text) 14%) !important;
    background: transparent !important;
    border: 0 !important;
    border-top: 1px solid color-mix(in srgb, var(--clean-cat-line) 68%, transparent) !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    font-size: 12px !important;
    font-weight: 800 !important;
    text-decoration: none !important;
    transform: none !important;
}

.sidebar-left .category-atlas-widget .subcategory-link:hover,
.sidebar-left .category-atlas-widget .subcategory-link.active {
    color: var(--clean-cat-text) !important;
    background: var(--clean-cat-soft) !important;
    box-shadow: none !important;
    transform: none !important;
}

.sidebar-left .category-atlas-widget .subcategory-link-content {
    display: flex !important;
    min-width: 0 !important;
    align-items: center !important;
    gap: 0 !important;
}

.sidebar-left .category-atlas-widget .subcategory-rail {
    display: none !important;
}

.sidebar-left .category-atlas-widget .subcategory-name {
    display: block !important;
    overflow: hidden !important;
    min-width: 0 !important;
    color: inherit !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}

.sidebar-left .category-atlas-widget .subcategory-count {
    flex: 0 0 auto !important;
    min-width: 32px !important;
    height: auto !important;
    padding: 4px 7px !important;
    color: var(--clean-cat-muted) !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 999px !important;
    font-size: 12px !important;
    font-weight: 900 !important;
    text-align: right !important;
}

.sidebar-left .category-atlas-widget .subcategory-count::before,
.sidebar-left .category-atlas-widget .subcategory-count::after {
    content: none !important;
}

@media (max-width: 575.98px) {
    .sidebar-left .category-atlas-widget .category-atlas-header {
        min-height: 54px !important;
        padding: 14px !important;
    }

    .sidebar-left .category-atlas-widget .category-atlas-heading strong {
        font-size: 19px !important;
    }

    .sidebar-left .category-atlas-widget .category-atlas-body {
        max-height: none !important;
        padding: 8px !important;
    }
}

/* Homepage category widget: final simple tree override */
.sidebar-left .category-atlas-widget {
    --home-cat-surface: #ffffff;
    --home-cat-text: #111827;
    --home-cat-muted: #64748b;
    --home-cat-line: #e5e7eb;
    --home-cat-soft: #f8fafc;
    --home-cat-hover: #f1f5f9;
    --home-cat-active: #eef6ff;
    --home-cat-blue: #8b1538;
    border-radius: 12px !important;
    box-shadow: 0 10px 26px rgba(15, 23, 42, .07) !important;
}

[data-theme="dark"] .sidebar-left .category-atlas-widget {
    --home-cat-surface: #0f172a;
    --home-cat-text: #e5edf8;
    --home-cat-muted: #94a3b8;
    --home-cat-line: rgba(148, 163, 184, .22);
    --home-cat-soft: rgba(15, 23, 42, .86);
    --home-cat-hover: rgba(30, 41, 59, .78);
    --home-cat-active: rgba(139, 21, 56, .18);
}

.sidebar-left .category-atlas-widget .category-atlas-header {
    min-height: 52px !important;
    padding: 14px 15px !important;
    background: var(--home-cat-surface) !important;
    border-bottom-color: var(--home-cat-line) !important;
}

.sidebar-left .category-atlas-widget .category-atlas-heading strong {
    color: var(--home-cat-text) !important;
    font-size: 18px !important;
    font-weight: 900 !important;
}

.sidebar-left .category-atlas-widget .category-atlas-total,
.sidebar-left .category-atlas-widget .category-chevron,
.sidebar-left .category-atlas-widget .category-count,
.sidebar-left .category-atlas-widget .subcategory-link,
.sidebar-left .category-atlas-widget .subcategory-count {
    color: var(--home-cat-muted) !important;
}

.sidebar-left .category-atlas-widget .category-atlas-body {
    padding: 8px !important;
    background: var(--home-cat-surface) !important;
}

.sidebar-left .category-atlas-widget .category-atlas-list {
    gap: 5px !important;
}

.sidebar-left .category-atlas-widget .category-description,
.sidebar-left .category-atlas-widget .subcategory-rail {
    display: none !important;
}

.sidebar-left .category-atlas-widget .category-item {
    border-color: var(--home-cat-line) !important;
    border-radius: 10px !important;
    background: var(--home-cat-surface) !important;
    box-shadow: none !important;
}

.sidebar-left .category-atlas-widget .category-item.open,
.sidebar-left .category-atlas-widget .category-item.active,
.sidebar-left .category-atlas-widget .category-item.has-active-child {
    border-color: rgba(139, 21, 56, .28) !important;
    box-shadow: none !important;
}

.sidebar-left .category-atlas-widget .category-item > .category-link,
.sidebar-left .category-atlas-widget .category-item > .category-toggle {
    min-height: 42px !important;
    padding: 9px 10px !important;
    color: var(--home-cat-text) !important;
}

.sidebar-left .category-atlas-widget .category-item > .category-link:hover,
.sidebar-left .category-atlas-widget .category-item > .category-toggle:hover {
    background: var(--home-cat-hover) !important;
}

.sidebar-left .category-atlas-widget .category-item.open > .category-toggle,
.sidebar-left .category-atlas-widget .category-item.active > .category-link,
.sidebar-left .category-atlas-widget .category-item.active > .category-toggle,
.sidebar-left .category-atlas-widget .category-item.has-active-child > .category-toggle {
    background: var(--home-cat-active) !important;
}

.sidebar-left .category-atlas-widget .category-chevron {
    width: 22px !important;
    min-width: 22px !important;
    height: 22px !important;
    background: transparent !important;
    border-radius: 6px !important;
}

.sidebar-left .category-atlas-widget .category-name {
    color: var(--home-cat-text) !important;
    font-size: 13px !important;
    font-weight: 850 !important;
}

.sidebar-left .category-atlas-widget .category-count {
    min-width: 36px !important;
    max-width: 64px !important;
    padding: 5px 7px !important;
    background: var(--home-cat-soft) !important;
    font-size: 11px !important;
    font-weight: 850 !important;
}

.sidebar-left .category-atlas-widget .subcategories {
    display: none !important;
    margin: 0 !important;
    padding: 4px 7px 8px 38px !important;
    background: var(--home-cat-soft) !important;
    border-top: 1px solid var(--home-cat-line) !important;
}

.sidebar-left .category-atlas-widget .category-item.open > .subcategories {
    display: grid !important;
    gap: 3px !important;
}

.sidebar-left .category-atlas-widget .subcategory-link {
    min-height: 31px !important;
    padding: 6px 8px !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 8px !important;
    font-size: 12px !important;
    font-weight: 750 !important;
}

.sidebar-left .category-atlas-widget .subcategory-link:hover,
.sidebar-left .category-atlas-widget .subcategory-link:focus-visible {
    color: var(--home-cat-text) !important;
    background: var(--home-cat-hover) !important;
}

.sidebar-left .category-atlas-widget .subcategory-link.active {
    color: var(--home-cat-blue) !important;
    background: rgba(139, 21, 56, .10) !important;
}

.sidebar-left .category-atlas-widget .subcategory-link-content {
    position: relative !important;
    display: block !important;
    min-width: 0 !important;
    padding-left: 12px !important;
}

.sidebar-left .category-atlas-widget .subcategory-link-content::before {
    content: "" !important;
    position: absolute !important;
    left: 0 !important;
    top: 50% !important;
    width: 4px !important;
    height: 4px !important;
    border-radius: 999px !important;
    background: currentColor !important;
    opacity: .45 !important;
    transform: translateY(-50%) !important;
}

.sidebar-left .category-atlas-widget .subcategory-name {
    color: inherit !important;
    font-size: inherit !important;
    font-weight: inherit !important;
}

.sidebar-left .category-atlas-widget .subcategory-count {
    min-width: 24px !important;
    max-width: 52px !important;
    font-size: 11px !important;
    font-weight: 800 !important;
    opacity: .82 !important;
}

@media (max-width: 575.98px) {
    .sidebar-left .category-atlas-widget .category-atlas-heading strong {
        font-size: 17px !important;
    }

    .sidebar-left .category-atlas-widget .subcategories {
        padding-left: 34px !important;
    }
}

/* Homepage category widget: simple tree polish */
.sidebar-left .category-atlas-widget {
    --simple-cat-surface: #ffffff;
    --simple-cat-text: #111827;
    --simple-cat-muted: #64748b;
    --simple-cat-line: #e5e7eb;
    --simple-cat-soft: #f8fafc;
    --simple-cat-hover: #f1f5f9;
    --simple-cat-active: #eef6ff;
    --simple-cat-blue: #8b1538;
    border-radius: 12px !important;
    box-shadow: 0 10px 26px rgba(15, 23, 42, .07) !important;
}

[data-theme="dark"] .sidebar-left .category-atlas-widget {
    --simple-cat-surface: #0f172a;
    --simple-cat-text: #e5edf8;
    --simple-cat-muted: #94a3b8;
    --simple-cat-line: rgba(148, 163, 184, .22);
    --simple-cat-soft: rgba(15, 23, 42, .86);
    --simple-cat-hover: rgba(30, 41, 59, .78);
    --simple-cat-active: rgba(139, 21, 56, .18);
}

.sidebar-left .category-atlas-widget .category-atlas-header {
    min-height: 52px !important;
    padding: 14px 15px !important;
    background: var(--simple-cat-surface) !important;
    border-bottom-color: var(--simple-cat-line) !important;
}

.sidebar-left .category-atlas-widget .category-atlas-heading strong {
    color: var(--simple-cat-text) !important;
    font-size: 18px !important;
    font-weight: 900 !important;
}

.sidebar-left .category-atlas-widget .category-atlas-total {
    color: var(--simple-cat-muted) !important;
    font-size: 11px !important;
    font-weight: 800 !important;
}

.sidebar-left .category-atlas-widget .category-atlas-body {
    padding: 8px !important;
    background: var(--simple-cat-surface) !important;
}

.sidebar-left .category-atlas-widget .category-atlas-list {
    gap: 5px !important;
}

.sidebar-left .category-atlas-widget .category-item {
    border-color: var(--simple-cat-line) !important;
    border-radius: 10px !important;
    background: var(--simple-cat-surface) !important;
    box-shadow: none !important;
}

.sidebar-left .category-atlas-widget .category-item.open,
.sidebar-left .category-atlas-widget .category-item.active,
.sidebar-left .category-atlas-widget .category-item.has-active-child {
    border-color: rgba(139, 21, 56, .28) !important;
    box-shadow: none !important;
}

.sidebar-left .category-atlas-widget .category-item > .category-link,
.sidebar-left .category-atlas-widget .category-item > .category-toggle {
    min-height: 42px !important;
    padding: 9px 10px !important;
    color: var(--simple-cat-text) !important;
}

.sidebar-left .category-atlas-widget .category-item > .category-link:hover,
.sidebar-left .category-atlas-widget .category-item > .category-toggle:hover {
    background: var(--simple-cat-hover) !important;
}

.sidebar-left .category-atlas-widget .category-item.open > .category-toggle,
.sidebar-left .category-atlas-widget .category-item.active > .category-link,
.sidebar-left .category-atlas-widget .category-item.active > .category-toggle,
.sidebar-left .category-atlas-widget .category-item.has-active-child > .category-toggle {
    background: var(--simple-cat-active) !important;
}

.sidebar-left .category-atlas-widget .category-chevron {
    width: 22px !important;
    min-width: 22px !important;
    height: 22px !important;
    color: var(--simple-cat-muted) !important;
    background: transparent !important;
    border-radius: 6px !important;
}

.sidebar-left .category-atlas-widget .category-name {
    color: var(--simple-cat-text) !important;
    font-size: 13px !important;
    font-weight: 850 !important;
}

.sidebar-left .category-atlas-widget .category-count {
    min-width: 36px !important;
    max-width: 64px !important;
    padding: 5px 7px !important;
    color: var(--simple-cat-muted) !important;
    background: var(--simple-cat-soft) !important;
    font-size: 11px !important;
    font-weight: 850 !important;
}

.sidebar-left .category-atlas-widget .subcategories {
    display: none !important;
    margin: 0 !important;
    padding: 4px 7px 8px 38px !important;
    background: var(--simple-cat-soft) !important;
    border-top: 1px solid var(--simple-cat-line) !important;
}

.sidebar-left .category-atlas-widget .category-item.open > .subcategories {
    display: grid !important;
    gap: 3px !important;
}

.sidebar-left .category-atlas-widget .subcategory-link {
    min-height: 31px !important;
    padding: 6px 8px !important;
    color: var(--simple-cat-muted) !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 8px !important;
    font-size: 12px !important;
    font-weight: 750 !important;
}

.sidebar-left .category-atlas-widget .subcategory-link:hover,
.sidebar-left .category-atlas-widget .subcategory-link:focus-visible {
    color: var(--simple-cat-text) !important;
    background: var(--simple-cat-hover) !important;
}

.sidebar-left .category-atlas-widget .subcategory-link.active {
    color: var(--simple-cat-blue) !important;
    background: rgba(139, 21, 56, .10) !important;
}

.sidebar-left .category-atlas-widget .subcategory-link-content {
    position: relative !important;
    display: block !important;
    min-width: 0 !important;
    padding-left: 12px !important;
}

.sidebar-left .category-atlas-widget .subcategory-link-content::before {
    content: "" !important;
    position: absolute !important;
    left: 0 !important;
    top: 50% !important;
    width: 4px !important;
    height: 4px !important;
    border-radius: 999px !important;
    background: currentColor !important;
    opacity: .45 !important;
    transform: translateY(-50%) !important;
}

.sidebar-left .category-atlas-widget .subcategory-name {
    color: inherit !important;
    font-size: inherit !important;
    font-weight: inherit !important;
}

.sidebar-left .category-atlas-widget .subcategory-count {
    min-width: 24px !important;
    max-width: 52px !important;
    color: inherit !important;
    font-size: 11px !important;
    font-weight: 800 !important;
    opacity: .82 !important;
}

@media (max-width: 575.98px) {
    .sidebar-left .category-atlas-widget .category-atlas-heading strong {
        font-size: 17px !important;
    }

    .sidebar-left .category-atlas-widget .subcategories {
        padding-left: 34px !important;
    }
}

/* Category atlas nested navigation v3 */
.category-atlas-widget .sidebar-category-parent-row {
    grid-template-columns: minmax(0, 1fr) 42px !important;
    gap: 6px !important;
}

.category-atlas-widget .sidebar-category-expander.category-toggle {
    position: relative !important;
    display: grid !important;
    width: 42px !important;
    min-width: 42px !important;
    max-width: 42px !important;
    min-height: 44px !important;
    height: 100% !important;
    padding: 0 !important;
    place-items: center !important;
    place-content: center !important;
    color: var(--cat-atlas-muted) !important;
    background:
        linear-gradient(180deg, color-mix(in srgb, var(--cat-atlas-surface) 82%, var(--cat-atlas-canvas) 18%), var(--cat-atlas-canvas)) !important;
    border: 1px solid var(--cat-atlas-border) !important;
    border-radius: var(--cat-atlas-radius) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .05) !important;
    cursor: pointer !important;
    transform: none !important;
    transition: color .16s ease, background .16s ease, border-color .16s ease, box-shadow .16s ease !important;
}

.category-atlas-widget .sidebar-category-expander.category-toggle:hover,
.category-atlas-widget .sidebar-category-expander.category-toggle:focus-visible {
    color: var(--cat-atlas-accent) !important;
    background: var(--cat-atlas-hover) !important;
    border-color: var(--cat-atlas-border-strong) !important;
    box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--cat-atlas-accent) 12%, transparent) !important;
    transform: none !important;
}

.category-atlas-widget .sidebar-category-item.open .sidebar-category-expander.category-toggle {
    color: #ffffff !important;
    background: var(--cat-atlas-accent) !important;
    border-color: var(--cat-atlas-accent) !important;
    box-shadow: 0 8px 16px color-mix(in srgb, var(--cat-atlas-accent) 20%, transparent) !important;
}

.category-atlas-widget .sidebar-category-expander.category-toggle .chevron-icon {
    display: block !important;
    margin: 0 !important;
    color: currentColor !important;
    font-size: .78rem !important;
    line-height: 1 !important;
    transform: rotate(0deg) !important;
    transition: transform .18s ease !important;
}

.category-atlas-widget .sidebar-category-item.open .sidebar-category-expander.category-toggle .chevron-icon {
    transform: rotate(90deg) !important;
}

.category-atlas-widget .subcategories,
.category-atlas-widget .sidebar-category-children {
    gap: 6px !important;
    margin: 7px 0 8px 16px !important;
    padding: 8px 7px 8px 12px !important;
    background: color-mix(in srgb, var(--cat-atlas-canvas) 78%, var(--cat-atlas-surface) 22%) !important;
    border: 0 !important;
    border-left: 2px solid color-mix(in srgb, var(--cat-atlas-teal) 48%, var(--cat-atlas-border) 52%) !important;
    border-radius: 0 var(--cat-atlas-radius) var(--cat-atlas-radius) 0 !important;
}

.category-atlas-widget .subcategory-link,
.category-atlas-widget .sidebar-category-child.subcategory-link {
    position: relative !important;
    min-height: 40px !important;
    gap: .55rem !important;
    padding: .42rem .48rem !important;
    color: var(--cat-atlas-muted) !important;
    background: color-mix(in srgb, var(--cat-atlas-surface) 88%, transparent) !important;
    border: 1px solid transparent !important;
    border-radius: 7px !important;
    box-shadow: none !important;
    font-size: .79rem !important;
    font-weight: 780 !important;
    transform: none !important;
}

.category-atlas-widget .subcategory-link:hover,
.category-atlas-widget .sidebar-category-child.subcategory-link:hover,
.category-atlas-widget .subcategory-link:focus-visible,
.category-atlas-widget .sidebar-category-child.subcategory-link:focus-visible {
    color: var(--cat-atlas-text) !important;
    background: var(--cat-atlas-surface) !important;
    border-color: color-mix(in srgb, var(--cat-atlas-teal) 30%, var(--cat-atlas-border) 70%) !important;
    box-shadow: 0 7px 14px rgba(15, 23, 42, .06) !important;
    transform: translateX(2px) !important;
}

.category-atlas-widget .subcategory-link.active,
.category-atlas-widget .sidebar-category-child.subcategory-link.active {
    color: var(--cat-atlas-text) !important;
    background: color-mix(in srgb, var(--cat-atlas-teal) 12%, var(--cat-atlas-surface)) !important;
    border-color: color-mix(in srgb, var(--cat-atlas-teal) 48%, var(--cat-atlas-border) 52%) !important;
    box-shadow: inset 3px 0 0 var(--cat-atlas-teal) !important;
}

.category-atlas-widget .subcategory-link-content {
    display: flex !important;
    min-width: 0 !important;
    flex: 1 1 auto !important;
    align-items: center !important;
    gap: .52rem !important;
    margin: 0 !important;
    padding: 0 !important;
    color: inherit !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    font-size: inherit !important;
    line-height: inherit !important;
}

.category-atlas-widget .subcategory-rail {
    position: relative !important;
    display: block !important;
    box-sizing: border-box !important;
    width: 17px !important;
    min-width: 17px !important;
    max-width: 17px !important;
    height: 17px !important;
    flex: 0 0 17px !important;
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
    border-left: 2px solid color-mix(in srgb, var(--cat-atlas-subtle) 72%, transparent) !important;
    border-bottom: 2px solid color-mix(in srgb, var(--cat-atlas-subtle) 72%, transparent) !important;
    border-radius: 0 0 0 6px !important;
    box-shadow: none !important;
}

.category-atlas-widget .subcategory-name {
    display: block !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    color: inherit !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    font-size: inherit !important;
    line-height: inherit !important;
}

.category-atlas-widget .subcategory-rail::after {
    content: "" !important;
    position: absolute !important;
    right: -3px !important;
    bottom: -3px !important;
    display: block !important;
    width: 6px !important;
    height: 6px !important;
    background: var(--cat-atlas-subtle) !important;
    border-radius: 999px !important;
}

.category-atlas-widget .subcategory-link:hover .subcategory-rail,
.category-atlas-widget .sidebar-category-child.subcategory-link:hover .subcategory-rail,
.category-atlas-widget .subcategory-link.active .subcategory-rail,
.category-atlas-widget .sidebar-category-child.subcategory-link.active .subcategory-rail {
    background: transparent !important;
    border-color: var(--cat-atlas-teal) !important;
    box-shadow: none !important;
}

.category-atlas-widget .subcategory-link:hover .subcategory-rail::after,
.category-atlas-widget .sidebar-category-child.subcategory-link:hover .subcategory-rail::after,
.category-atlas-widget .subcategory-link.active .subcategory-rail::after,
.category-atlas-widget .sidebar-category-child.subcategory-link.active .subcategory-rail::after {
    background: var(--cat-atlas-teal) !important;
}

.category-atlas-widget .subcategory-count {
    min-width: 30px !important;
    max-width: 58px !important;
    height: 24px !important;
    margin-left: auto !important;
    padding: 0 .42rem !important;
    color: var(--cat-atlas-muted) !important;
    background: var(--cat-atlas-surface) !important;
    border: 1px solid var(--cat-atlas-border) !important;
    border-radius: 6px !important;
    font-size: .68rem !important;
    font-weight: 900 !important;
}

.category-atlas-widget .subcategory-link.active .subcategory-count,
.category-atlas-widget .sidebar-category-child.subcategory-link.active .subcategory-count {
    color: #ffffff !important;
    background: var(--cat-atlas-teal) !important;
    border-color: var(--cat-atlas-teal) !important;
}

@media (max-width: 575.98px) {
    .category-atlas-widget .subcategories,
    .category-atlas-widget .sidebar-category-children {
        margin-left: 12px !important;
        padding: 7px 6px 7px 10px !important;
    }

    .category-atlas-widget .subcategory-link,
    .category-atlas-widget .sidebar-category-child.subcategory-link {
        min-height: 38px !important;
        padding: .38rem .42rem !important;
    }
}

/* User-side UX refinements */
.filter-tabs button small {
    display: inline-flex;
    margin-left: .3rem;
    color: color-mix(in srgb, currentColor 72%, transparent);
    font-size: .72rem;
    font-weight: 800;
    line-height: 1;
}

.filter-current-insight,
.topic-dl-trust,
.download-confirm-safety,
.newsletter-feedback {
    display: flex;
    align-items: center;
    gap: .5rem;
    color: var(--text-dim, #6b7280);
    font-size: .9rem;
    line-height: 1.45;
}

.filter-current-insight {
    min-height: 38px;
    padding: .55rem .75rem;
    border: 1px solid color-mix(in srgb, var(--primary, #8b1538) 16%, var(--border, #d8dee8));
    border-radius: 8px;
    background: color-mix(in srgb, var(--primary, #8b1538) 6%, transparent);
}

.topic-list-skeleton {
    pointer-events: none;
}

@keyframes topic-skeleton-shimmer {
    to {
        background-position: -220% 0;
    }
}

.topic-skeleton-thumb,
.topic-skeleton-line,
.topic-skeleton-actions span {
    display: block;
    border-radius: 8px;
    background: linear-gradient(90deg, color-mix(in srgb, var(--surface, #fff) 86%, #000 4%), color-mix(in srgb, var(--primary, #8b1538) 9%, var(--surface, #fff)), color-mix(in srgb, var(--surface, #fff) 86%, #000 4%));
    background-size: 220% 100%;
    animation: topic-skeleton-shimmer 1.4s ease-in-out infinite;
}

.topic-skeleton-thumb {
    min-height: 164px;
    border-radius: 8px 8px 0 0;
}

.topic-skeleton-body {
    display: grid;
    gap: .75rem;
    padding: 1rem;
}

.topic-skeleton-line {
    height: 14px;
}

.topic-skeleton-line.sk-w-45 { width: 45%; }
.topic-skeleton-line.sk-w-70 { width: 70%; }
.topic-skeleton-line.sk-w-85 { width: 85%; }

.topic-skeleton-actions {
    display: flex;
    gap: .45rem;
    margin-top: .35rem;
}

.topic-skeleton-actions span {
    width: 58px;
    height: 24px;
}

.topic-list-fallback-image,
.is-fallback-image {
    object-fit: contain !important;
    padding: 1rem;
    background: color-mix(in srgb, var(--surface, #fff) 88%, var(--primary, #8b1538) 5%);
}

.auth-form-options {
    margin: -.25rem 0 .9rem;
}

.auth-checkbox {
    display: inline-flex;
    align-items: center;
    gap: .55rem;
    color: var(--text-dim, #6b7280);
    font-size: .92rem;
    font-weight: 700;
    cursor: pointer;
}

.auth-checkbox input {
    width: 18px;
    height: 18px;
    accent-color: var(--primary, #8b1538);
}

.auth-onboarding {
    display: grid;
    gap: .55rem;
    margin-bottom: 1rem;
    padding: .9rem 1rem;
    border: 1px solid color-mix(in srgb, var(--success, #16a34a) 22%, var(--border, #d8dee8));
    border-radius: 8px;
    background: color-mix(in srgb, var(--success, #16a34a) 8%, var(--surface, #fff));
    color: var(--text, #111827);
}

.auth-onboarding span {
    display: inline-flex;
    align-items: center;
    gap: .45rem;
    color: var(--text-dim, #6b7280);
    font-size: .88rem;
}

.profile-quick-access {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: var(--profile-stack-gap, var(--t-page-gap, 12px));
    margin: 0 0 var(--profile-stack-gap, var(--t-page-gap, 12px));
}

.profile-quick-card {
    min-height: 78px;
    display: grid;
    align-content: center;
    gap: .25rem;
    padding: .85rem;
    border: 1px solid var(--border, #d8dee8);
    border-radius: 8px;
    background: var(--surface, #fff);
    color: var(--text, #111827);
    text-decoration: none;
    transition: transform .18s ease, border-color .18s ease, box-shadow .18s ease;
}

.profile-quick-card:hover,
.profile-quick-card:focus-visible {
    transform: translateY(-2px);
    border-color: color-mix(in srgb, var(--primary, #8b1538) 38%, var(--border, #d8dee8));
    box-shadow: 0 12px 26px color-mix(in srgb, #000 10%, transparent);
    outline: none;
}

.profile-quick-card i {
    color: var(--primary, #8b1538);
    font-size: 1.15rem;
}

.profile-quick-card strong {
    font-size: .95rem;
}

.profile-quick-card span {
    color: var(--text-dim, #6b7280);
    font-size: .8rem;
}

.topic-dl-trust,
.download-confirm-safety {
    margin-top: .75rem;
    padding: .7rem .85rem;
    border: 1px solid color-mix(in srgb, var(--success, #16a34a) 24%, var(--border, #d8dee8));
    border-radius: 8px;
    background: color-mix(in srgb, var(--success, #16a34a) 7%, var(--surface, #fff));
}

.topic-dl-trust i,
.download-confirm-safety i {
    color: var(--success, #16a34a);
}

.ui-comment-item.is-linked-comment {
    outline: 3px solid color-mix(in srgb, var(--primary, #8b1538) 34%, transparent);
    outline-offset: 4px;
    background: color-mix(in srgb, var(--primary, #8b1538) 6%, transparent);
}

.ui-comment-permalink i {
    font-size: 1rem;
}

.topic-report-dialog :focus-visible,
.ui-comment-report-content :focus-visible {
    outline: 3px solid color-mix(in srgb, var(--primary, #8b1538) 32%, transparent);
    outline-offset: 3px;
}

.newsletter-feedback {
    min-height: 22px;
    margin-top: .45rem;
}

.newsletter-feedback.is-success {
    color: var(--success, #16a34a);
}

.newsletter-feedback.is-error {
    color: var(--danger, #dc2626);
}

.newsletter-form.is-submitted input {
    border-color: color-mix(in srgb, var(--success, #16a34a) 34%, var(--border, #d8dee8));
}

@media (max-width: 900px) {
    .profile-quick-access {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 640px) {
    .header .btn-upload {
        width: 44px;
        min-width: 44px;
        padding-inline: 0 !important;
        justify-content: center;
    }

    .header .btn-upload span,
    .auth-popover-trigger span {
        position: absolute;
        width: 1px;
        height: 1px;
        overflow: hidden;
        clip: rect(0 0 0 0);
        white-space: nowrap;
    }

    .filter-current-insight {
        align-items: flex-start;
    }

    .profile-quick-access {
        grid-template-columns: 1fr;
    }
}

/* User-side UX refinements */
.category-description {
    display: block;
    margin-top: 2px;
    color: var(--text-dim);
    font-size: .76rem;
    font-weight: 500;
    line-height: 1.3;
}

.category-description-small {
    font-size: .72rem;
}

.sort-helper-text {
    margin: 10px 0 0;
    color: var(--text-dim);
    font-size: .82rem;
    line-height: 1.45;
}

.empty-state-actions,
.notifications-empty-actions {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 10px;
    margin-top: 16px;
}

.empty-state-action,
.profile-empty-action a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    min-height: 38px;
    padding: 8px 13px;
    border: 1px solid color-mix(in srgb, var(--primary) 28%, var(--border));
    border-radius: var(--radius-md, 8px);
    background: color-mix(in srgb, var(--primary) 9%, var(--bg-white));
    color: var(--primary);
    font-size: .86rem;
    font-weight: 800;
    text-decoration: none;
}

.empty-state-action.is-secondary {
    border-color: var(--border);
    background: var(--bg-white);
    color: var(--text);
}

.topic-list-meta .topic-list-metric {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    min-width: 0;
}

.topic-list-meta .topic-list-metric strong {
    font-size: .88rem;
    line-height: 1;
}

.topic-list-meta .topic-list-metric small {
    color: var(--text-dim);
    font-size: .72rem;
    font-weight: 700;
    line-height: 1;
}

.topic-carousel-counter {
    position: absolute;
    right: 12px;
    bottom: 12px;
    z-index: 5;
    padding: 6px 10px;
    border: 1px solid rgba(255,255,255,.32);
    border-radius: 999px;
    background: rgba(15, 23, 42, .72);
    color: #fff;
    font-size: .82rem;
    font-weight: 800;
    backdrop-filter: blur(10px);
}

.topic-carousel-main {
    position: relative;
}

.profile-followup-panel,
.profile-report-info,
.profile-correction-tips,
.profile-session-card {
    border: 1px solid color-mix(in srgb, var(--primary) 18%, var(--border));
    border-radius: var(--radius-md, 8px);
    background: color-mix(in srgb, var(--primary) 7%, var(--bg-white));
}

.profile-followup-panel {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    margin: 0 0 18px;
    padding: 14px;
}

.profile-followup-panel > i,
.profile-report-info > i,
.profile-correction-tips i {
    color: var(--primary);
}

.profile-followup-panel div,
.profile-correction-tips {
    display: grid;
    gap: 4px;
}

.profile-followup-panel span,
.profile-report-info span,
.profile-correction-tips span,
.profile-session-card span,
.profile-report-notify-note {
    color: var(--text-dim);
    font-size: .84rem;
    line-height: 1.45;
}

.profile-empty-action {
    display: grid;
    justify-items: center;
    gap: 10px;
}

.profile-correction-tips {
    margin-top: 12px;
    padding: 12px;
}

.profile-report-info {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin: 0 0 14px;
    padding: 10px 12px;
}

.profile-report-notify-note {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    margin-top: 8px;
}

.profile-session-card {
    display: grid;
    gap: 10px;
    padding: 12px;
}

.profile-session-card div {
    display: flex;
    justify-content: space-between;
    gap: 12px;
}

.auth-checkbox-stacked {
    align-items: flex-start;
    display: grid;
    grid-template-columns: auto 1fr;
    gap: 2px 8px;
}

.auth-checkbox-stacked small {
    grid-column: 2;
    color: var(--text-dim);
    font-size: .75rem;
}

.ui-admin-alert,
.alert-note,
.notifications-alert {
    border-radius: var(--radius-md, 8px);
}

@media (max-width: 640px) {
    .header .container {
        gap: 8px;
        min-height: 56px;
    }

    .header-right {
        gap: 6px;
    }

    .header .btn-upload,
    .theme-toggle,
    .notif-toggle,
    .auth-popover-trigger {
        min-width: 40px;
        width: 40px;
        height: 40px;
        padding: 0 !important;
        justify-content: center;
    }

    .topic-nav-search {
        flex-basis: 100%;
        max-width: none;
        min-width: 0;
    }

    .footer-auth-compact {
        margin-top: 1rem !important;
        padding: 1rem 0 !important;
    }

    .footer-auth-compact .footer-grid {
        display: none;
    }

    .footer-auth-compact .footer-bottom {
        border-top: 0;
        padding-top: 0;
    }

    .footer-auth-compact .footer-meta {
        display: none;
    }

    .topic-list-meta .topic-list-metric small {
        display: none;
    }

    .profile-session-card div {
        display: grid;
    }
}

/* Topic detail gallery reliability fixes */
.topic-brand-mark {
    color: var(--on-primary, #fff) !important;
    background: var(--primary, #8b1538) !important;
    border-color: var(--primary, #8b1538) !important;
}

.topic-pagination .pagination-gap {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
}

.topic-pagination .pagination-ellipsis,
.profile-paging .topic-pagination .pagination-ellipsis {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 24px !important;
    min-width: 24px !important;
    height: 38px !important;
    min-height: 38px !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    color: color-mix(in srgb, var(--text-dim, #64748b) 72%, transparent) !important;
    font-size: 1rem !important;
    font-weight: 900 !important;
    letter-spacing: .08em !important;
    line-height: 1 !important;
    pointer-events: none !important;
    user-select: none !important;
}

.topic-layout.topic-detail-layout {
    grid-template-columns: 240px minmax(0, 1fr) 260px !important;
}

.topic-carousel {
    max-width: 100% !important;
    overflow: hidden !important;
}

.topic-carousel-main {
    position: relative !important;
    width: 100% !important;
    overflow: hidden !important;
    aspect-ratio: 16 / 9 !important;
    min-height: 220px !important;
    background: color-mix(in srgb, var(--ui-surface, #fff) 82%, #000 18%) !important;
}

.topic-carousel-content {
    width: 100% !important;
    height: 100% !important;
}

.topic-carousel-media,
.topic-carousel-content > img,
.topic-carousel-content > video,
.topic-carousel-content > iframe {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    max-width: 100% !important;
    object-fit: contain !important;
    border: 0 !important;
}

.topic-carousel-nav {
    position: absolute !important;
    top: 50% !important;
    z-index: 6 !important;
    display: inline-grid !important;
    place-items: center !important;
    width: 42px !important;
    height: 42px !important;
    padding: 0 !important;
    border-color: color-mix(in srgb, #fff 36%, transparent) !important;
    background: rgba(15, 23, 42, .66) !important;
    color: #fff !important;
    box-shadow: 0 10px 22px rgba(15, 23, 42, .22) !important;
    transform: translateY(-50%) !important;
}

.topic-carousel-nav-prev {
    left: 12px !important;
}

.topic-carousel-nav-next {
    right: 12px !important;
}

.topic-carousel-nav:hover,
.topic-carousel-nav:focus-visible {
    border-color: color-mix(in srgb, #fff 72%, transparent) !important;
    background: var(--primary, #8b1538) !important;
    color: var(--on-primary, #fff) !important;
    transform: translateY(-50%) scale(1.04) !important;
}

.topic-carousel-thumbs {
    display: flex !important;
    gap: 10px !important;
    max-width: 100% !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    padding: 12px 2px 2px !important;
    scrollbar-width: thin !important;
}

.ui-comment-thumb {
    display: grid !important;
    place-items: center !important;
    flex: 0 0 88px !important;
    width: 88px !important;
    height: 62px !important;
    min-width: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    cursor: pointer !important;
}

.ui-comment-thumb img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
}

.ui-comment-thumb.active,
.ui-comment-thumb[aria-current="true"] {
    opacity: 1 !important;
    border-color: var(--primary, #8b1538) !important;
    box-shadow: 0 6px 14px color-mix(in srgb, var(--primary, #8b1538) 28%, transparent) !important;
}

@media (max-width: 992px) {
    .topic-layout.topic-detail-layout {
        grid-template-columns: minmax(0, 1fr) !important;
        width: min(100% - 28px, 1360px) !important;
    }

    .topic-layout.topic-detail-layout > * {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
    }
}

@media (max-width: 575.98px) {
    .topic-carousel {
        padding: .75rem !important;
    }

    .topic-carousel-main {
        min-height: 0 !important;
        aspect-ratio: 4 / 3 !important;
    }

    .topic-carousel-nav {
        width: 34px !important;
        height: 34px !important;
    }

    .topic-carousel-nav-prev {
        left: 8px !important;
    }

    .topic-carousel-nav-next {
        right: 8px !important;
    }

    .ui-comment-thumb {
        flex-basis: 74px !important;
        width: 74px !important;
        height: 54px !important;
    }
}
/* Topic action widget visibility guard */
.topic-actions-widget .topic-action-list {
    display: grid !important;
    gap: 10px !important;
}

.topic-actions-widget .topic-action-form {
    margin: 0;
}

.topic-actions-widget .topic-action-btn {
    display: grid !important;
    grid-template-columns: 34px minmax(0, 1fr) auto !important;
    align-items: center !important;
    gap: 10px !important;
    width: 100% !important;
    min-height: 46px !important;
    padding: 8px 10px !important;
    color: var(--text, #1f2937) !important;
    text-decoration: none !important;
    visibility: visible !important;
}

.topic-actions-widget .topic-action-btn .action-icon-wrapper,
.topic-actions-widget .topic-action-btn .action-text,
.topic-actions-widget .topic-action-btn .action-badge {
    position: relative;
    z-index: 1;
    display: inline-flex !important;
    align-items: center !important;
    opacity: 1 !important;
    visibility: visible !important;
}

.topic-actions-widget .topic-action-btn .action-text {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* Hard isolation for topic detail action widget */
.topic-sidebar-left .topic-actions-widget,
.topic-actions-widget {
    isolation: isolate !important;
}

.topic-sidebar-left .topic-actions-widget .topic-actions-body,
.topic-actions-widget .topic-actions-body {
    display: block !important;
    min-height: 112px !important;
    padding: 12px !important;
}

.topic-sidebar-left .topic-actions-widget .topic-action-btn::before,
.topic-actions-widget .topic-action-btn::before {
    content: none !important;
    display: none !important;
}

.topic-sidebar-left .topic-actions-widget .topic-action-btn,
.topic-actions-widget .topic-action-btn {
    position: relative !important;
    overflow: visible !important;
    border: 1px solid color-mix(in srgb, var(--border, #e5e7eb) 84%, var(--primary, #8b1538)) !important;
    background: var(--surface, var(--bg-white, #fff)) !important;
    box-shadow: 0 8px 22px rgba(15, 23, 42, .06) !important;
}

.topic-sidebar-left .topic-actions-widget .topic-action-btn .action-icon-wrapper,
.topic-sidebar-left .topic-actions-widget .topic-action-btn .action-text,
.topic-sidebar-left .topic-actions-widget .topic-action-btn .action-badge,
.topic-actions-widget .topic-action-btn .action-icon-wrapper,
.topic-actions-widget .topic-action-btn .action-text,
.topic-actions-widget .topic-action-btn .action-badge {
    color: var(--text, #111827) !important;
    pointer-events: none !important;
}

.topic-sidebar-left .topic-actions-widget .topic-action-btn .action-icon-wrapper,
.topic-actions-widget .topic-action-btn .action-icon-wrapper {
    justify-content: center !important;
    width: 34px !important;
    height: 34px !important;
    border-radius: 10px !important;
    color: var(--primary, #8b1538) !important;
    background: color-mix(in srgb, var(--primary, #8b1538) 10%, transparent) !important;
}

/* Topic actions content fix: keep the sidebar widget populated and readable. */
.topic-sidebar-left .topic-actions-widget .topic-actions-body,
.topic-actions-widget .topic-actions-body {
    display: block !important;
    height: auto !important;
    min-height: 0 !important;
    opacity: 1 !important;
    overflow: visible !important;
    visibility: visible !important;
}

.topic-sidebar-left .topic-actions-widget .topic-action-list,
.topic-actions-widget .topic-action-list {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 10px !important;
    height: auto !important;
    opacity: 1 !important;
    visibility: visible !important;
}

.topic-sidebar-left .topic-actions-widget .topic-action-form,
.topic-actions-widget .topic-action-form {
    display: block !important;
    width: 100% !important;
}

.topic-sidebar-left .topic-actions-widget .topic-action-btn,
.topic-actions-widget .topic-action-btn {
    display: grid !important;
    grid-template-columns: 34px minmax(0, 1fr) auto !important;
    width: 100% !important;
    min-height: 46px !important;
    opacity: 1 !important;
    visibility: visible !important;
}

.topic-sidebar-left .topic-actions-widget .action-icon-wrapper,
.topic-sidebar-left .topic-actions-widget .action-text,
.topic-sidebar-left .topic-actions-widget .action-badge,
.topic-actions-widget .action-icon-wrapper,
.topic-actions-widget .action-text,
.topic-actions-widget .action-badge {
    display: inline-flex !important;
    opacity: 1 !important;
    visibility: visible !important;
}

/* Homepage category widget final skin: Clean Accordion */
.sidebar-left .category-atlas-widget {
    --clean-cat-surface: #ffffff;
    --clean-cat-text: #0f172a;
    --clean-cat-muted: #64748b;
    --clean-cat-line: #e2e8f0;
    --clean-cat-soft: #f8fbff;
    --clean-cat-chip: #eff6ff;
    --clean-cat-blue: #8b1538;
    overflow: hidden !important;
    padding: 0 !important;
    border: 1px solid var(--clean-cat-line) !important;
    border-radius: 14px !important;
    background: var(--clean-cat-surface) !important;
    box-shadow: 0 14px 34px rgba(15, 23, 42, .09) !important;
}

.sidebar-left .category-atlas-widget::before,
.sidebar-left .category-atlas-widget .category-icon-wrap,
.sidebar-left .category-atlas-widget .category-description,
.sidebar-left .category-atlas-widget .subcategory-rail,
.sidebar-left .category-atlas-widget .subcategory-rail::after,
.sidebar-left .category-atlas-widget .subcategory-count::before,
.sidebar-left .category-atlas-widget .subcategory-count::after {
    content: none !important;
    display: none !important;
}

.sidebar-left .category-atlas-widget .category-atlas-header {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 12px !important;
    width: 100% !important;
    min-height: 58px !important;
    padding: 17px !important;
    color: var(--clean-cat-text) !important;
    background: var(--clean-cat-surface) !important;
    border: 0 !important;
    border-bottom: 1px solid #e5e7eb !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}

.sidebar-left .category-atlas-widget .category-atlas-heading {
    display: block !important;
    min-width: 0 !important;
}

.sidebar-left .category-atlas-widget .category-atlas-heading strong {
    display: block !important;
    overflow: hidden !important;
    color: var(--clean-cat-text) !important;
    font-size: 21px !important;
    font-weight: 950 !important;
    line-height: 1.1 !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}

.sidebar-left .category-atlas-widget .category-atlas-total {
    flex: 0 0 auto !important;
    color: var(--clean-cat-muted) !important;
    font-size: 12px !important;
    font-weight: 850 !important;
    line-height: 1 !important;
    white-space: nowrap !important;
}

.sidebar-left .category-atlas-widget .category-atlas-body {
    display: block !important;
    max-height: min(68vh, 620px) !important;
    overflow: auto !important;
    padding: 10px !important;
    background: var(--clean-cat-surface) !important;
    scrollbar-width: thin !important;
}

.sidebar-left .category-atlas-widget .category-atlas-list {
    display: grid !important;
    gap: 7px !important;
    padding: 0 !important;
    background: transparent !important;
}

.sidebar-left .category-atlas-widget .category-link-all,
.sidebar-left .category-atlas-widget .category-tree > .category-link.category-link-all {
    display: none !important;
}

.sidebar-left .category-atlas-widget .category-item {
    overflow: hidden !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 1px solid var(--clean-cat-line) !important;
    border-radius: 12px !important;
    background: var(--clean-cat-surface) !important;
    box-shadow: none !important;
}

.sidebar-left .category-atlas-widget .category-item.open,
.sidebar-left .category-atlas-widget .category-item.active,
.sidebar-left .category-atlas-widget .category-item.has-active-child {
    border-color: #bfdbfe !important;
    box-shadow: 0 12px 24px rgba(139, 21, 56, .08) !important;
}

.sidebar-left .category-atlas-widget .category-item > .category-link,
.sidebar-left .category-atlas-widget .category-item > .category-toggle {
    display: grid !important;
    grid-template-columns: 24px minmax(0, 1fr) auto !important;
    align-items: center !important;
    gap: 10px !important;
    width: 100% !important;
    min-height: 46px !important;
    margin: 0 !important;
    padding: 11px !important;
    color: var(--clean-cat-text) !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    font: inherit !important;
    text-align: left !important;
    text-decoration: none !important;
    transform: none !important;
}

.sidebar-left .category-atlas-widget .category-item > .category-link {
    grid-template-columns: minmax(0, 1fr) auto !important;
}

.sidebar-left .category-atlas-widget .category-item > .category-link:hover,
.sidebar-left .category-atlas-widget .category-item > .category-toggle:hover,
.sidebar-left .category-atlas-widget .category-item.open > .category-toggle,
.sidebar-left .category-atlas-widget .category-item.active > .category-link,
.sidebar-left .category-atlas-widget .category-item.active > .category-toggle,
.sidebar-left .category-atlas-widget .category-item.has-active-child > .category-toggle {
    color: var(--clean-cat-text) !important;
    background: var(--clean-cat-soft) !important;
    border-color: transparent !important;
    box-shadow: none !important;
    transform: none !important;
}

.sidebar-left .category-atlas-widget .category-link-content {
    display: contents !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}

.sidebar-left .category-atlas-widget .category-item > .category-link .category-link-content {
    display: block !important;
}

.sidebar-left .category-atlas-widget .category-chevron {
    display: grid !important;
    width: 24px !important;
    min-width: 24px !important;
    height: 24px !important;
    place-items: center !important;
    margin: 0 !important;
    color: var(--clean-cat-blue) !important;
    background: var(--clean-cat-chip) !important;
    border: 0 !important;
    border-radius: 7px !important;
    box-shadow: none !important;
    font-size: 12px !important;
    line-height: 1 !important;
}

.sidebar-left .category-atlas-widget .chevron-icon {
    display: block !important;
    margin: 0 !important;
    color: currentColor !important;
    font-size: .72rem !important;
    line-height: 1 !important;
    transform: rotate(0deg) !important;
    transition: transform .18s ease !important;
}

.sidebar-left .category-atlas-widget .category-item.open > .category-toggle .chevron-icon {
    transform: rotate(90deg) !important;
}

.sidebar-left .category-atlas-widget .category-copy {
    display: block !important;
    min-width: 0 !important;
    margin: 0 !important;
}

.sidebar-left .category-atlas-widget .category-name {
    display: block !important;
    overflow: hidden !important;
    margin: 0 !important;
    padding: 0 !important;
    color: var(--clean-cat-text) !important;
    background: transparent !important;
    border: 0 !important;
    font-size: 14px !important;
    font-weight: 950 !important;
    line-height: 1.2 !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}

.sidebar-left .category-atlas-widget .category-count {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 42px !important;
    max-width: 72px !important;
    height: auto !important;
    margin: 0 !important;
    padding: 6px 8px !important;
    overflow: hidden !important;
    color: #334155 !important;
    background: #f1f5f9 !important;
    border: 0 !important;
    border-radius: 999px !important;
    box-shadow: none !important;
    font-size: 12px !important;
    font-weight: 950 !important;
    line-height: 1 !important;
    text-align: center !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}

.sidebar-left .category-atlas-widget .subcategories {
    display: none !important;
    gap: 0 !important;
    margin: 0 0 0 35px !important;
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}

.sidebar-left .category-atlas-widget .category-item.open > .subcategories {
    display: block !important;
}

.sidebar-left .category-atlas-widget .subcategory-link {
    position: static !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 10px !important;
    width: 100% !important;
    min-height: 36px !important;
    margin: 0 !important;
    padding: 8px 11px 9px !important;
    color: #475569 !important;
    background: transparent !important;
    border: 0 !important;
    border-top: 1px solid #eef2f7 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    font-size: 12px !important;
    font-weight: 800 !important;
    line-height: 1.25 !important;
    text-decoration: none !important;
    transform: none !important;
}

.sidebar-left .category-atlas-widget .subcategory-link:hover,
.sidebar-left .category-atlas-widget .subcategory-link:focus-visible,
.sidebar-left .category-atlas-widget .subcategory-link.active {
    color: var(--clean-cat-text) !important;
    background: var(--clean-cat-soft) !important;
    border-color: #eef2f7 !important;
    box-shadow: none !important;
    outline: none !important;
    transform: none !important;
}

.sidebar-left .category-atlas-widget .subcategory-link-content {
    display: block !important;
    flex: 1 1 auto !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    color: inherit !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}

.sidebar-left .category-atlas-widget .subcategory-link-content > span:not(.subcategory-rail) {
    display: block !important;
    min-width: 0 !important;
}

.sidebar-left .category-atlas-widget .subcategory-name {
    display: block !important;
    overflow: hidden !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    color: inherit !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    font-size: inherit !important;
    font-weight: inherit !important;
    line-height: inherit !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}

.sidebar-left .category-atlas-widget .subcategory-count {
    display: inline-flex !important;
    flex: 0 0 auto !important;
    align-items: center !important;
    justify-content: flex-end !important;
    min-width: 28px !important;
    max-width: 58px !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    color: #475569 !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    font-size: 12px !important;
    font-weight: 800 !important;
    line-height: 1.25 !important;
    text-align: right !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}

@media (max-width: 575.98px) {
    .sidebar-left .category-atlas-widget .category-atlas-header {
        min-height: 54px !important;
        padding: 14px !important;
    }

    .sidebar-left .category-atlas-widget .category-atlas-heading strong {
        font-size: 19px !important;
    }

    .sidebar-left .category-atlas-widget .category-atlas-body {
        max-height: none !important;
        padding: 8px !important;
    }
}

/* --- engine.css --- */
\feff/* \11e\90\11e\b4\11e\b0\11e\bf\d1\201a\11e\b8\d1\20ac\11e\be\11e\b2\11e\b0\11e\bd \11e\b8 \11e\b4\11e\be\d1\20ac\11e\b0\11e\b1\11e\be\d1\201a\11e\b0\11e\bd DLETM.RU */
.fs09rem {font-size:.9rem}
.form-group{margin-bottom:15px}
.form-group label{font-weight:500;margin-bottom:10px}
#dle-promt-text, .form-group input[type="text"],#dlepopup-news-edit input[type="text"],#dlepopup-news-edit textarea,.form-group input[type="password"],.form-group input[type="email"],.form-group select,.form-group textarea{display:block;width:100%;padding:.5rem 1rem;font-size:.9375rem;font-weight:400;line-height:1.5;color:#29292e;background-color:#fff;background-clip:padding-box;border:1px solid #e1e4e6;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:.4rem;margin:0;-webkit-transition:border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;transition:border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out,-webkit-box-shadow .15s ease-in-out}
.form-group textarea,#dlepopup-news-edit textarea{min-height:180px;padding:1rem .75rem}
.form-group input[type="file"]{}
select:focus,input[type="text"]:focus,input[type="password"]:focus,input[type="file"]:focus,input[type="email"]:focus,textarea:focus{color:#29292e;background-color:#fff;border-color:#8b1538;outline:0;-webkit-box-shadow:none;box-shadow:none}
html[data-theme="dark"] .form-group input, html[data-theme="dark"] .form-group select, html[data-theme="dark"] .form-group textarea {color: #c5c6cc;background-color: #191a1f;border: 1px solid #30343c;}
html[data-theme="dark"] .pm_progress_bar {background: #191a1f;border-color:#30343c}
.tagcloud a{background:transparent;border:1px solid transparent;border-color:#e1e4e6;color:#676a79;outline:0;padding:.4rem .6rem;font-size:.8125rem;border-radius:.2rem;display:inline-block;font-weight:500;line-height:1.5;text-align:center;vertical-align:middle;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out}
.tagcloud a:hover{background:#e1e4e6;border-color:#e1e4e6;color:#14191e}
.tagcloud .tags_more{display:block;width:100%}
.tagcloud .tags_more a{color:#8b1538;border:1px solid transparent;background-color:rgba(139,21,56,0.1);padding:.4rem .8rem;font-size:.8125rem;border-radius:.2rem;outline:0;display:block;width:100%;font-weight:500;line-height:1.5;text-align:center;vertical-align:middle;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out}
.tagcloud .tags_more a:hover{color:#fff;background-color:#8b1538;border-color:#8b1538}
html[data-theme="dark"] .tagcloud a, html[data-theme="dark"] .combutton a {color: #c5c6cc;background: #191a1f;border-color:#30343c}
html[data-theme="dark"] .tagcloud a:hover, html[data-theme="dark"] .combutton a:hover {background-color:#8b1538;color:#fff}
html[data-theme="dark"] .card-title.text-light, html[data-theme="dark"] .nav-item.mb-0.small.text-light, html[data-theme="dark"] .nav-item.small.text-light {color:#ededed!important}
.com-text{overflow:hidden;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;font-size:.82rem}
.required{color:red}
.bb-editor textarea{border-top-left-radius:0;border-top-right-radius:0}
select#catlist{height:40.5px}
.combutton a{outline:0;padding:.4rem .8rem;font-size:.8125rem;border-radius:.2rem;color:#000;background-color:#eef0f2;border-color:#eef0f2;display:inline-block;font-weight:400;line-height:1.5;text-align:center;vertical-align:middle;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border:1px solid transparent;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out;margin-right:10px}
.combutton a:hover{background:#8b1538;color:#fff}
.comtet .bi:before,.comtet .float-end{line-height:1!important}
.fulstr h1,.fulstr h2,.fulstr h3,.fulstr h4,.fulstr h5,.fulstr h6{margin:0;padding:0}
.fulstr ul,.fulstr ol{padding-left:1rem;margin:0}
.btn.bi:before{line-height:1}
#loading-layer{background:#000;padding:20px;text-align:center;color:#fff;border-radius:2px}
.scriptcode,.title_quote,.title_spoiler,.text_spoiler{padding:2% 4%;background:#fff;border:1px solid #dde4ea}
.title_quote{border-left:2px solid #e85319;border-bottom:0;margin-top:2px;font-weight:700}
.quote,blockquote{font-style:italic;border-radius:.4rem!important;--bs-bg-opacity:1;background-color:rgba(var(--bs-light-rgb),var(--bs-bg-opacity))!important;padding:12px}
.title_spoiler{margin-top:2px}
.text_spoiler{margin-bottom:2px}
.title_spoiler img{vertical-align:middle;margin:-1px 0 0!important}
.scriptcode{color:#4c6d0f;text-align:left;font-family:"Courier New"}
.title_spoiler{font-weight:400}
.text_spoiler{border-top:0;text-align:justify}
.hide{background-color:#f0f0f0;padding:5px;color:#4c6d0f;margin:0 0 1em}
.hide a{text-decoration:underline}
.hide a:hover{text-decoration:none}
.sort{list-style:none;padding:0;margin:0}
.sort > li,.sort{display:inline}
.sort > li{display:block;width:100%;padding:.4rem 1.2rem;clear:both;font-weight:500;color:#676a79;text-align:inherit;white-space:nowrap;background-color:transparent;border:0}
.sort > li:last-child{padding-bottom:0}
.sort > li a{color:#676a79}
.sort > li.asc a,.sort > li.desc a{color:#8b1538}
.sort > li.asc a:after,.sort > li.desc a:after{content:"";background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAsBAMAAACj90TiAAAAG1BMVEUAAAAzlOYzlOYzlOYzlOYzlOYzlOYzlOYzlOar6gzlAAAACHRSTlMAjesv90eHRuQt1XUAAABSSURBVBjTzdCxDQAhDENRSyzAEFdQ0zDB9axEgzw2DokEI1A9/S4OyAxADEcpPGlpFKWoSpEKp0Dlb6SvG2jY4Fka4tw4PqbEsDNTcb8gn/d4LPQHQDdjhblbAAAAAElFTkSuQmCC);display:inline-block;vertical-align:middle;margin:-1px 0 0 .4em;width:6px;height:11px;-webkit-background-size:6px auto;background-size:6px auto}
.sort > li.asc a:after{background-position:0 -11px}
.calendar{width:100%;text-align:center;font-size:13px}
.calendar tr td,.calendar tr th{padding:3px;text-align:center}
.calendar tr td a{color:inherit;font-weight:700}
.calendar tr td{padding:5px 3px}
.calendar tr td.weekday{color:#8b1538}
.calendar tr th{background-color:rgba(139,21,56,0.1);font-weight:700;text-transform:uppercase}
.calendar tr th.weekday{background-color:#8b1538;color:#fff}
.calendar tr th.monthselect{background-color:transparent;color:#b8b8b8;padding-bottom:15px}
.calendar tr th.monthselect a{color:#b8b8b8}
.voteprogress,.pollprogress{overflow:hidden;height:6px;margin-bottom:10px;background-color:#fff;border-radius:3px;margin-top:6px}
.voteprogress span,.pollprogress span{text-indent:-9999px;height:6px;display:block;overflow:hidden;background:#3394e6}
.voteprogress .vote2,.pollprogress .poll2{background-color:#dd514c}
.voteprogress .vote3,.pollprogress .poll3{background-color:#5eb95e}
.voteprogress .vote4,.pollprogress .poll4{background-color:#4bb1cf}
.voteprogress .vote5,.pollprogress .poll5{background-color:#faa732}
.rating,.unit-rating{width:115px;height:23px}
.rating{font-size:11px}
.unit-rating,.unit-rating li a:hover,.unit-rating li.current-rating{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAC4AAACKBAMAAAAnGmX8AAAALVBMVEX///+RkZH+12L/w0//7cP/5aj+24X/+u7/9d2tra3Jycne3t7/zGn5+fnx8fHkdmbhAAACEUlEQVRIx+2UuUsDQRTGF+8bp4yiyKDRUhiNFikW73LxwsIiRETL4F2KilpYmFYQklIE0VYbIQQsY2kjWkbwfzDjzvhm3rzCJiCSr1p+SfY7HsT7w2rYp3ltQPO6HpqPDdA8GSVxPeckr+HcJ205T1D8gHPSeJbzPopz7hrvnk4sSL4wcboLdIpb6v0ZxuY+LGB/HRY2ubn2MeB1a5ukxtEUGkEp4bSVchtvhLzfORaE/NV7VCDnlFzJPSKPJmEcczpffhg4x13zvB2nVxXvDdP2oKNHU+FOAyi+r/xRgWn9sOVVRKv8/ycJmlc/0nx8iOYrMRLXC5EibYUIKN4iBGl8KMQoaSsEaZwTIo7Z3tHkoihpdX7mBOiysJSHhJYCWMDExho1JjfXPgP8ZG2T0zhub7SjecJpK+U23gz5iHMsHRJpLuTDzmoqjnNEJRXTbByTv/Gd48YD+WHgHHddtsMnrhb5MO0gih/b/7ZfQQWWA+WPCizph22vojKr7Y3mTec0L7bT/K6T5ukIbctYgbRlLEPxRsbOSVvGuimeZYw0ZiVh9vpwfyX5xfXDJ1CJDHVAQlOQtvXOxMYazSa/9UDvGqIOrWmNI/ZxXjS/xCOrjHjSZ3g7Wg1CmsZZ6Eq9P1LAR1RCXDaOpKGtOV2mGUaD48pGRXliFL8jTNuF4odB2tKoQDaj/FGBG/3w4f0LfQHtX5JXyZBVcwAAAABJRU5ErkJggg==);-webkit-background-size:23px auto;background-size:23px auto}
.unit-rating{list-style:none;margin:0;padding:0;position:relative;background-position:0 -46px}
.unit-rating li{text-indent:-90000px;padding:0;margin:0;float:left}
.unit-rating li a{display:block;width:23px;height:23px;text-decoration:none;border:0 none!important;text-indent:-9000px;z-index:17;position:absolute;padding:0}
.unit-rating li a:hover{background-position:0 -23px;z-index:2;left:0}
.unit-rating a.r1-unit{left:0}
.unit-rating a.r1-unit:hover{width:23px}
.unit-rating a.r2-unit{left:23px}
.unit-rating a.r2-unit:hover{width:46px}
.unit-rating a.r3-unit{left:46px}
.unit-rating a.r3-unit:hover{width:69px}
.unit-rating a.r4-unit{left:69px}
.unit-rating a.r4-unit:hover{width:92px}
.unit-rating a.r5-unit{left:92px}
.unit-rating a.r5-unit:hover{width:115px}
.unit-rating li.current-rating{background-position:0 0;position:absolute;height:23px;display:block;text-indent:-9000px;z-index:1;padding:0}
.ratingplus{color:#70bb39}
.ratingminus{color:red}
.ratingzero{color:#6c838e}
.userstop td,.pm td.pm_list,.pm td.pm_head{border-bottom:1px solid #efefef;padding:12px 2px}
table.pm,table.userstop{width:100%;margin-bottom:0}
table.pm select{width:100px}
.userstop thead td,.pm td.pm_head{border-bottom:1px solid #efefef;font-weight:700}
table.pm .navigation{border-top-width:0;margin:0}
#dropmenudiv{padding:10px 0;min-width:140px;width:auto!important;opacity:1!important;display:none;font-size:.9em;box-shadow:0 8px 40px -10px rgba(0,0,0,0.3);border:1px solid #e6e6e6;border-color:rgba(0,0,0,0.1);background-clip:padding-box;background-color:#fff}
#dropmenudiv a{text-decoration:none!important;color:inherit;display:block;padding:3px 20px;border:0 none;white-space:nowrap;color:inherit}
#dropmenudiv a:hover{background-color:#eeeeef}
.highslide-wrapper,.highslide-outline{background:#fff}
.highslide-image{border:2px solid #fff}
.highslide-active-anchor{visibility:hidden}
.highslide-active-anchor img{visibility:hidden}
.highslide-dimming{background-color:#000}
.highslide-html{background-color:#fff}
.highslide-loading{display:block;color:#fff;font-size:9px;font-weight:700;text-decoration:none;padding:3px;border:1px solid #fff;background-color:#000}
a.highslide-full-expand{background:url(../images/fullexpand.gif) no-repeat;display:block;margin:0 10px 10px 0;width:34px;height:34px}
.highslide-display-block{display:block}
.highslide-display-none,.mass_comments_action{display:none}
.highslide-caption{display:none;padding:5px;background:#fff}
.highslide-controls{width:195px;height:40px;background:url(../../../engine/classes/highslide/graphics/controlbar-black-border.gif) no-repeat 0 -90px;margin-right:15px;margin-bottom:10px;margin-top:10px}
.highslide-controls ul{position:relative;left:15px;height:40px;list-style:none;margin:0;padding:0;background:url(../../../engine/classes/highslide/graphics/controlbar-black-border.gif) no-repeat 100% -90px}
.highslide-controls li{float:left;padding:5px 0}
.highslide-controls a{background:url(../../../engine/classes/highslide/graphics/controlbar-black-border.gif);display:block;float:left;height:30px;width:30px;outline:none}
.highslide-controls a.disabled{cursor:default}
.highslide-controls a span{display:none}
.highslide-controls .highslide-previous a{background-position:0 0}
.highslide-controls .highslide-previous a:hover{background-position:0 -30px}
.highslide-controls .highslide-previous a.disabled{background-position:0 -60px!important}
.highslide-controls .highslide-play a{background-position:-30px 0}
.highslide-controls .highslide-play a:hover{background-position:-30px -30px}
.highslide-controls .highslide-play a.disabled{background-position:-30px -60px!important}
.highslide-controls .highslide-pause a{background-position:-60px 0}
.highslide-controls .highslide-pause a:hover{background-position:-60px -30px}
.highslide-controls .highslide-next a{background-position:-90px 0}
.highslide-controls .highslide-next a:hover{background-position:-90px -30px}
.highslide-controls .highslide-next a.disabled{background-position:-90px -60px!important}
.highslide-controls .highslide-move a{background-position:-120px 0}
.highslide-controls .highslide-move a:hover{background-position:-120px -30px}
.highslide-controls .highslide-full-expand a{background-position:-150px 0}
.highslide-controls .highslide-full-expand a:hover{background-position:-150px -30px}
.highslide-controls .highslide-full-expand a.disabled{background-position:-150px -60px!important}
.highslide-controls .highslide-close a{background-position:-180px 0}
.highslide-controls .highslide-close a:hover{background-position:-180px -30px}
#searchsuggestions{z-index:2200;width:300px;border-radius:2px;background:#fff;box-shadow:0 8px 40px -10px rgba(0,0,0,0.3);border:1px solid #ddd;border-color:rgba(0,0,0,0.2);background-clip:padding-box;font-size:.9em;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}
#searchsuggestions a,#searchsuggestions span.notfound{padding:15px 25px;display:block;text-decoration:none;border-bottom:1px solid #e5e5e5}
#searchsuggestions a{color:inherit}
#searchsuggestions a:hover{background-color:#f7f7f7}
#searchsuggestions a span{display:block;cursor:pointer}
#searchsuggestions span.searchheading{display:block;font-weight:700;margin-bottom:.2em}
#searchsuggestions span.seperator{display:block}
#searchsuggestions span.seperator a{padding:10px 0;text-align:center;border:0 none;background-color:transparent;color:#919191}
#searchsuggestions span.notfound{padding:15px 25px;display:block}
#searchsuggestions .break{display:none}
.ui-widget-overlay{background:#000;opacity:.5;left:0;top:0;right:0;bottom:0;position:fixed}
.ui-helper-clearfix:after{clear:both;content:".";display:block;height:0;visibility:hidden}
.ui-helper-clearfix{display:inline-block}
* html .ui-helper-clearfix{height:1%}
.ui-helper-clearfix{display:block}
.ui-dialog{text-align:left;overflow:hidden;padding:0;position:absolute;width:370px;border-radius:2px;box-shadow:0 8px 40px -10px rgba(0,0,0,0.3);background-color:#fff;background-clip:padding-box}
.ui-dialog-titlebar{padding:15px 20px;background:#eff2f6;position:relative}
.ui-dialog-title{float:left;font-weight:700;font-size:1.15em}
.ui-dialog-titlebar-close{position:absolute;right:10px;top:50%;margin-top:-16px;height:32px;width:32px;border:0 none!important}
.ui-dialog-titlebar-close .ui-icon{display:block;margin:10px auto 0;width:12px;height:12px;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYBAMAAAASWSDLAAAAG1BMVEUAAAA1NTU1NTU1NTU1NTU1NTU1NTU1NTU1NTW7eCkWAAAACHRSTlMA8DiyCsELwNb3saQAAABlSURBVBjTY2AxYoACZQcG10YFCJtJooTBokMIwlHsaAZioBRYAigKJoAAJAghoRIQCiYEoSEiUCmIBFQKLAGTAkvApCASCA6GMoQBGEYjLEV1DopDUbyA4jlUb6ciAiSMgQ0pqAB4linXHtbaoQAAAABJRU5ErkJggg==);-webkit-background-size:12px auto;background-size:12px auto;opacity:.5}
.ui-dialog-titlebar-close:hover .ui-icon{opacity:1}
.ui-icon{overflow:hidden;text-indent:-9999px}
.ui-dialog label{color:#575757}
.ui-dialog-content{padding:20px;border:1px solid #fff;overflow:auto;position:relative;zoom:1}
.loginbox.ui-dialog,.loginbox .ui-dialog-content{overflow:visible!important}
.ui-dialog-content h2{display:inline;font-size:1em;font-weight:700}
.ui-dialog .ui-dialog-buttonpane{padding:20px;text-align:center}
.ui-dialog .ui-resizable-se{bottom:3px;height:14px;right:3px;width:14px}
.ui-draggable .ui-dialog-titlebar{cursor:move}
.ui-state-error{background:#fef1ec 50% 50% repeat-x!important;border:1px solid #cd0a0a;color:#cd0a0a}
.ui-button{float:right}
.ui-helper-hidden-accessible{display:none}
.ui-autocomplete{position:absolute;cursor:default}
* html .ui-autocomplete{width:1px}
.ui-menu{list-style:none;padding:2px;margin:0;float:left;background:#fff 50% bottom repeat-x;border:1px solid #dedede;color:#353535}
.ui-menu .ui-menu{margin-top:-3px}
.ui-menu .ui-menu-item{margin:0;padding:0;zoom:1;float:left;clear:left;width:100%}
.ui-menu .ui-menu-item a{text-decoration:none;display:block;padding:.2em .4em;line-height:1.5;zoom:1}
.ui-menu .ui-menu-item a.ui-state-hover,.ui-menu .ui-menu-item a.ui-state-active{font-weight:400;margin:-1px;border:1px solid #a7a7a7;color:#4e4e4e;font-weight:bold}
pre code {display: block; padding: 0.5em; background: #f9fafa; border: 1px solid #dce7e7; overflow:auto; white-space: pre;}
.hljs-comment, .hljs-quote {color: #a0a1a7; font-style: italic;}
.hljs-doctag, .hljs-keyword, .hljs-formula {color: #a626a4;}
.hljs-section, .hljs-name, .hljs-selector-tag, .hljs-deletion, .hljs-subst {color: #e45649;}
.hljs-literal {color: #0184bb;}
.hljs-string, .hljs-regexp, .hljs-addition, .hljs-attribute, .hljs-meta-string {color: #50a14f;}
.hljs-built_in, .hljs-class .hljs-title {color: #c18401;}
.hljs-attr, .hljs-variable, .hljs-template-variable, .hljs-type, .hljs-selector-class, .hljs-selector-attr,
.hljs-selector-pseudo, .hljs-number {color: #986801;}
.hljs-symbol, .hljs-bullet, .hljs-link, .hljs-meta, .hljs-selector-id, .hljs-title {color: #4078f2;}
.hljs-emphasis {font-style: italic;}
.hljs-strong {font-weight: bold;}
.hljs-link {text-decoration: underline;}
.bb-pane{height:1%;overflow:hidden;padding-bottom:5px;padding-left:5px;margin:0;height:auto!important;text-decoration:none;background-image:-webkit-gradient(linear,left 0%,left 100%,from(#FBFBFB),to(#EAEAEA));background-image:-webkit-linear-gradient(top,#FBFBFB,0%,#EAEAEA,100%);background-image:-moz-linear-gradient(top,#FBFBFB 0%,#EAEAEA 100%);background-image:linear-gradient(to bottom,#FBFBFB 0%,#EAEAEA 100%);background-repeat:repeat-x;border-radius:3px 3px 3px 3px;-moz-border-radius-bottomright:0;-webkit-border-bottom-right-radius:0;-khtml-border-bottom-right-radius:0;border-bottom-right-radius:0;-moz-border-radius-bottomleft:0;-webkit-border-bottom-left-radius:0;-khtml-border-bottom-left-radius:0;border-bottom-left-radius:0;border-top:1px solid #d7d7d7;border-left:1px solid #d7d7d7;border-right:1px solid #d7d7d7;box-shadow:none!important}
.bb-pane>b{margin-top:5px;margin-left:0;vertical-align:middle}
.bb-pane .bb-btn + .bb-btn,.bb-pane .bb-btn + .bb-pane,.bb-pane .bb-pane + .bb-btn,.bb-pane .bb-pane + .bb-pane{margin-left:-1px}
.bb-btn{display:inline-block;overflow:hidden;float:left;padding:4px 10px;border:1px solid #d4d4d4;-webkit-box-shadow:inset 0 1px 2px #fff;-moz-box-shadow:inset 0 1px 2px #fff;box-shadow:inset 0 1px 2px #fff;background-repeat:repeat-x;background-image:-webkit-gradient(linear,left 0%,left 100%,color-stop(0%,#fdfdfd),color-stop(100%,#e9e9e9));background-image:-webkit-linear-gradient(top,#fdfdfd,0%,#e9e9e9,100%);background-image:-moz-linear-gradient(top,#fdfdfd,0%,#e9e9e9,100%);background-image:linear-gradient(to bottom,#fdfdfd 0%,#e9e9e9 100%)}
.bb-btn:hover{background:#e6e6e6;background-repeat:repeat-x;background-image:-webkit-gradient(linear,50% 0%,50% 100%,color-stop(0%,#fdfdfd),color-stop(100%,#e6e6e6));background-image:-webkit-linear-gradient(top,#fdfdfd,0%,#e6e6e6,100%);background-image:-moz-linear-gradient(top,#fdfdfd,0%,#e6e6e6,100%);background-image:-o-linear-gradient(top,#fdfdfd,0%,#e6e6e6,100%);background-image:linear-gradient(to bottom,#fdfdfd 0%,#e6e6e6 100%);-webkit-transition:box-shadow .05s ease-in-out;-moz-transition:box-shadow .05s ease-in-out;-o-transition:box-shadow .05s ease-in-out;transition:box-shadow .05s ease-in-out}
.bb-btn:active{background:#f3f3f3;border-color:#cfcfcf;-webkit-box-shadow:0 0 5px #f3f3f3 inset;-moz-box-shadow:0 0 5px #f3f3f3 inset;box-shadow:0 0 5px #f3f3f3 inset}
@font-face{font-family:'bb-editor-font';src:url(data:application/x-font-ttf;charset=utf-8;base64,AAEAAAALAIAAAwAwT1MvMg8SDwYAAAC8AAAAYGNtYXA29C0zAAABHAAAAPRnYXNwAAAAEAAAAhAAAAAIZ2x5ZjJsQmgAAAIYAAAh4GhlYWQFqWKMAAAj+AAAADZoaGVhCAwELgAAJDAAAAAkaG10eINuAK8AACRUAAAAlGxvY2FzLnwUAAAk6AAAAExtYXhwADQA3wAAJTQAAAAgbmFtZb8AOU4AACVUAAABhHBvc3QAAwAAAAAm2AAAACAAAwQAAZAABQAAApkCzAAAAI8CmQLMAAAB6wAzAQkAAAAAAAAAAAAAAAAAAAABEAAAAAAAAAAAAAAAAAAAAABAAADx3APA/8AAQAPAAEAAAAABAAAAAAAAAAAAAAAgAAAAAAACAAAAAwAAABQAAwABAAAAFAAEAOAAAAA0ACAABAAUAAEAIOYB6RHpE+kw6XfpjenR6mHqaOpy6o3wA/A08DnwPvDB8M3xGPEh8SzxZvHc//3//wAAAAAAIOYA6RHpE+kw6XfpjenR6mHqaOpy6o3wA/Ax8DbwPvDB8MrxGPEh8SvxZvHc//3//wAB/+MaBBb1FvQW2BaSFn0WOhWrFaUVnBWCEA0P4A/fD9sPWQ9RDwcO/w72Dr0OSAADAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAEAAf//AA8AAQAAAAAAAAAAAAIAADc5AQAAAAABAAAAAAAAAAAAAgAANzkBAAAAAAEAAAAAAAAAAAACAAA3OQEAAAAABgAA/8AEAAPAAAMABwALABgAJQAyAAABITUhASE1IQEhNSEBNDYzMhYVFAYjIiY1ITQ2MzIWFRQGIyImNSE0NjMyFhUUBiMiJjUEAPwABAD+gP2AAoABgPwABAD8ACUbGyUlGxslAgAlGxslJRsbJf8AJRsbJSUbGyUDQID+gID+gID+QBslJRsbJSUbGyUlGxslJRsbJSUbGyUlGwAAAAIAGgAIA+gDqwAOACsAABMGFgcGFj4BNzYmJy4BBwEmDgIHDgEHBhYXHgEXHgEXHgE3PgE3PgMnjToVThE7Z3gtJQ8oKGMmA1sPncbAMTErDwYLAxQeERIWCgIHCBQ5MTGkmGQPARY5flcUDBIyKyVhKCcPJQKVD2OVoTEwOBQIBwIKFRERHhMECgYPKjAwvcKbDwABAAD/wAQAA8AAKwAAATMRFA4CIyIuAjU0PgIzMhYXEQURFA4CIyIuAjU0PgIzMhYXESUDwEAjPVIuLlI9IyM9Ui4vUx7+ACM9Ui4uUj0jIz1SLi9THgJAA8D9ICE6LBkZLDohITosGRoWAXBy/hIhOiwZGSw6ISE6LBkaFgJwgAAAAAAJAAAAQAQAA0AABAAJAA4AEwAYAB0AIgAnACoAABMRIREhEyM1MxURIzUzFREjNTMVASERIREzIzUzFREjNTMVESM1MxUhESUABAD8AMCAgICAgIACQP4AAgDAgICAgICA/cABAANA/QADAP1AgIABAICAAQCAgP4AAoD9gICAAQCAgAEAgID+gMAAAAIAAAAABAADQAADAAoAACUTIQMTAxEhFyEVA0DA/MDAgIABIIABoAACAP4AAkD9wANAgIAAAAAAAgAAAEAEAQMAAB8APwAAEzIeAhUUDgIjIi4CNSc0PgIzFSIGBw4BBz4BMyEyHgIVFA4CIyIuAjUnND4CMxUiBgcOAQc+ATPhLlI9IyM9Ui4uUj0jAUZ6o11AdS0JEAcIEgkCQC5SPSMjPVIuLlI9IwFGeqNdQHUtCRAHCBIJAgAjPVIuLlI9IyM9Ui4gXaN6RoAwLggTCgIBIz1SLi5SPSMjPVIuIF2jekaAMC4IEwoCAQAAAgAA/8AEAAPAACIALwAAASIOAhUUFhcBFRQWOwE1MzUzNTM3HgEzMj4CNTQuAiMTIiY1NDYzMhYVFAYjAsBCdVcyAwL+eyUbQICAgFMaNh1CdVcyMld1QmAoODgoKDg4KAPAMld1Qg8dD/57wBslQICAUwkKMld1QkJ1VzL+wDgoKDg4KCg4AAUAAAAABAADsgAdACgAOQBGAGMAAAEmIg8BLgEjIg4CBx4BFwcGFBceATMyNjcBNjQnATIWFwcuATU0NjMFPgE3PgE3DgEVFBYXBy4BJyU0JicBHgEzMj4CNTcHHgEVHgEXDgEHDgEjIiYnBx4BMzI+AjcuAScDsg4oDsonUitUmoRqJB9YNp8ODgcSCQkSBwNgDg797iAxCnocJTgo/s4dSy4CBgMHCBkWPShCGgKSBgb+vhMnFDVdRig+RQECLksdHUsuOIFDHTkcTS1gMlSahGokImM9A7IODsoMDC9Udkc+aSifDigOBwcHBwNgDigO/s4lHHoKMSAoOMAtTRwCBAIVLBcpSx89G0YpRhQnE/6+BgYoRl01mEUBAQEcTS0tTRwkJgcHTRARL1R2R0NxKgAAAgBA/8ADwANAAAcADwAAEyEVIxEjESMBIxEjESM1IUABgICAgAOA/Ij8AoABwID+gAGAAYD9AAMAgAAABwAA/8AEAAPAAAMABwALAA8AEwAbACMAABMzFSM3MxUjJTMVIzczFSMlMxUjAxMhEzMTIRMBAyEDIwMhAwCAgMDAwAEAgIDAwMABAICAEBD9ABAgEAKAEP1AEAMAECAQ/YAQAcBAQEBAQEBAQEACQP5AAcD+gAGA/AABgP6AAUD+wAAADgAA/8AEAAPAAAMABwAPABMAFwAfACMAJwAvADMANwA/AEQASgAAATMVIzczFSMlESM1MzUjNQUzFSM3MxUjJRUzFSMRMxUTMxUjNzMVIyURIzUzNSM1BTMVIzczFSMlFTMVIxEzFQEhESERNzERIREhAYCAgMCAgAFAwIBA/kCAgMCAgP7AQIDAQICAwICAAUDAgED+QICAwICA/sBAgMACgPyAA4BA/AAEAAMAQEBAQP8AQIBAwEBAQMCAQAEAQP7AQEBAQP8AQIBAwEBAQMCAQAEAQAJA/IADgED8AAQAAAAAAQAA/8AEAAPAACQAAAEhIgYVERQWMyERIzUzNTQ2OwEVIyIGHQEzByMRMzI2NRE0JiMDVf1WR2RkRwFVgIBeQqCgDROwIJDVR2RkRwPAZEf9VkdkAcCAYEJegBMNYID+QGRHAqpHZAADAAAAAAQAAyUAIABQAGUAACURBgcGBwYHBgcGKwEiJyYnJicmJyYnERQXFjMhMjc2NRE1MTUmIwYnJgcGJyEiBwYVFBcWFxYXFhcWFxYXFjsBMjc2NzY3Njc2NzY3Njc2NTcRFAcGIyEiJyY1ETQ3NjMhMhcWFQO3EhaZWh0SEx8fGwIbHx8TEh1amRYSBgUHA0oHBQYBAQIBAgMEBPy2BwUGVG53BBARCgkQEA0NCwILDQ0QEAkKERAEd24fGhtJGxsl/LYlGxsbGyUDSiUbG1sBtxQRdkwYDg4ODg4ODg4YTHYRFP5JBwUGBgUHAlkOBwgBBgUBAQIFBQhgQldeAw4OCAcLCgUFBQUKCwcIDg4DXlcYKikiFf2SJRsbGxslAm4mGxsbGyYAAAACAAAAAAO3A24ACQBrAAABAzIXFjMyNyYnATc2NzY3Njc2NzY3GwEzFhcTFhcWFxYXFhcWFxYXFhcWFRQVBhUiJyYjIgcGIzQ/ATI3NjcyNzY3Njc2NzY1NCcmJyYnJQYHBhUUFxYXFhcWFxYzFBUUByInJiMiBwYjBiMBnmETOzshCxUxOP5iAQ0TEw4NDw8KCweIoEkEAnUTKikYCBkZEAwICycoCAQBJEhJJCxPUBYCSwEGBwICBgYDAwMEAQISEhcXAf7/Dx0dCAgREQsLFRYCASFCQyEFCgsCLT4Cd/7/AQEBkXH9iS0EAwMDAwYFCwsSAWABnggE/u0sZ2Y3Ez8/IRoHCQgIBBULAgYFAgUEBAQYFBACAQECAgICAgMEAwUJLi43OAECIk5PDg0ICQUGAgMCAgsWBgoGBgMCCAAAAAADAAAAAAMlA24AHgA9AI0AACUWMzI1NCcmJyYnJicmJyYjIgcUFRQVFAcGFxQXFhcDFjMyNzY3Njc2NTQnJicmJyYjIgcUFxYVFBUUFRQVATc2NzY3Njc2NzY3NjU0PQEQJyYnJicmJyYnJiMnNjc2MzIXMjMyFxYXFhcWFxYVFAcGBwYHBgcGBxYXFhUUBwYHBgcGBwYjIicmIyIHBgcBPSom1xcQFBMTExsbFRUhKhABAQECAwQIGCYvIyMcHA8OEBEdHCEhJh0tAgL+ywEJKCgUBAMEAQIBAgwCCwoPDw0ODg8DAjiKi0sNGhoMKCYmJCMaGxAQCgkNDRgYEhEfWDs7FBQiIS4tMDA1GTIyGjxzcxFSE8BBJhkREQoJBQUBAQYePTweBCIiFhUaGwsBqgQHCBISISEwKB4eEREICAgcOjodDx4fDxoN/gQ2AgcHCAcJCAsKCAgODQYmAjEYBQQDAwMBAQIBMAEFBgEHCBARGBgkIyseGRkQEBEQCQoNFDk4VjktLh0dFBMICAECBgYBAAEAAAAAAkkDbgBOAAA/ATY3Njc2NzY3Njc2PQEmJyYnJic3FhcWFxYzMjc2NzY3BgcGBwYHBgcGBwYHBgcGBwYHBgcGBwYHBhUXFhcGByIHBiMiJyYjJiMiBwYHAAoDKysVEAcBIyMeHg4REhYWCwsSMjIkIyEcHR0oKBADCBEpKRUEBAMCAgIDAQ8jIgoBBwYFBQQEAQpgAgcHDAwHECEhEE8nHTU0EQExAQsLChQmBKGhlpUUDwcDAwIBAjsBAwMBAQEBAwMBFxwGCgsJCg4NCgkREAhUm5wwBRwcFxgYGAkKAhAZHwEBBgUCBgUBAAIAAAAAA/0DbgAiAKQAACUyFxYPAQYjIi8BJjc2OwERIyInJj8BNjMyHwEWBwYrAREzARcWMzI3NjMyMzI7ATIXMjM2NzY3Nj8BMhcyMxYVFAcGByYnJicmJyYjJicmJyYjJiMGIyInIiMiBwYHBhcUFxYVFAcGFxYXFhcWFxYVFA8BBicmIyIHBiMmPQE2NzY3Njc2NTQnJj0BNDU0NTQ1JicmJyYjIgcGBwYHBgcGByYnNQPlEgYFDEgLERAMSAsFBRMuLhMFBQtIDBARC0gMBQYSLi78SR8HchkyMhoUKSkUqAMJCAQDBgYEBAQYAwUGAgECFxAPEAIEBQQDAQMEAwYFAgIICQEKHBwODxYWEwUBAQEBAgIBBhcwMBQDAhMrUlElHDo6HQIKGRofHw0LAgEBAQECBlYTIyILCwkICgkPGAiSCgsPXA8PXA8LCgJJCwsOXQ8PXQ4LC/23AtsPAwEBAQEBAQQEBgEBQIAuEAgCGTAFFhYUFAUDAgEBAQEBAQEDLh82qKhcCSAgFBUTDAwMCRcGCAgBAQYFBQUdAQUPCQoHBwgYwzpzdDpCAgcIBwYICAYGAgcHBwgHIiIeHQEOC9sAAAQAAABJBAADbgAUACkAPgBTAAAlFRQHBiMhIicmPQE0NzYzITIXFhUnFRQHBiMhIicmPQE0NzYzITIXFhU3FRQHBiMhIicmPQE0NzYzITIXFhUnFRQHBiMhIicmPQE0NzYzITIXFhUEAAsLD/xKDwsLCwsPA7YPCwvbCwsP/SUPCwsLCw8C2w8LC5ILCw/8kw8LCwsLDwNtDwsL3AoLD/1uDwsLCwsPApIPCwq3SQ8LCwsLD0kPCwoKCw/bSQ8LCgoLD0kPCwsLCw/cSQ8LCwsLD0kPCgsLCg/bSQ8LCwsLD0kPCwsLCw8AAAAABAAAAEkEAANuABQAKQA+AFMAACUVFAcGIyEiJyY9ATQ3NjMhMhcWFScVFAcGIyEiJyY9ATQ3NjMhMhcWFTcVFAcGIyEiJyY9ATQ3NjMhMhcWFScVFAcGIyEiJyY9ATQ3NjMhMhcWFQQACwsP/EoPCwsLCw8Dtg8LC9sLCw/+AA8LCwsLDwIADwsLkgsLD/zcDwsLCwsPAyQPCwvcCgsP/pIPCwoKCw8Bbg8LCrdJDwsLCwsPSQ8LCgoLD9tJDwsKCgsPSQ8LCwsLD9xJDwsLCwsPSQ8KCwsKD9tJDwsLCwsPSQ8LCwsLDwAAAAAEAAAASQQAA24AFAApAD4AUwAAJRUUBwYjISInJj0BNDc2MyEyFxYVNRUUBwYjISInJj0BNDc2MyEyFxYVNRUUBwYjISInJj0BNDc2MyEyFxYVNRUUBwYjISInJj0BNDc2MyEyFxYVBAALCw/8Sg8LCwsLDwO2DwsLCwsP/SUPCwsLCw8C2w8LCwsLD/yTDwsLCwsPA20PCwsLCw/9bg8LCgoLDwKSDwsLt0kPCwsLCw9JDwsKCgsP20kPCwoKCw9JDwsLCwsP3EkPCwsLCw9JDwoLCwoP20kPCwsLCw9JDwsLCwsPAAAABAAAAEkEAANuABQAKQA+AFMAACUVFAcGIyEiJyY9ATQ3NjMhMhcWFTUVFAcGIyEiJyY9ATQ3NjMhMhcWFTUVFAcGIyEiJyY9ATQ3NjMhMhcWFTUVFAcGIyEiJyY9ATQ3NjMhMhcWFQQACwsP/EoPCwsLCw8Dtg8LCwsLD/xKDwsLCwsPA7YPCwsLCw/8Sg8LCwsLDwO2DwsLCwsP/EoPCwsLCw8Dtg8LC7dJDwsLCwsPSQ8LCgoLD9tJDwsKCgsPSQ8LCwsLD9xJDwsLCwsPSQ8KCwsKD9tJDwsLCwsPSQ8LCwsLDwAAAAQAAAAABEkDbgAQABcALABBAAABFAcGIyInJjU0NzYzMhcWFQURITU3FwElISIHBhURFBcWMyEyNzY1ETQnJiMXERQHBiMhIicmNRE0NzYzITIXFhUBbiAgLi4gICAgLi4gIAJJ/Nu3XAEkASX8bQcFBgYFBwOTBwYFBQYHWxsbJfxtJRsbGxslA5MlGxsCbi4gICAgLi0gICAgLdz/AG63XAElpQYFCP1JBwUGBgUHArcIBQYT/UklGxsbGyUCtyYbGxsbJgAAAwAJAAkDrgOuACsAVwCAAAABNC8BJiMiBxYXFhcWFxYXFhUUBwYjIicmJyYnJicmJwYVFB8BFjMyPwE2NQE0LwEmIyIPAQYVFB8BFjMyNyYnJicmJyYnJjU0NzYzMhcWFxYXFhcWFzY1ARQPAQYjIi8BJjU0NycGIyIvASY1ND8BNjMyHwEWFRQHFzYzMh8BFhUDQBB3EBcYEQIJCQMDBgUCAhAQFwgHBwgHBAMJCQISEHUQFxcQVBD+bhB1EBcXEFQQEHcPGBgRAgkJAwQFBQICEBAWCQcHCAcEAwkJARMCADFUL0VFL3YwMzMxRUUwdzAxVC9FRS92LzIyMkVFMHcwAQAXEHcQEwEJCQMEBwgHBwkWEBACAgUFBAMJCQISGBcQdhAPVBAWAZMXEHYQD1QQFhcQdw8RAgkJAwQHCAcHCBcQEAICBQYDAwkJAhIY/m1FL1MwMXYvRUYxMzMwdzBFRDBTMDF2MERGMjIyMHYwRQAABgAAACUEAANJABAAIQA2AEcAXABxAAA3FAcGIyInJjU0NzYzMhcWFREUBwYjIicmNTQ3NjMyFxYVBRUUBwYjISInJj0BNDc2MyEyFxYVARQHBiMiJyY1NDc2MzIXFhUFFRQHBiMhIicmPQE0NzYzITIXFhURFRQHBiMhIicmPQE0NzYzITIXFhXbICAtLiAgICAuLSAgICAtLiAgICAuLSAgAyUFBgf9SQgFBQUFCAK3BwYF/NsgIC0uICAgIC4tICADJQUGB/1JCAUFBQUIArcHBgUFBgf9SQgFBQUFCAK3BwYFki0gICAgLS4gICAgLgElLiAgICAuLiAgICAu7m4HBQYGBQduCAUFBQUIAhItICAgIC0uICAgIC7tbgcGBQUGB24HBgUFBgcBJG0IBQYGBQhtCAUGBgUIAAYACf+3BAADsgAlAE4AYwB1AIoAnwAANxQHBiMiJzcWMzI3NjU0Byc2NzY3Njc1IgciIxUjNTMVBxYXFhUTFSMmNTQ3Njc2NzY3NjU0JyYjIgcnNjc2MzIXFhUUBwYHBgcGBzM1MwUVFAcGIyEiJyY9ATQ3NjMhMhcWFQEVIzUzNDU2PQEjBgcnNzMVMwUVFAcGIyEiJyY9ATQ3NjMhMhcWFREVFAcGIyEiJyY9ATQ3NjMhMhcWFdofIC48JiAcIREMDDwPBQ4OCgoLCRITCT2/Nx0SEQHPAw0NExMTEw0OCQgOGhQxDhsbISocHRMUFxgTFAFJPAMlBQYH/UkIBQUFBQgCtwcGBfzbvz0BAQUYKU49PQMlBQYH/UkIBQUFBQgCtwcGBQUGB/1JCAUFBQUIArcHBgUZLhoaJjIaCAkQJAQgBRQTCwwKAQEeVjJCBhYVHQFmWhQKHhgYDg8NDAwNDQ4ICCEhHhAQGBcpHBgYDQ0QEA4itm4HBQYGBQduCAUFBQUIAgI5ORcvLhcHChUrSefdbgcGBQUGB24IBQUFBgcBJG0IBQYGBQhtCAUGBgUIAAADAAAAAAQAA24AFAA7AG4AAAEyFxYdARQHBiMhIicmPQE0NzYzISUmJyY1NDc2MzIXFhcWFxYVFA8BLwEmJyYjIgcGFRQXFhcWFxYXIQUzFhUUBwYHBgcGBwYjIi8BJicmPQE0JyY/ATU3FhcWFxYXFhcWFxYzMjc2NzY1NCcmJwPuCAUFBQUI/CQIBQUFBQgD3P0mEA0cTUyVHEMmPwYGCAMHMAgcHjNFQiYnJiZ5KDshFv5XASLrBBgNGxYpLSouRkEvUCAJBAEBAQE6CQgJBAQDFBoYJCIpJSssGRsuEzsBtwUFCCUIBQUFBQglCAUFJBQaODRnSUkLBxUVLkYjCg8CAwJVIDQiITIqJicjDBoQDpIWHkA6HxwUGhwKDA0XCQcFCAc+GxEWFRkBExUVCwsFIBUVDAwPDyIjJzAqEBgAAAACAAAAAANuA24AaAB9AAATJi8BNjMyFxYzMjc2NzI3FRcVBiMiBwYVFBcUFR8BFhcWFxYzMjc2NzY3Njc2NTQnJicmLwEmJyYPASc3MxcWNxcWFRQHBgcGBwYVFBcUFRYXFgcGBwYHBgcGIyInJicmJyY9ATQnJicBNTQnJiMhIgcGHQEUFxYzITI3NjUbFQQCBxAiHksUMS9CESARASIlIgsIAQEIAxoUIzIzOzIgGBwKFAoMAgIEBQMCAwsUGDkIATB1K0UKBAMZFykECAEFCAMMCA8WKis9PlRfQ0QiIw0JCg5GA1MFBgj8twgFBQUFCANJCAYFAzcCATIBAwQCAgEBCCUFBQ4IRAcLCwSDoEYtIhMaEAoTFBAgISpZLRwcKioyIScMFAEBAjEGAggBFggEDQcBBgMJDwQLDAYL13A+KxslISESExsaKyxELVq+bA4VAfzbJQgFBQUFCCUIBQUFBQgAAAAFAAAAAANuA24AIAAxAEIAYwB8AAABBgcGIyInJicmNzY3NhcWFxYXFjMyNzY3Njc2FxYXFgclFAcGIyInJjU0NzYzMhcWFSEUBwYjIicmNTQ3NjMyFxYVFzQnJicmJyYjIgcGBwYHBhUUFxYXFhcWMzI3Njc2NzY1MxQHBgcGIyInJicmNTQ3Njc2MzIXFhcWFQKIFTo6SEk5OhUFBwcPDg0OBA8mJzAwJicOBQ4NDw4HBwX+5hYVHh8VFhYVHx4VFgEkFRYeHhYVFRYeHhYVkx4dMTBEREpKREQxMR0dHR0xMURESkpERDAxHR5JOztlZXd4ZGU7Ozs7ZWR4d2VlOzsBUUYqKioqRg4NDgQFBwcPLR0cHB0tDwcHBQQODQ74HhYVFRYeHhYVFRYeHhYVFRYeHhYVFRYekkpERDAxHR4eHTEwRERKSkREMTEdHR0dMTFEREp4ZGU7Ozs7ZWR4d2VlOzs7O2VldwAAAwAaAAsELwMaABoALwBKAAAlBwYjIicBJjU0NwE2MzIfARYVFA8BFxYVFAcBAwYHBi8BJicmNxM2NzYfARYXFgcJAQYjIi8BJjU0PwEnJjU0PwE2MzIXARYVFAcBYR0GBwgF/vUFBQELBQgHBh0FBeHhBQUBUdUCBwYHJAcEAwLVAgcGByQHBAQDAXj+9QUIBwYcBgbg4AYGHAYHCAUBCwUFlxwGBgEKBgcIBQELBQUdBgcHBuHgBgcIBgJi/R4HBAMCCgIGBwcC4ggDBAIKAgcGCP6M/vYGBhwGCAcG4OEGBwcGHQUF/vUFCAcGAAAAAgADAEkDbQNiACMAVQAAJRUjLwEmJyMHBg8BIzUzNycjNTMXFhcWFzM2PwIzFSMHFzMBFSEnJjU0NzY3Njc2NzY3NjU0JyYjIgcGByc2NzYzMhcWFRQHBgcGBwYHBgcGBzM1MwIBjlsOBAICBQYIWZNJcWpOnVABDAQCAgIEDlCTR2l0PwFs/toCAg8PFhYaGhYWDw8RERcdGwgMPA8VLzw/JycODhYVGRkWFhAPAoVIqWCQGAUHDAsOj2Cmm2CCAhYFBwUHGIJgmKkBhHYPEAskHh8TExISDQ0SEhMVDg4WBhA1FRElIiI5IBsbEBEREA0MERETLgACAAP/twNuAkoAIwBTAAAlFSMvASYnIwcGDwEjNTM3JyM1MxcWFxYXMzY/AjMVIwcXMwUVIScmNTQ3Njc2NzY3Njc2NTQnJiMiBwYHJzY3NjMyFxYVFAcGBwYHBgcGBzM1MwIBjlsOBAICBQYIWZNJcWpOnVABDAQCAgIEDlCTR2l0PwFt/toCAg8PFhYaGhYWDw8RERcdGwgMPA8VLj0/JycUFBwcHRwVFgKFSKlgkBgFBwwLDo9gpptgggIWBQcFBxiCYJipfHYPGgEkHh8TExISDQ0SEhMVDg4WBhA1FRElIiI5Jh4eExMQERMUFi4AAAAADAAAAAADbgNuAAoAEgAbADAAQwBlAHAAkQCfALIAxwDcAAAlNTQjIgcVFjMyNTczNTQjIh0BJRUjFSM1IzUzFxUjNQYjIicmPQEzFRQXFjMyNzUzFxUUBwYjIicVIxEzFTYzMhcWFRcVFAcGBwYjIicmPQE0NzYzMhcWHQEjFRQzMjc0NTQ9ATMBFRQjIj0BNDMyFQE0JyYnJicmIyIHBgcGBwYVFBcWFxYXFjMyNzY3Njc2NQE3IwcnIxcxFxYXFTM1FzU0JyYjIgcGHQEUFxYzMjc2NRczNSMVBiMiJzQ9ASMVFBcWMzI3FSURFAcGIyEiJyY1ETQ3NjMhMhcWFQINEAoJCQoQaSYTE/66LiothXMmFxUTBQMlAQEICw0mkAQHFxQTJycSFRcHBI8BAgYQHh4QDAsRHR0PDEwUDQQn/v8TEhITATALBRMTGU2enU4ZExIGCwsGEhMYT52dThkSEwYL/lEzKx0eLQ4NFAYrpQwRHB0PDAwPHRwRDGcnJwwMCAEnBAYSFRcBIDEwRP3cRDEwMDFEAiREMDHOWh0KgAkcRhMeHhOYKPLyKEjSFxoQChWmmg4BCRKgP1QeDBgYFQEaXBcYDB5KBREIDAsXFhAhSiIPFhYQISsmHQ8BAwQGDAHXWR4eWR0d/mhlMBkREQMICAMRERkyY2QwGRERAwkJAxERGTBkAXSpb28nJzsgc3MuSiERFhYRIUohERUVECJF1KISCgENnKgVCg8ZF6793EQxMDAxRAIkRDAxMTBEAAEAIwAAA90DbgCzAAAlIicmIyIHBiMiJyY1NDc2NzY3Njc2PQE0JyYjISIHBh0BFBcWFxYzFhcWFRQHBiMiJyYjIgcGIyInJjU0NzY3Njc2NzY9ARE0NTQ1NCc0JyYnJicmJyYnJiMiJyY1NDc2MzIXFjMyNzYzMhcWFRQHBiMGBwYHBh0BFBcWMyEyNzY9ATQnJicmJyY1NDc2MzIXFjMyNzYzMhcWFRQHBgciBwYHBhURFBcWFxYXMhcWFRQHBiMDwRkzMhoZMjMZDQgHCQoNDBEQChIBBxX+fhYHARUJEhMODgwLBwcOGzU1GhgxMRgNBwcJCQsMEA8JEgECAQIDBAQFCBIRDQ0KCwcHDho1NRoYMDEYDgcHCQoMDRAQCBQBBw8BkA4HARQKFxcPDgcHDhkzMhkZMTEZDgcHCgoNDRARCBQUCRERDg0KCwcHDgACAgICDAsPEQkJAQEDAwUMROAMBQMDBQzUUQ0GAQIBCAgSDwwNAgICAgwMDhEICQECAwMFDUUhAdACDQ0ICA4OCgoLCwcHAwYBAQgIEg8MDQICAgINDA8RCAgBAgEGDFC2DAcBAQcMtlAMBgEBBgcWDwwNAgICAg0MDxEICAEBAgYNT/3mRAwGAgIBCQgRDwwNAAABAAAAAQAAxj3R918PPPUACwQAAAAAANEgjwwAAAAA0SCPDAAA/7cESQPAAAAACAACAAAAAAAAAAEAAAPA/8AAAARJAAD//wRJAAEAAAAAAAAAAAAAAAAAAAAlAAAAAAAAAAAAAAAAAgAAAAQAAAAEAAAaBAAAAAQAAAAEAAAABAAAAAQAAAAEAAAABAAAQAQAAAAEAAAABAAAAAQAAAADtwAAAyUAAAJJAAAEAAAABAAAAAQAAAAEAAAABAAAAARJAAADtwAJBAAAAAQAAAkEAAAABAAAAAQAAAAESQAaBAAAAwQAAAMEAAAABAAAIwAAAAAACgAUAB4AbgC4APoBQAFcAbYB+gKUArIC9ANmA5oEMATSBZwGFAb4B24H5AhYCMwJMAnqCogLYgwEDLgNbg3mDmIO3A/+EPAAAQAAACUA3QAOAAAAAAACAAAAAAAAAAAAAAAAAAAAAAAAAA4ArgABAAAAAAABABwAAAABAAAAAAACAA4AeAABAAAAAAADABwAMgABAAAAAAAEABwAhgABAAAAAAAFABYAHAABAAAAAAAGAA4ATgABAAAAAAAKADQAogADAAEECQABABwAAAADAAEECQACAA4AeAADAAEECQADABwAMgADAAEECQAEABwAhgADAAEECQAFABYAHAADAAEECQAGABwAXAADAAEECQAKADQAogBiAGIALQBlAGQAaQB0AG8AcgAtAGYAbwBuAHQAVgBlAHIAcwBpAG8AbgAgADEALgAwAGIAYgAtAGUAZABpAHQAbwByAC0AZgBvAG4AdGJiLWVkaXRvci1mb250AGIAYgAtAGUAZABpAHQAbwByAC0AZgBvAG4AdABSAGUAZwB1AGwAYQByAGIAYgAtAGUAZABpAHQAbwByAC0AZgBvAG4AdABGAG8AbgB0ACAAZwBlAG4AZQByAGEAdABlAGQAIABiAHkAIABJAGMAbwBNAG8AbwBuAC4AAwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA==) format("truetype"),url(data:application/font-woff;charset=utf-8;base64,d09GRgABAAAAACdEAAsAAAAAJvgAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABPUy8yAAABCAAAAGAAAABgDxIPBmNtYXAAAAFoAAAA9AAAAPQ29C0zZ2FzcAAAAlwAAAAIAAAACAAAABBnbHlmAAACZAAAIeAAACHgMmxCaGhlYWQAACREAAAANgAAADYFqWKMaGhlYQAAJHwAAAAkAAAAJAgMBC5obXR4AAAkoAAAAJQAAACUg24Ar2xvY2EAACU0AAAATAAAAExzLnwUbWF4cAAAJYAAAAAgAAAAIAA0AN9uYW1lAAAloAAAAYQAAAGEvwA5TnBvc3QAACckAAAAIAAAACAAAwAAAAMEAAGQAAUAAAKZAswAAACPApkCzAAAAesAMwEJAAAAAAAAAAAAAAAAAAAAARAAAAAAAAAAAAAAAAAAAAAAQAAA8dwDwP/AAEADwABAAAAAAQAAAAAAAAAAAAAAIAAAAAAAAgAAAAMAAAAUAAMAAQAAABQABADgAAAANAAgAAQAFAABACDmAekR6RPpMOl36Y3p0eph6mjqcuqN8APwNPA58D7wwfDN8RjxIfEs8Wbx3P/9//8AAAAAACDmAOkR6RPpMOl36Y3p0eph6mjqcuqN8APwMfA28D7wwfDK8RjxIfEr8Wbx3P/9//8AAf/jGgQW9Rb0FtgWkhZ9FjoVqxWlFZwVghAND+AP3w/bD1kPUQ8HDv8O9g69DkgAAwABAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABAAH//wAPAAEAAAAAAAAAAAACAAA3OQEAAAAAAQAAAAAAAAAAAAIAADc5AQAAAAABAAAAAAAAAAAAAgAANzkBAAAAAAYAAP/ABAADwAADAAcACwAYACUAMgAAASE1IQEhNSEBITUhATQ2MzIWFRQGIyImNSE0NjMyFhUUBiMiJjUhNDYzMhYVFAYjIiY1BAD8AAQA/oD9gAKAAYD8AAQA/AAlGxslJRsbJQIAJRsbJSUbGyX/ACUbGyUlGxslA0CA/oCA/oCA/kAbJSUbGyUlGxslJRsbJSUbGyUlGxslJRsAAAACABoACAPoA6sADgArAAATBhYHBhY+ATc2JicuAQcBJg4CBw4BBwYWFx4BFx4BFx4BNz4BNz4DJ406FU4RO2d4LSUPKChjJgNbD53GwDExKw8GCwMUHhESFgoCBwgUOTExpJhkDwEWOX5XFAwSMislYSgnDyUClQ9jlaExMDgUCAcCChURER4TBAoGDyowML3Cmw8AAQAA/8AEAAPAACsAAAEzERQOAiMiLgI1ND4CMzIWFxEFERQOAiMiLgI1ND4CMzIWFxElA8BAIz1SLi5SPSMjPVIuL1Me/gAjPVIuLlI9IyM9Ui4vUx4CQAPA/SAhOiwZGSw6ISE6LBkaFgFwcv4SITosGRksOiEhOiwZGhYCcIAAAAAACQAAAEAEAANAAAQACQAOABMAGAAdACIAJwAqAAATESERIRMjNTMVESM1MxURIzUzFQEhESERMyM1MxURIzUzFREjNTMVIRElAAQA/ADAgICAgICAAkD+AAIAwICAgICAgP3AAQADQP0AAwD9QICAAQCAgAEAgID+AAKA/YCAgAEAgIABAICA/oDAAAACAAAAAAQAA0AAAwAKAAAlEyEDEwMRIRchFQNAwPzAwICAASCAAaAAAgD+AAJA/cADQICAAAAAAAIAAABABAEDAAAfAD8AABMyHgIVFA4CIyIuAjUnND4CMxUiBgcOAQc+ATMhMh4CFRQOAiMiLgI1JzQ+AjMVIgYHDgEHPgEz4S5SPSMjPVIuLlI9IwFGeqNdQHUtCRAHCBIJAkAuUj0jIz1SLi5SPSMBRnqjXUB1LQkQBwgSCQIAIz1SLi5SPSMjPVIuIF2jekaAMC4IEwoCASM9Ui4uUj0jIz1SLiBdo3pGgDAuCBMKAgEAAAIAAP/ABAADwAAiAC8AAAEiDgIVFBYXARUUFjsBNTM1MzUzNx4BMzI+AjU0LgIjEyImNTQ2MzIWFRQGIwLAQnVXMgMC/nslG0CAgIBTGjYdQnVXMjJXdUJgKDg4KCg4OCgDwDJXdUIPHQ/+e8AbJUCAgFMJCjJXdUJCdVcy/sA4KCg4OCgoOAAFAAAAAAQAA7IAHQAoADkARgBjAAABJiIPAS4BIyIOAgceARcHBhQXHgEzMjY3ATY0JwEyFhcHLgE1NDYzBT4BNz4BNw4BFRQWFwcuASclNCYnAR4BMzI+AjU3Bx4BFR4BFw4BBw4BIyImJwceATMyPgI3LgEnA7IOKA7KJ1IrVJqEaiQfWDafDg4HEgkJEgcDYA4O/e4gMQp6HCU4KP7OHUsuAgYDBwgZFj0oQhoCkgYG/r4TJxQ1XUYoPkUBAi5LHR1LLjiBQx05HE0tYDJUmoRqJCJjPQOyDg7KDAwvVHZHPmkonw4oDgcHBwcDYA4oDv7OJRx6CjEgKDjALU0cAgQCFSwXKUsfPRtGKUYUJxP+vgYGKEZdNZhFAQEBHE0tLU0cJCYHB00QES9UdkdDcSoAAAIAQP/AA8ADQAAHAA8AABMhFSMRIxEjASMRIxEjNSFAAYCAgIADgPyI/AKAAcCA/oABgAGA/QADAIAAAAcAAP/ABAADwAADAAcACwAPABMAGwAjAAATMxUjNzMVIyUzFSM3MxUjJTMVIwMTIRMzEyETAQMhAyMDIQMAgIDAwMABAICAwMDAAQCAgBAQ/QAQIBACgBD9QBADABAgEP2AEAHAQEBAQEBAQEBAAkD+QAHA/oABgPwAAYD+gAFA/sAAAA4AAP/ABAADwAADAAcADwATABcAHwAjACcALwAzADcAPwBEAEoAAAEzFSM3MxUjJREjNTM1IzUFMxUjNzMVIyUVMxUjETMVEzMVIzczFSMlESM1MzUjNQUzFSM3MxUjJRUzFSMRMxUBIREhETcxESERIQGAgIDAgIABQMCAQP5AgIDAgID+wECAwECAgMCAgAFAwIBA/kCAgMCAgP7AQIDAAoD8gAOAQPwABAADAEBAQED/AECAQMBAQEDAgEABAED+wEBAQED/AECAQMBAQEDAgEABAEACQPyAA4BA/AAEAAAAAAEAAP/ABAADwAAkAAABISIGFREUFjMhESM1MzU0NjsBFSMiBh0BMwcjETMyNjURNCYjA1X9VkdkZEcBVYCAXkKgoA0TsCCQ1UdkZEcDwGRH/VZHZAHAgGBCXoATDWCA/kBkRwKqR2QAAwAAAAAEAAMlACAAUABlAAAlEQYHBgcGBwYHBisBIicmJyYnJicmJxEUFxYzITI3NjURNTE1JiMGJyYHBichIgcGFRQXFhcWFxYXFhcWFxY7ATI3Njc2NzY3Njc2NzY3NjU3ERQHBiMhIicmNRE0NzYzITIXFhUDtxIWmVodEhMfHxsCGx8fExIdWpkWEgYFBwNKBwUGAQECAQIDBAT8tgcFBlRudwQQEQoJEBANDQsCCw0NEBAJChEQBHduHxobSRsbJfy2JRsbGxslA0olGxtbAbcUEXZMGA4ODg4ODg4OGEx2ERT+SQcFBgYFBwJZDgcIAQYFAQECBQUIYEJXXgMODggHCwoFBQUFCgsHCA4OA15XGCopIhX9kiUbGxsbJQJuJhsbGxsmAAAAAgAAAAADtwNuAAkAawAAAQMyFxYzMjcmJwE3Njc2NzY3Njc2NxsBMxYXExYXFhcWFxYXFhcWFxYXFhUUFQYVIicmIyIHBiM0PwEyNzY3Mjc2NzY3Njc2NTQnJicmJyUGBwYVFBcWFxYXFhcWMxQVFAciJyYjIgcGIwYjAZ5hEzs7IQsVMTj+YgENExMODQ8PCgsHiKBJBAJ1EyopGAgZGRAMCAsnKAgEASRISSQsT1AWAksBBgcCAgYGAwMDBAECEhIXFwH+/w8dHQgIERELCxUWAgEhQkMhBQoLAi0+Anf+/wEBAZFx/YktBAMDAwMGBQsLEgFgAZ4IBP7tLGdmNxM/PyEaBwkICAQVCwIGBQIFBAQEGBQQAgEBAgICAgIDBAMFCS4uNzgBAiJOTw4NCAkFBgIDAgILFgYKBgYDAggAAAAAAwAAAAADJQNuAB4APQCNAAAlFjMyNTQnJicmJyYnJicmIyIHFBUUFRQHBhcUFxYXAxYzMjc2NzY3NjU0JyYnJicmIyIHFBcWFRQVFBUUFQE3Njc2NzY3Njc2NzY1ND0BECcmJyYnJicmJyYjJzY3NjMyFzIzMhcWFxYXFhcWFRQHBgcGBwYHBgcWFxYVFAcGBwYHBgcGIyInJiMiBwYHAT0qJtcXEBQTExMbGxUVISoQAQEBAgMECBgmLyMjHBwPDhARHRwhISYdLQIC/ssBCSgoFAQDBAECAQIMAgsKDw8NDg4PAwI4iotLDRoaDCgmJiQjGhsQEAoJDQ0YGBIRH1g7OxQUIiEuLTAwNRkyMho8c3MRUhPAQSYZEREKCQUFAQEGHj08HgQiIhYVGhsLAaoEBwgSEiEhMCgeHhERCAgIHDo6HQ8eHw8aDf4ENgIHBwgHCQgLCggIDg0GJgIxGAUEAwMDAQECATABBQYBBwgQERgYJCMrHhkZEBAREAkKDRQ5OFY5LS4dHRQTCAgBAgYGAQABAAAAAAJJA24ATgAAPwE2NzY3Njc2NzY3Nj0BJicmJyYnNxYXFhcWMzI3Njc2NwYHBgcGBwYHBgcGBwYHBgcGBwYHBgcGBwYVFxYXBgciBwYjIicmIyYjIgcGBwAKAysrFRAHASMjHh4OERIWFgsLEjIyJCMhHB0dKCgQAwgRKSkVBAQDAgICAwEPIyIKAQcGBQUEBAEKYAIHBwwMBxAhIRBPJx01NBEBMQELCwoUJgShoZaVFA8HAwMCAQI7AQMDAQEBAQMDARccBgoLCQoODQoJERAIVJucMAUcHBcYGBgJCgIQGR8BAQYFAgYFAQACAAAAAAP9A24AIgCkAAAlMhcWDwEGIyIvASY3NjsBESMiJyY/ATYzMh8BFgcGKwERMwEXFjMyNzYzMjMyOwEyFzIzNjc2NzY/ATIXMjMWFRQHBgcmJyYnJicmIyYnJicmIyYjBiMiJyIjIgcGBwYXFBcWFRQHBhcWFxYXFhcWFRQPAQYnJiMiBwYjJj0BNjc2NzY3NjU0JyY9ATQ1NDU0NSYnJicmIyIHBgcGBwYHBgcmJzUD5RIGBQxICxEQDEgLBQUTLi4TBQULSAwQEQtIDAUGEi4u/EkfB3IZMjIaFCkpFKgDCQgEAwYGBAQEGAMFBgIBAhcQDxACBAUEAwEDBAMGBQICCAkBChwcDg8WFhMFAQEBAQICAQYXMDAUAwITK1JRJRw6Oh0CChkaHx8NCwIBAQEBAgZWEyMiCwsJCAoJDxgIkgoLD1wPD1wPCwoCSQsLDl0PD10OCwv9twLbDwMBAQEBAQEEBAYBAUCALhAIAhkwBRYWFBQFAwIBAQEBAQEBAy4fNqioXAkgIBQVEwwMDAkXBggIAQEGBQUFHQEFDwkKBwcIGMM6c3Q6QgIHCAcGCAgGBgIHBwcIByIiHh0BDgvbAAAEAAAASQQAA24AFAApAD4AUwAAJRUUBwYjISInJj0BNDc2MyEyFxYVJxUUBwYjISInJj0BNDc2MyEyFxYVNxUUBwYjISInJj0BNDc2MyEyFxYVJxUUBwYjISInJj0BNDc2MyEyFxYVBAALCw/8Sg8LCwsLDwO2DwsL2wsLD/0lDwsLCwsPAtsPCwuSCwsP/JMPCwsLCw8DbQ8LC9wKCw/9bg8LCwsLDwKSDwsKt0kPCwsLCw9JDwsKCgsP20kPCwoKCw9JDwsLCwsP3EkPCwsLCw9JDwoLCwoP20kPCwsLCw9JDwsLCwsPAAAAAAQAAABJBAADbgAUACkAPgBTAAAlFRQHBiMhIicmPQE0NzYzITIXFhUnFRQHBiMhIicmPQE0NzYzITIXFhU3FRQHBiMhIicmPQE0NzYzITIXFhUnFRQHBiMhIicmPQE0NzYzITIXFhUEAAsLD/xKDwsLCwsPA7YPCwvbCwsP/gAPCwsLCw8CAA8LC5ILCw/83A8LCwsLDwMkDwsL3AoLD/6SDwsKCgsPAW4PCwq3SQ8LCwsLD0kPCwoKCw/bSQ8LCgoLD0kPCwsLCw/cSQ8LCwsLD0kPCgsLCg/bSQ8LCwsLD0kPCwsLCw8AAAAABAAAAEkEAANuABQAKQA+AFMAACUVFAcGIyEiJyY9ATQ3NjMhMhcWFTUVFAcGIyEiJyY9ATQ3NjMhMhcWFTUVFAcGIyEiJyY9ATQ3NjMhMhcWFTUVFAcGIyEiJyY9ATQ3NjMhMhcWFQQACwsP/EoPCwsLCw8Dtg8LCwsLD/0lDwsLCwsPAtsPCwsLCw/8kw8LCwsLDwNtDwsLCwsP/W4PCwoKCw8Ckg8LC7dJDwsLCwsPSQ8LCgoLD9tJDwsKCgsPSQ8LCwsLD9xJDwsLCwsPSQ8KCwsKD9tJDwsLCwsPSQ8LCwsLDwAAAAQAAABJBAADbgAUACkAPgBTAAAlFRQHBiMhIicmPQE0NzYzITIXFhU1FRQHBiMhIicmPQE0NzYzITIXFhU1FRQHBiMhIicmPQE0NzYzITIXFhU1FRQHBiMhIicmPQE0NzYzITIXFhUEAAsLD/xKDwsLCwsPA7YPCwsLCw/8Sg8LCwsLDwO2DwsLCwsP/EoPCwsLCw8Dtg8LCwsLD/xKDwsLCwsPA7YPCwu3SQ8LCwsLD0kPCwoKCw/bSQ8LCgoLD0kPCwsLCw/cSQ8LCwsLD0kPCgsLCg/bSQ8LCwsLD0kPCwsLCw8AAAAEAAAAAARJA24AEAAXACwAQQAAARQHBiMiJyY1NDc2MzIXFhUFESE1NxcBJSEiBwYVERQXFjMhMjc2NRE0JyYjFxEUBwYjISInJjURNDc2MyEyFxYVAW4gIC4uICAgIC4uICACSfzbt1wBJAEl/G0HBQYGBQcDkwcGBQUGB1sbGyX8bSUbGxsbJQOTJRsbAm4uICAgIC4tICAgIC3c/wBut1wBJaUGBQj9SQcFBgYFBwK3CAUGE/1JJRsbGxslArcmGxsbGyYAAAMACQAJA64DrgArAFcAgAAAATQvASYjIgcWFxYXFhcWFxYVFAcGIyInJicmJyYnJicGFRQfARYzMj8BNjUBNC8BJiMiDwEGFRQfARYzMjcmJyYnJicmJyY1NDc2MzIXFhcWFxYXFhc2NQEUDwEGIyIvASY1NDcnBiMiLwEmNTQ/ATYzMh8BFhUUBxc2MzIfARYVA0AQdxAXGBECCQkDAwYFAgIQEBcIBwcIBwQDCQkCEhB1EBcXEFQQ/m4QdRAXFxBUEBB3DxgYEQIJCQMEBQUCAhAQFgkHBwgHBAMJCQETAgAxVC9FRS92MDMzMUVFMHcwMVQvRUUvdi8yMjJFRTB3MAEAFxB3EBMBCQkDBAcIBwcJFhAQAgIFBQQDCQkCEhgXEHYQD1QQFgGTFxB2EA9UEBYXEHcPEQIJCQMEBwgHBwgXEBACAgUGAwMJCQISGP5tRS9TMDF2L0VGMTMzMHcwRUQwUzAxdjBERjIyMjB2MEUAAAYAAAAlBAADSQAQACEANgBHAFwAcQAANxQHBiMiJyY1NDc2MzIXFhURFAcGIyInJjU0NzYzMhcWFQUVFAcGIyEiJyY9ATQ3NjMhMhcWFQEUBwYjIicmNTQ3NjMyFxYVBRUUBwYjISInJj0BNDc2MyEyFxYVERUUBwYjISInJj0BNDc2MyEyFxYV2yAgLS4gICAgLi0gICAgLS4gICAgLi0gIAMlBQYH/UkIBQUFBQgCtwcGBfzbICAtLiAgICAuLSAgAyUFBgf9SQgFBQUFCAK3BwYFBQYH/UkIBQUFBQgCtwcGBZItICAgIC0uICAgIC4BJS4gICAgLi4gICAgLu5uBwUGBgUHbggFBQUFCAISLSAgICAtLiAgICAu7W4HBgUFBgduBwYFBQYHASRtCAUGBgUIbQgFBgYFCAAGAAn/twQAA7IAJQBOAGMAdQCKAJ8AADcUBwYjIic3FjMyNzY1NAcnNjc2NzY3NSIHIiMVIzUzFQcWFxYVExUjJjU0NzY3Njc2NzY1NCcmIyIHJzY3NjMyFxYVFAcGBwYHBgczNTMFFRQHBiMhIicmPQE0NzYzITIXFhUBFSM1MzQ1Nj0BIwYHJzczFTMFFRQHBiMhIicmPQE0NzYzITIXFhURFRQHBiMhIicmPQE0NzYzITIXFhXaHyAuPCYgHCERDAw8DwUODgoKCwkSEwk9vzcdEhEBzwMNDRMTExMNDgkIDhoUMQ4bGyEqHB0TFBcYExQBSTwDJQUGB/1JCAUFBQUIArcHBgX82789AQEFGClOPT0DJQUGB/1JCAUFBQUIArcHBgUFBgf9SQgFBQUFCAK3BwYFGS4aGiYyGggJECQEIAUUEwsMCgEBHlYyQgYWFR0BZloUCh4YGA4PDQwMDQ0OCAghIR4QEBgXKRwYGA0NEBAOIrZuBwUGBgUHbggFBQUFCAICOTkXLy4XBwoVK0nn3W4HBgUFBgduCAUFBQYHASRtCAUGBgUIbQgFBgYFCAAAAwAAAAAEAANuABQAOwBuAAABMhcWHQEUBwYjISInJj0BNDc2MyElJicmNTQ3NjMyFxYXFhcWFRQPAS8BJicmIyIHBhUUFxYXFhcWFyEFMxYVFAcGBwYHBgcGIyIvASYnJj0BNCcmPwE1NxYXFhcWFxYXFhcWMzI3Njc2NTQnJicD7ggFBQUFCPwkCAUFBQUIA9z9JhANHE1MlRxDJj8GBggDBzAIHB4zRUImJyYmeSg7IRb+VwEi6wQYDRsWKS0qLkZBL1AgCQQBAQEBOgkICQQEAxQaGCQiKSUrLBkbLhM7AbcFBQglCAUFBQUIJQgFBSQUGjg0Z0lJCwcVFS5GIwoPAgMCVSA0IiEyKiYnIwwaEA6SFh5AOh8cFBocCgwNFwkHBQgHPhsRFhUZARMVFQsLBSAVFQwMDw8iIycwKhAYAAAAAgAAAAADbgNuAGgAfQAAEyYvATYzMhcWMzI3NjcyNxUXFQYjIgcGFRQXFBUfARYXFhcWMzI3Njc2NzY3NjU0JyYnJi8BJicmDwEnNzMXFjcXFhUUBwYHBgcGFRQXFBUWFxYHBgcGBwYHBiMiJyYnJicmPQE0JyYnATU0JyYjISIHBh0BFBcWMyEyNzY1GxUEAgcQIh5LFDEvQhEgEQEiJSILCAEBCAMaFCMyMzsyIBgcChQKDAICBAUDAgMLFBg5CAEwdStFCgQDGRcpBAgBBQgDDAgPFiorPT5UX0NEIiMNCQoORgNTBQYI/LcIBQUFBQgDSQgGBQM3AgEyAQMEAgIBAQglBQUOCEQHCwsEg6BGLSITGhAKExQQICEqWS0cHCoqMiEnDBQBAQIxBgIIARYIBA0HAQYDCQ8ECwwGC9dwPisbJSEhEhMbGissRC1avmwOFQH82yUIBQUFBQglCAUFBQUIAAAABQAAAAADbgNuACAAMQBCAGMAfAAAAQYHBiMiJyYnJjc2NzYXFhcWFxYzMjc2NzY3NhcWFxYHJRQHBiMiJyY1NDc2MzIXFhUhFAcGIyInJjU0NzYzMhcWFRc0JyYnJicmIyIHBgcGBwYVFBcWFxYXFjMyNzY3Njc2NTMUBwYHBiMiJyYnJjU0NzY3NjMyFxYXFhUCiBU6OkhJOToVBQcHDw4NDgQPJicwMCYnDgUODQ8OBwcF/uYWFR4fFRYWFR8eFRYBJBUWHh4WFRUWHh4WFZMeHTEwRERKSkREMTEdHR0dMTFEREpKREQwMR0eSTs7ZWV3eGRlOzs7O2VkeHdlZTs7AVFGKioqKkYODQ4EBQcHDy0dHBwdLQ8HBwUEDg0O+B4WFRUWHh4WFRUWHh4WFRUWHh4WFRUWHpJKREQwMR0eHh0xMERESkpERDExHR0dHTExRERKeGRlOzs7O2VkeHdlZTs7OztlZXcAAAMAGgALBC8DGgAaAC8ASgAAJQcGIyInASY1NDcBNjMyHwEWFRQPARcWFRQHAQMGBwYvASYnJjcTNjc2HwEWFxYHCQEGIyIvASY1ND8BJyY1ND8BNjMyFwEWFRQHAWEdBgcIBf71BQUBCwUIBwYdBQXh4QUFAVHVAgcGByQHBAMC1QIHBgckBwQEAwF4/vUFCAcGHAYG4OAGBhwGBwgFAQsFBZccBgYBCgYHCAUBCwUFHQYHBwbh4AYHCAYCYv0eBwQDAgoCBgcHAuIIAwQCCgIHBgj+jP72BgYcBggHBuDhBgcHBh0FBf71BQgHBgAAAAIAAwBJA20DYgAjAFUAACUVIy8BJicjBwYPASM1MzcnIzUzFxYXFhczNj8CMxUjBxczARUhJyY1NDc2NzY3Njc2NzY1NCcmIyIHBgcnNjc2MzIXFhUUBwYHBgcGBwYHBgczNTMCAY5bDgQCAgUGCFmTSXFqTp1QAQwEAgICBA5Qk0dpdD8BbP7aAgIPDxYWGhoWFg8PEREXHRsIDDwPFS88PycnDg4WFRkZFhYQDwKFSKlgkBgFBwwLDo9gpptgggIWBQcFBxiCYJipAYR2DxALJB4fExMSEg0NEhITFQ4OFgYQNRURJSIiOSAbGxARERANDBEREy4AAgAD/7cDbgJKACMAUwAAJRUjLwEmJyMHBg8BIzUzNycjNTMXFhcWFzM2PwIzFSMHFzMFFSEnJjU0NzY3Njc2NzY3NjU0JyYjIgcGByc2NzYzMhcWFRQHBgcGBwYHBgczNTMCAY5bDgQCAgUGCFmTSXFqTp1QAQwEAgICBA5Qk0dpdD8Bbf7aAgIPDxYWGhoWFg8PEREXHRsIDDwPFS49PycnFBQcHB0cFRYChUipYJAYBQcMCw6PYKabYIICFgUHBQcYgmCYqXx2DxoBJB4fExMSEg0NEhITFQ4OFgYQNRURJSIiOSYeHhMTEBETFBYuAAAAAAwAAAAAA24DbgAKABIAGwAwAEMAZQBwAJEAnwCyAMcA3AAAJTU0IyIHFRYzMjU3MzU0IyIdASUVIxUjNSM1MxcVIzUGIyInJj0BMxUUFxYzMjc1MxcVFAcGIyInFSMRMxU2MzIXFhUXFRQHBgcGIyInJj0BNDc2MzIXFh0BIxUUMzI3NDU0PQEzARUUIyI9ATQzMhUBNCcmJyYnJiMiBwYHBgcGFRQXFhcWFxYzMjc2NzY3NjUBNyMHJyMXMRcWFxUzNRc1NCcmIyIHBh0BFBcWMzI3NjUXMzUjFQYjIic0PQEjFRQXFjMyNxUlERQHBiMhIicmNRE0NzYzITIXFhUCDRAKCQkKEGkmExP+ui4qLYVzJhcVEwUDJQEBCAsNJpAEBxcUEycnEhUXBwSPAQIGEB4eEAwLER0dDwxMFA0EJ/7/ExISEwEwCwUTExlNnp1OGRMSBgsLBhITGE+dnU4ZEhMGC/5RMysdHi0ODRQGK6UMERwdDwwMDx0cEQxnJycMDAgBJwQGEhUXASAxMET93EQxMDAxRAIkRDAxzlodCoAJHEYTHh4TmCjy8ihI0hcaEAoVppoOAQkSoD9UHgwYGBUBGlwXGAweSgURCAwLFxYQIUoiDxYWECErJh0PAQMEBgwB11keHlkdHf5oZTAZEREDCAgDEREZMmNkMBkREQMJCQMRERkwZAF0qW9vJyc7IHNzLkohERYWESFKIREVFRAiRdSiEgoBDZyoFQoPGReu/dxEMTAwMUQCJEQwMTEwRAABACMAAAPdA24AswAAJSInJiMiBwYjIicmNTQ3Njc2NzY3Nj0BNCcmIyEiBwYdARQXFhcWMxYXFhUUBwYjIicmIyIHBiMiJyY1NDc2NzY3Njc2PQERNDU0NTQnNCcmJyYnJicmJyYjIicmNTQ3NjMyFxYzMjc2MzIXFhUUBwYjBgcGBwYdARQXFjMhMjc2PQE0JyYnJicmNTQ3NjMyFxYzMjc2MzIXFhUUBwYHIgcGBwYVERQXFhcWFzIXFhUUBwYjA8EZMzIaGTIzGQ0IBwkKDQwREAoSAQcV/n4WBwEVCRITDg4MCwcHDhs1NRoYMTEYDQcHCQkLDBAPCRIBAgECAwQEBQgSEQ0NCgsHBw4aNTUaGDAxGA4HBwkKDA0QEAgUAQcPAZAOBwEUChcXDw4HBw4ZMzIZGTExGQ4HBwoKDQ0QEQgUFAkREQ4NCgsHBw4AAgICAgwLDxEJCQEBAwMFDETgDAUDAwUM1FENBgECAQgIEg8MDQICAgIMDA4RCAkBAgMDBQ1FIQHQAg0NCAgODgoKCwsHBwMGAQEICBIPDA0CAgICDQwPEQgIAQIBBgxQtgwHAQEHDLZQDAYBAQYHFg8MDQICAgINDA8RCAgBAQIGDU/95kQMBgICAQkIEQ8MDQAAAQAAAAEAAMY90fdfDzz1AAsEAAAAAADRII8MAAAAANEgjwwAAP+3BEkDwAAAAAgAAgAAAAAAAAABAAADwP/AAAAESQAA//8ESQABAAAAAAAAAAAAAAAAAAAAJQAAAAAAAAAAAAAAAAIAAAAEAAAABAAAGgQAAAAEAAAABAAAAAQAAAAEAAAABAAAAAQAAEAEAAAABAAAAAQAAAAEAAAAA7cAAAMlAAACSQAABAAAAAQAAAAEAAAABAAAAAQAAAAESQAAA7cACQQAAAAEAAAJBAAAAAQAAAAEAAAABEkAGgQAAAMEAAADBAAAAAQAACMAAAAAAAoAFAAeAG4AuAD6AUABXAG2AfoClAKyAvQDZgOaBDAE0gWcBhQG+AduB+QIWAjMCTAJ6gqIC2IMBAy4DW4N5g5iDtwP/hDwAAEAAAAlAN0ADgAAAAAAAgAAAAAAAAAAAAAAAAAAAAAAAAAOAK4AAQAAAAAAAQAcAAAAAQAAAAAAAgAOAHgAAQAAAAAAAwAcADIAAQAAAAAABAAcAIYAAQAAAAAABQAWABwAAQAAAAAABgAOAE4AAQAAAAAACgA0AKIAAwABBAkAAQAcAAAAAwABBAkAAgAOAHgAAwABBAkAAwAcADIAAwABBAkABAAcAIYAAwABBAkABQAWABwAAwABBAkABgAcAFwAAwABBAkACgA0AKIAYgBiAC0AZQBkAGkAdABvAHIALQBmAG8AbgB0AFYAZQByAHMAaQBvAG4AIAAxAC4AMABiAGIALQBlAGQAaQB0AG8AcgAtAGYAbwBuAHRiYi1lZGl0b3ItZm9udABiAGIALQBlAGQAaQB0AG8AcgAtAGYAbwBuAHQAUgBlAGcAdQBsAGEAcgBiAGIALQBlAGQAaQB0AG8AcgAtAGYAbwBuAHQARgBvAG4AdAAgAGcAZQBuAGUAcgBhAHQAZQBkACAAYgB5ACAASQBjAG8ATQBvAG8AbgAuAAMAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA=) format("woff");font-weight:400;font-style:normal}
[class^="bb-btn"],[class*=" bb-btn"]{font-family:'bb-editor-font';speak:none;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;font-size:14px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.bb-sel{float:left;padding:2px 2px 0}
.bb-sel select{font-size:11px}
.bb-sep{display:inline-block;float:left;width:1px;padding:2px}
.bb-btn{cursor:pointer;outline:0}
#b_font select,#b_size select{padding:0}
#b_b:before{content:"\f032"}
#b_i:before{content:"\f033"}
#b_u:before{content:"\f0cd"}
#b_s:before{content:"\f0cc"}
#b_img:before{content:"\f03e"}
#b_up:before{content:"\e930"}
#b_emo:before{content:"\f118"}
#b_url:before{content:"\f0c1"}
#b_leech:before{content:"\e98d"}
#b_mail:before{content:"\f003"}
#b_video:before{content:"\e913"}
#b_audio:before{content:"\e911"}
#b_hide:before{content:"\e9d1"}
#b_quote:before{content:"\e977"}
#b_code:before{content:"\f121"}
#b_left:before{content:"\f036"}
#b_center:before{content:"\f037"}
#b_right:before{content:"\f038"}
#b_color:before{content:"\e601"}
#b_spoiler:before{content:"\e600"}
#b_fla:before{content:"\ea8d"}
#b_yt:before{content:"\f166"}
#b_tf:before{content:"\ea61"}
#b_list:before{content:"\f0ca"}
#b_ol:before{content:"\f0cb"}
#b_tnl:before{content:"\ea61"}
#b_br:before{content:"\ea68"}
#b_pl:before{content:"\ea72"}
#b_size:before{content:"\f034"}
#b_font:before{content:"\f031"}
#b_header:before{content:"\f1dc"}
#b_sub:before{content:"\f12c"}
#b_sup:before{content:"\f12b"}
#b_justify:before{content:"\f039"}
.bb-pane h1,.bb-pane h2,.bb-pane h3,.bb-pane h4,.bb-pane h5,.bb-pane h6{margin-top:5px;margin-bottom:5px}
.bb-pane h1{font-size:36px}
.bb-pane h2{font-size:30px}
.bb-pane h3{font-size:24px}
.bb-pane h4{font-size:18px}
.bb-pane h5{font-size:14px}
.bb-pane h6{font-size:12px}
.bb-pane-dropdown{position:absolute;top:100%;left:0;z-index:1000;display:none;min-width:180px;padding:5px 0;margin:2px 0 0;list-style:none;font-size:11px;border:1px solid #e6e6e6;border-color:rgba(0,0,0,0.1);border-radius:2px;background:#fff;background-clip:padding-box;-webkit-box-shadow:0 1px 2px #dadada;box-shadow:0 1px 2px #dadada;max-height:300px;overflow:auto}
.bb-pane-dropdown > li > a{display:block;padding:3px 10px;clear:both;font-weight:400;line-height:1.42857;color:#353535;white-space:nowrap}
.bb-pane-dropdown > li > a:hover{text-decoration:none;color:#262626;background-color:#f5f5f5}
.bb-pane-dropdown .color-palette div .color-btn{width:17px;height:17px;padding:0;margin:0;border:1px solid #fff;cursor:pointer}
.bb-pane-dropdown .color-palette{padding:0 5px}
.bb-pane-dropdown table{margin:0}
.quick-edit-text{padding:.4em;width:350px}
.quick-edit-textarea{height:250px;padding:2px;border:1px solid #d7d7d7;width:100%;box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);-webkit-transition:border-color ease-in-out 0.15s,box-shadow ease-in-out .15s;transition:border-color ease-in-out 0.15s,box-shadow ease-in-out .15s}
#dlefastreplycomments{padding:10px}
#marker-bar,#txtselect_marker{display:block;visibility:hidden;position:absolute;z-index:1200;opacity:0;-webkit-transition:opacity .4s,visibility .1s linear .4s;transition:opacity .4s,visibility .1s linear .4s}
#txtselect_marker{cursor:pointer;background:url(../images/marker.png) no-repeat 0 0}
#txtselect_marker:hover{background-position:0 -32px}
#marker-bar{border:1px solid #ccc;border-radius:15px;background:#fff;padding:5px 10px;cursor:default;box-shadow:0 0 4px #ccc;-webkit-box-shadow:0 0 4px #ccc}
#marker-bar.show{-webkit-transition:opacity .4s,visibility 0;transition:opacity .4s,visibility 0;opacity:1;visibility:visible}
#txtselect_marker.show{visibility:visible;width:32px;height:32px;-webkit-transition:opacity .4s,visibility 0;transition:opacity .4s,visibility 0;opacity:1}
#marker-bar .masha-social,#marker-bar .masha-marker{cursor:pointer;display:block;margin:0 5px;float:left}
#marker-bar .masha-marker{line-height:1em;color:#aaa;border-bottom:1px dotted #aaa;margin-right:10px}
#marker-bar .masha-marker:hover{color:#ea3e26;border-color:#ea3e26}
.user_selection,.user_selection_true{background:#fff5d5;padding:2px 0}
.user_selection a.txtsel_close,.user_selection_true a.txtsel_close{display:none}
.user_selection .closewrap,.user_selection_true .closewrap{position:relative}
.user_selection.hover a.txtsel_close,.user_selection_true.hover a.txtsel_close{display:inline-block;position:absolute;top:-7px;left:-5px;width:33px;height:33px;background:url(../images/closemarker.png) 0 0 no-repeat}
.user_selection.hover a.txtsel_close:hover,.user_selection_true.hover a.txtsel_close:hover{background-position:-0 -33px}
.dle-alert,.dle-confirm,.dle-promt{padding:20px 1em!important}
.wide,.bb-editor textarea,.ui-dialog textarea,select#category,.timezoneselect,.quick-edit-text{width:100%!important}
#searchuser,#searchinput{width:100%!important;margin-bottom:10px}
table.xfields{width:100%}
.xfields textarea,.xprofile textarea{width:100%;height:186px;margin-top:5px}
.xfields input[type="text"]{width:100%}
.xfieldsdescr{width:200px}
.xfields .bb-pane + textarea{margin-top:0}
.xfieldsnote{color:#838383;font-size:.9em}
.xfields_table td{vertical-align:top}
.xfieldsrow{padding-top:5px;clear:both}
.xfieldscolleft{float:left;width:30%;padding-top:14px}
.xfieldscolright{float:left;width:70%}
.file-box{width:95%;max-width:437px;border:1px solid #B3B3B3;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;background-color:#F5F5F5;padding:10px;margin-top:10px}
.xfieldimagegallery{margin:0;padding:0;list-style:none;clear:both}
.xfieldimagegallery li{list-style:none;margin:0;padding:0}
.xfieldimagegallery li img{float:left;margin-right:5px;border:5px solid #fff;width:100px;height:100px;transition:box-shadow .5s ease}
.xfieldimagegallery li img:hover{box-shadow:0 0 7px rgba(0,0,0,0.4)}
.qq-uploader{position:relative;width:100%}
.qq-upload-button{display:inline-block;margin-top:5px;margin-bottom:5px;cursor:pointer;background: #e6e6e6;border: solid 1px #ddd !important;}
.qq-upload-button:hover {background: #dad9d9;}
.qq-upload-drop-area{position:absolute;top:0;left:0;width:100%;height:100%;z-index:2;max-width:437px;background:#FF9797;text-align:center}
.qq-upload-drop-area span{display:block;position:absolute;top:50%;width:100%;margin-top:-8px;font-size:16px}
.qq-upload-drop-area-active{background:#FF7171}
.uploadedfile{display:inline-block;width:115px;height:160px;margin:10px 5px 5px;border:1px solid #B3B3B3;box-shadow:0 1px 4px rgba(0,0,0,0.3);-moz-box-shadow:0 1px 4px rgba(0,0,0,0.3);-webkit-box-shadow:0 1px 4px rgba(0,0,0,0.3);text-align:center;background:#fff}
.uploadedfile .uploadimage{margin-top:5px;width:115px;height:90px;display:flex;align-items:center;justify-content:center;cursor:move;cursor:-webkit-grabbing}
.sortable-ghost{opacity:.4}
.uploadedfile .info{text-align:left;white-space:nowrap;margin:0 5px;overflow:hidden}
.btn.disabled,.btn[disabled],fieldset[disabled] .btn{cursor:not-allowed;pointer-events:none;opacity:.65;filter:alpha(opacity=65);-webkit-box-shadow:none;box-shadow:none}
.progress{overflow:hidden;margin-top:10px;margin-bottom:10px;background-color:#f5f5f5;height:10px;-webkit-border-radius:8px;-moz-border-radius:8px;-ms-border-radius:8px;-o-border-radius:8px;border-radius:8px;background:#eee;-webkit-box-shadow:0 1px 0 white,0 0 0 1px rgba(0,0,0,0.1) inset,0 1px 4px rgba(0,0,0,0.2) inset;box-shadow:0 1px 0 white,0 0 0 1px rgba(0,0,0,0.1) inset,0 1px 4px rgba(0,0,0,0.2) inset}
.progress .progress-bar{float:left;width:0;font-size:12px;line-height:20px;color:#fff;text-align:center;background-color:#428bca;-webkit-box-shadow:inset 0 -1px 0 rgba(0,0,0,0.15);box-shadow:inset 0 -1px 0 rgba(0,0,0,0.15);-webkit-transition:width .6s ease;transition:width .6s ease;-webkit-border-radius:8px;-moz-border-radius:8px;-ms-border-radius:8px;-o-border-radius:8px;border-radius:8px;-webkit-box-shadow:none;box-shadow:none;height:8px}
.progress-bar span{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);border:0}
.progress-blue{background-image:-webkit-gradient(linear,left 0%,left 100%,from(#9bcff5),to(#6db9f0));background-image:-webkit-linear-gradient(top,#9bcff5,0%,#6db9f0,100%);background-image:-moz-linear-gradient(top,#9bcff5 0%,#6db9f0 100%);background-image:linear-gradient(to bottom,#9bcff5 0%,#6db9f0 100%);background-repeat:repeat-x;border:1px solid #55aeee}
.emoji{border:none;vertical-align:middle;width:22px;height:22px}
.pm_progress_bar{border:1px solid #d8d8d8;background:#f7f7f7;padding:1px;margin-top:10px;margin-bottom:10px;height:40px}
.pm_progress_bar span{background:#ff9800;font-size:0;text-indent:-2000em;height:10px;display:block;overflow:hidden}
.usinf{list-style:none;padding:0;margin:0}
.usinf > li{padding:10px 0;margin-bottom:10px;background:#fff;box-shadow:0 5px 5px -5px #0000001c}
.ui-c1,.ui-c2{display:inline-block;vertical-align:top}
.ui-c1{width:30%;margin-right:1%;font-weight:500;padding-left:15px}
.ui-c2{width:60%;border-left:1px solid #e7e7e7;padding-left:15px;font-weight:400}
.ui-dialog-buttonset button,.bbcodes,.ui-button{outline: 0;padding: 0.4rem 0.8rem;font-size: 0.87rem;border-radius: 0.2rem;color: #fff;background-color: #8b1538;border-color: #8b1538;display: inline-block;font-weight: 500;line-height: 1.5;text-align: center;vertical-align: middle;cursor: pointer;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;border: 1px solid transparent;-webkit-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
.ui-dialog-buttonset button {margin-left:6px}
.ui-dialog-buttonset button:hover,.bbcodes:hover,.ui-button:hover{background:#045cb4;border-color:#045cb4;color:#fff}
.pprev,.pnext{border-radius:.4rem;display:inline-block;color:#37445a;font-size:.8rem;border:1px solid #ededed;padding:8px 13px;background:#fff}
.pnext:hover,.pprev:hover{background:#8b1538;color:#fff;text-decoration:none}
.pnext:hover a,.pprev:hover a{color:#fff;text-decoration:none}
.pnext a,.pprev a{color:#37445a}
.navigations a,.navigations span{font-size:.8rem;font-weight:500;border-radius:.4rem;display:inline-block;margin:0;border:1px solid #ededed;color:#37445a;padding:8px 13px}
.navigations span{background-color:#8b1538;color:#fff}
.navigations a:hover{background:#8b1538;color:#fff;text-decoration:none}
.navigations span.nav_ext{background:none;color:#fff}
.btn-block{width:100%}
.vote_list input,.form-group input{margin-right:5px}
.ya-share2__list,.ya-share2__badge{text-align:center;width:100%!important;border-radius:0!important}
.ya-share2__list.ya-share2__list_direction_horizontal > .ya-share2__item{width:20%!important;margin:0!important}
.ya-share2__container_size_m .ya-share2__badge .ya-share2__icon{height:40px!important;width:24px!important;background-size:24px 40px!important}

.sociallogin {text-align: center;}

.emoji_box {
	width:100%;
	max-width: 390px;
}
.emoji_category {
	padding:7px;
	clear:both;
}
.emoji_list {
	margin-top:5px;
	margin-bottom:5px;
	width:100%;
	font-family:'Apple Color Emoji', 'Segoe UI Emoji', 'NotoColorEmoji', 'Segoe UI Symbol', 'Android Emoji', 'EmojiSymbols';
	font-size:2em;
}
.emoji_symbol {
	float:left;
	margin-bottom: 10px;
	width:12.5%;
	text-align:center;
}

.emoji_symbol a,  .emoji_symbol a:hover {
	cursor: pointer;
	text-decoration:none;
}

.native-emoji {
    font-size: 1.3em;
    font-family: 'Apple Color Emoji', 'Segoe UI Emoji', 'NotoColorEmoji', 'Segoe UI Symbol', 'Android Emoji', 'EmojiSymbols';
}

/*--- \11e\178\11e\be\11e\b4\d1\81\11e\b2\11e\b5\d1\201a\11e\ba\11e\b0 \11e\b8\d1\81\d1\2026\11e\be\11e\b4\11e\bd\11e\be\11e\b3\11e\be \11e\ba\11e\be\11e\b4\11e\b0 ---*/
.hljs-comment, .hljs-quote {
  color: #a0a1a7;
  font-style: italic;
}

.hljs-doctag, .hljs-keyword, .hljs-formula {
  color: #a626a4;
}

.hljs-section, .hljs-name, .hljs-selector-tag, .hljs-deletion, .hljs-subst {
  color: #e45649;
}

.hljs-literal {
  color: #0184bb;
}

.hljs-string, .hljs-regexp, .hljs-addition, .hljs-attribute, .hljs-meta-string {
  color: #50a14f;
}

.hljs-built_in, .hljs-class .hljs-title {
  color: #c18401;
}

.hljs-attr, .hljs-variable, .hljs-template-variable, .hljs-type, .hljs-selector-class, .hljs-selector-attr,
.hljs-selector-pseudo, .hljs-number {
  color: #986801;
}

.hljs-symbol, .hljs-bullet, .hljs-link, .hljs-meta, .hljs-selector-id, .hljs-title {
  color: #4078f2;
}

.hljs-emphasis {
  font-style: italic;
}

.hljs-strong {
  font-weight: bold;
}

.hljs-link {
  text-decoration: underline;
}

figure {
    margin: 0;
}

figure.align-left {
    float: left;
}

figure.align-right {
    float: right;
}

figure.image.align-center {
    display: table;
    margin-left: auto;
    margin-right: auto;
}

figure.image figcaption {
	padding: 1rem;
    background-color: #fafafa;
    font-size: .8rem;
    caption-side: bottom;
    word-break: break-word;
    text-align: center;
}

figure.image.align-center figcaption {
	display: table-caption;
}

.comments-image-gallery {
  margin: 0;
  padding: 0;  
  list-style: none;
  clear: both;
}

.comments-image-gallery li{
	list-style: none;
	margin: 0;
	padding: 0;  
}

.comments-image-gallery li img{
  float: left;
  margin-right: 5px;
  border: 5px solid #fff;
  width: 100px;
  height: 100px;
  transition: box-shadow 0.5s ease;
}

.comments-image-gallery li img:hover {
  box-shadow: 0px 0px 7px rgba(0,0,0,0.4);
}

.mce-toc {
  border: 1px solid #dbdada;
  margin: 0 0 .7rem 0;
}

.mce-toc h2 {
  margin: 4px;
}

.mce-toc ul {
  padding-left: 20px;
  list-style: none;
  margin-top: 0;
  margin-bottom: 0;
  margin-block-start: 1em;
  margin-block-end: 1em;
}

.mce-toc ul ul {
  padding-left: 20px;
  margin-block-start: 0;
  margin-block-end: 0;
}

.mce-toc li {
  list-style-type: none;
}

.image-bordered {
	border: 1px solid #ddd;
}

.image-shadows {
	box-shadow: rgb(9 30 66 / 25%) 0px 4px 8px -2px, rgb(9 30 66 / 8%) 0px 0px 0px 1px;
}

.image-padded {
	padding: 0.5rem;
}

.comments-user-profile {
  font-weight: bold;
  cursor: pointer;
  color: #3394e6;
}

.title_spoiler svg{
	vertical-align: middle;
	margin-top: -4px;
	margin-right: 7px;
	height: 16px;
	width: 16px;
}

.mce-accordion summary {
	cursor: pointer;
}

.self_delete_link {
	border: 0 none;
	display: inline-block;
	vertical-align: middle;
	cursor: pointer;
	padding: 12px 27px;
	border-radius: 10px;
	outline: none;
	background-color: #f44336;
	color: #fff;
	text-shadow: 0 1px #333;
	text-decoration: none !important;
	box-shadow: 0 1px 2px 0 rgba(0,0,0,0.2);
	box-sizing: border-box;
	transition: all ease .1s; transition: all ease .1s;
}
/* --- style.css --- */
\feff:root {
  --bs-blue: #8b1538;
  --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-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: #8b1538;
  --bs-secondary: #14191e;
  --bs-success: #0cbc87;
  --bs-info: #8b1538;
  --bs-warning: #f7c32e;
  --bs-danger: #d6293e;
  --bs-light: #eef0f2;
  --bs-dark: #14191e;
  --bs-primary-rgb: 139, 21, 56;
  --bs-secondary-rgb: 20, 25, 30;
  --bs-success-rgb: 12, 188, 135;
  --bs-info-rgb: 139, 21, 56;
  --bs-warning-rgb: 247, 195, 46;
  --bs-danger-rgb: 214, 41, 62;
  --bs-light-rgb: 238, 240, 242;
  --bs-dark-rgb: 20, 25, 30;
  --bs-white-rgb: 255, 255, 255;
  --bs-black-rgb: 0, 0, 0;
  --bs-body-color-rgb: 103, 106, 121;
  --bs-body-bg-rgb: 239, 242, 246;
  --bs-font-sans-serif: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", 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: Inter, sans-serif;
  --bs-body-font-size: 0.9rem;
  --bs-body-font-weight: 400;
  --bs-body-line-height: 1.5;
  --bs-body-color: #676a79;
  --bs-body-bg: #eff2f6;
}

*,
*::before,
*::after {
  -webkit-box-sizing: border-box;
          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: rgba(0, 0, 0, 0);
}

hr {
  margin: 1rem 0;
  color: #a1a1a8;
  background-color: currentColor;
  border: 0;
  opacity: 0.25;
}

hr:not([size]) {
  height: 1px;
}

h6, .h6, h5, .h5, h4, .h4, h3, .h3, h2, .h2, h1, .h1 {
  margin-top: 0;
  margin-bottom: 0.5rem;
  font-family: "Inter", sans-serif;
  font-weight: 700;
  line-height: 1.25;
  color: #14191e;
}

h1, .h1 {
  font-size: calc(1.359375rem + 1.3125vw);
}
@media (min-width: 1200px) {
  h1, .h1 {
    font-size: 2.34375rem;
  }
}

h2, .h2 {
  font-size: calc(1.3125rem + 0.75vw);
}
@media (min-width: 1200px) {
  h2, .h2 {
    font-size: 1.875rem;
  }
}

h3, .h3 {
  font-size: calc(1.2890625rem + 0.46875vw);
}
@media (min-width: 1200px) {
  h3, .h3 {
    font-size: 1.640625rem;
  }
}

h4, .h4 {
  font-size: calc(1.265625rem + 0.1875vw);
}
@media (min-width: 1200px) {
  h4, .h4 {
    font-size: 1.40625rem;
  }
}

h5, .h5 {
  font-size: 1.171875rem;
}

h6, .h6 {
  font-size: 0.9375rem;
}

p {
  margin-top: 0;
  margin-bottom: 1rem;
}

abbr[title],
abbr[data-bs-original-title] {
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
  cursor: help;
  -webkit-text-decoration-skip-ink: none;
          text-decoration-skip-ink: none;
}

address {
  margin-bottom: 1rem;
  font-style: normal;
  line-height: inherit;
}

ol,
ul {
  padding-left: 2rem;
}

ol,
ul,
dl {
  margin-top: 0;
  margin-bottom: 1rem;
}

ol ol,
ul ul,
ol ul,
ul ol {
  margin-bottom: 0;
}

dt {
  font-weight: 700;
}

dd {
  margin-bottom: 0.5rem;
  margin-left: 0;
}

blockquote {
  margin: 0 0 1rem;
}

b,
strong {
  font-weight: bolder;
}

small, .small {
  font-size: 0.875em;
}

mark, .mark {
  padding: 0.2em;
  background-color: #fcf8e3;
}

sub,
sup {
  position: relative;
  font-size: 0.75em;
  line-height: 0;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

a {
  color: #8b1538;
  text-decoration: none;
}
a:hover {
  color: #0c59bd;
}

a:not([href]):not([class]), a:not([href]):not([class]):hover {
  color: inherit;
  text-decoration: none;
}

pre,
code,
kbd,
samp {
  font-family: var(--bs-font-monospace);
  font-size: 1em;
  direction: ltr /* rtl:ignore */;
  unicode-bidi: bidi-override;
}

pre {
  display: block;
  margin-top: 0;
  margin-bottom: 1rem;
  overflow: auto;
  font-size: 0.875em;
}
pre code {
  font-size: inherit;
  color: inherit;
  word-break: normal;
}

code {
  font-size: 0.875em;
  color: #d63384;
  word-wrap: break-word;
}
a > code {
  color: inherit;
}

kbd {
  padding: 0.2rem 0.4rem;
  font-size: 0.875em;
  color: #fff;
  background-color: #212529;
  border-radius: 0.2rem;
}
kbd kbd {
  padding: 0;
  font-size: 1em;
  font-weight: 700;
}

figure {
  margin: 0 0 1rem;
}

img,
svg {
  vertical-align: middle;
}

table {
  caption-side: bottom;
  border-collapse: collapse;
}

caption {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  color: #6c757d;
  text-align: left;
}

th {
  text-align: inherit;
  text-align: -webkit-match-parent;
}

thead,
tbody,
tfoot,
tr,
td,
th {
  border-color: inherit;
  border-style: solid;
  border-width: 0;
}

label {
  display: inline-block;
}

button {
  border-radius: 0;
}

button:focus:not(:focus-visible) {
  outline: 0;
}

input,
button,
select,
optgroup,
textarea {
  margin: 0;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}

button,
select {
  text-transform: none;
}

[role=button] {
  cursor: pointer;
}

select {
  word-wrap: normal;
}
select:disabled {
  opacity: 1;
}

[list]::-webkit-calendar-picker-indicator {
  display: none;
}

button,
[type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button;
}
button:not(:disabled),
[type=button]:not(:disabled),
[type=reset]:not(:disabled),
[type=submit]:not(:disabled) {
  cursor: pointer;
}

::-moz-focus-inner {
  padding: 0;
  border-style: none;
}

textarea {
  resize: vertical;
}

fieldset {
  min-width: 0;
  padding: 0;
  margin: 0;
  border: 0;
}

legend {
  float: left;
  width: 100%;
  padding: 0;
  margin-bottom: 0.5rem;
  font-size: calc(1.275rem + 0.3vw);
  line-height: inherit;
}
@media (min-width: 1200px) {
  legend {
    font-size: 1.5rem;
  }
}
legend + * {
  clear: left;
}

::-webkit-datetime-edit-fields-wrapper,
::-webkit-datetime-edit-text,
::-webkit-datetime-edit-minute,
::-webkit-datetime-edit-hour-field,
::-webkit-datetime-edit-day-field,
::-webkit-datetime-edit-month-field,
::-webkit-datetime-edit-year-field {
  padding: 0;
}

::-webkit-inner-spin-button {
  height: auto;
}

[type=search] {
  outline-offset: -2px;
  -webkit-appearance: textfield;
}

/* rtl:raw:
[type="tel"],
[type="url"],
[type="email"],
[type="number"] {
  direction: ltr;
}
*/
::-webkit-search-decoration {
  -webkit-appearance: none;
}

::-webkit-color-swatch-wrapper {
  padding: 0;
}

::-webkit-file-upload-button {
  font: inherit;
}

::file-selector-button {
  font: inherit;
}

::-webkit-file-upload-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.171875rem;
  font-weight: 400;
}

.display-1 {
  font-size: calc(1.625rem + 4.5vw);
  font-weight: 700;
  line-height: 1.25;
}
@media (min-width: 1200px) {
  .display-1 {
    font-size: 5rem;
  }
}

.display-2 {
  font-size: calc(1.575rem + 3.9vw);
  font-weight: 700;
  line-height: 1.25;
}
@media (min-width: 1200px) {
  .display-2 {
    font-size: 4.5rem;
  }
}

.display-3 {
  font-size: calc(1.525rem + 3.3vw);
  font-weight: 700;
  line-height: 1.25;
}
@media (min-width: 1200px) {
  .display-3 {
    font-size: 4rem;
  }
}

.display-4 {
  font-size: calc(1.475rem + 2.7vw);
  font-weight: 700;
  line-height: 1.25;
}
@media (min-width: 1200px) {
  .display-4 {
    font-size: 3.5rem;
  }
}

.display-5 {
  font-size: calc(1.425rem + 2.1vw);
  font-weight: 700;
  line-height: 1.25;
}
@media (min-width: 1200px) {
  .display-5 {
    font-size: 3rem;
  }
}

.display-6 {
  font-size: calc(1.375rem + 1.5vw);
  font-weight: 700;
  line-height: 1.25;
}
@media (min-width: 1200px) {
  .display-6 {
    font-size: 2.5rem;
  }
}

.list-unstyled {
  padding-left: 0;
  list-style: none;
}

.list-inline {
  padding-left: 0;
  list-style: none;
}

.list-inline-item {
  display: inline-block;
}
.list-inline-item:not(:last-child) {
  margin-right: 0.5rem;
}

.initialism {
  font-size: 0.875em;
  text-transform: uppercase;
}

.blockquote {
  margin-bottom: 1rem;
  font-size: 1.25rem;
}
.blockquote > :last-child {
  margin-bottom: 0;
}

.blockquote-footer {
  margin-top: -1rem;
  margin-bottom: 1rem;
  font-size: 0.875em;
  color: #6c757d;
}
.blockquote-footer::before {
  content: "\2014\00a0";
}

.img-fluid {
  max-width: 100%;
  height: auto;
}

.img-thumbnail {
  padding: 0.25rem;
  background-color: #fff;
  border: 1px solid #dee2e6;
  border-radius: 0.25rem;
  max-width: 100%;
  height: auto;
}

.figure {
  display: inline-block;
}

.figure-img {
  margin-bottom: 0.5rem;
  line-height: 1;
}

.figure-caption {
  font-size: 0.875em;
  color: #6c757d;
}

.container,
.container-fluid,
.container-xxl,
.container-xl,
.container-lg,
.container-md,
.container-sm {
  width: 100%;
  padding-right: var(--bs-gutter-x, 0.75rem);
  padding-left: var(--bs-gutter-x, 0.75rem);
  margin-right: auto;
  margin-left: auto;
}

@media (min-width: 576px) {
  .container-sm, .container {
    max-width: 96%;
  }
}
@media (min-width: 768px) {
  .container-md, .container-sm, .container {
    max-width: 100%;
  }
}
@media (min-width: 992px) {
  .container-lg, .container-md, .container-sm, .container {
    max-width: 100%;
  }
}
@media (min-width: 1200px) {
  .container-xl, .container-lg, .container-md, .container-sm, .container {
    max-width: 1140px;
  }
}
@media (min-width: 1400px) {
  .container-xxl, .container-xl, .container-lg, .container-md, .container-sm, .container {
    max-width: 1200px;
  }
}
.row {
  --bs-gutter-x: 1.5rem;
  --bs-gutter-y: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-top: calc(-1 * var(--bs-gutter-y));
  margin-right: calc(-0.5 * var(--bs-gutter-x));
  margin-left: calc(-0.5 * var(--bs-gutter-x));
}
.row > * {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 100%;
  max-width: 100%;
  padding-right: calc(var(--bs-gutter-x) * 0.5);
  padding-left: calc(var(--bs-gutter-x) * 0.5);
  margin-top: var(--bs-gutter-y);
}

.col {
  -webkit-box-flex: 1;
      -ms-flex: 1 0 0%;
          flex: 1 0 0%;
}

.row-cols-auto > * {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: auto;
}

.row-cols-1 > * {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: 100%;
}

.row-cols-2 > * {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: 50%;
}

.row-cols-3 > * {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: 33.3333333333%;
}

.row-cols-4 > * {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: 25%;
}

.row-cols-5 > * {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: 20%;
}

.row-cols-6 > * {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: 16.6666666667%;
}

.col-auto {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: auto;
}

.col-1 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: 8.33333333%;
}

.col-2 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: 16.66666667%;
}

.col-3 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: 25%;
}

.col-4 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: 33.33333333%;
}

.col-5 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: 41.66666667%;
}

.col-6 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: 50%;
}

.col-7 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: 58.33333333%;
}

.col-8 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: 66.66666667%;
}

.col-9 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: 75%;
}

.col-10 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: 83.33333333%;
}

.col-11 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: 91.66666667%;
}

.col-12 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          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 {
    -webkit-box-flex: 1;
        -ms-flex: 1 0 0%;
            flex: 1 0 0%;
  }

  .row-cols-sm-auto > * {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: auto;
  }

  .row-cols-sm-1 > * {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 100%;
  }

  .row-cols-sm-2 > * {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 50%;
  }

  .row-cols-sm-3 > * {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 33.3333333333%;
  }

  .row-cols-sm-4 > * {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 25%;
  }

  .row-cols-sm-5 > * {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 20%;
  }

  .row-cols-sm-6 > * {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 16.6666666667%;
  }

  .col-sm-auto {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: auto;
  }

  .col-sm-1 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 8.33333333%;
  }

  .col-sm-2 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 16.66666667%;
  }

  .col-sm-3 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 25%;
  }

  .col-sm-4 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 33.33333333%;
  }

  .col-sm-5 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 41.66666667%;
  }

  .col-sm-6 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 50%;
  }

  .col-sm-7 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 58.33333333%;
  }

  .col-sm-8 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 66.66666667%;
  }

  .col-sm-9 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 75%;
  }

  .col-sm-10 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 83.33333333%;
  }

  .col-sm-11 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 91.66666667%;
  }

  .col-sm-12 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            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 {
    -webkit-box-flex: 1;
        -ms-flex: 1 0 0%;
            flex: 1 0 0%;
  }

  .row-cols-md-auto > * {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: auto;
  }

  .row-cols-md-1 > * {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 100%;
  }

  .row-cols-md-2 > * {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 50%;
  }

  .row-cols-md-3 > * {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 33.3333333333%;
  }

  .row-cols-md-4 > * {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 25%;
  }

  .row-cols-md-5 > * {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 20%;
  }

  .row-cols-md-6 > * {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 16.6666666667%;
  }

  .col-md-auto {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: auto;
  }

  .col-md-1 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 8.33333333%;
  }

  .col-md-2 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 16.66666667%;
  }

  .col-md-3 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 25%;
  }

  .col-md-4 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 33.33333333%;
  }

  .col-md-5 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 41.66666667%;
  }

  .col-md-6 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 50%;
  }

  .col-md-7 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 58.33333333%;
  }

  .col-md-8 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 66.66666667%;
  }

  .col-md-9 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 75%;
  }

  .col-md-10 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 83.33333333%;
  }

  .col-md-11 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 91.66666667%;
  }

  .col-md-12 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            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 {
    -webkit-box-flex: 1;
        -ms-flex: 1 0 0%;
            flex: 1 0 0%;
  }

  .row-cols-lg-auto > * {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: auto;
  }

  .row-cols-lg-1 > * {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 100%;
  }

  .row-cols-lg-2 > * {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 50%;
  }

  .row-cols-lg-3 > * {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 33.3333333333%;
  }

  .row-cols-lg-4 > * {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 25%;
  }

  .row-cols-lg-5 > * {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 20%;
  }

  .row-cols-lg-6 > * {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 16.6666666667%;
  }

  .col-lg-auto {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: auto;
  }

  .col-lg-1 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 8.33333333%;
  }

  .col-lg-2 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 16.66666667%;
  }

  .col-lg-3 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 25%;
  }

  .col-lg-4 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 33.33333333%;
  }

  .col-lg-5 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 41.66666667%;
  }

  .col-lg-6 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 50%;
  }

  .col-lg-7 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 58.33333333%;
  }

  .col-lg-8 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 66.66666667%;
  }

  .col-lg-9 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 75%;
  }

  .col-lg-10 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 83.33333333%;
  }

  .col-lg-11 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 91.66666667%;
  }

  .col-lg-12 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            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 {
    -webkit-box-flex: 1;
        -ms-flex: 1 0 0%;
            flex: 1 0 0%;
  }

  .row-cols-xl-auto > * {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: auto;
  }

  .row-cols-xl-1 > * {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 100%;
  }

  .row-cols-xl-2 > * {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 50%;
  }

  .row-cols-xl-3 > * {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 33.3333333333%;
  }

  .row-cols-xl-4 > * {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 25%;
  }

  .row-cols-xl-5 > * {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 20%;
  }

  .row-cols-xl-6 > * {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 16.6666666667%;
  }

  .col-xl-auto {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: auto;
  }

  .col-xl-1 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 8.33333333%;
  }

  .col-xl-2 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 16.66666667%;
  }

  .col-xl-3 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 25%;
  }

  .col-xl-4 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 33.33333333%;
  }

  .col-xl-5 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 41.66666667%;
  }

  .col-xl-6 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 50%;
  }

  .col-xl-7 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 58.33333333%;
  }

  .col-xl-8 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 66.66666667%;
  }

  .col-xl-9 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 75%;
  }

  .col-xl-10 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 83.33333333%;
  }

  .col-xl-11 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 91.66666667%;
  }

  .col-xl-12 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            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 {
    -webkit-box-flex: 1;
        -ms-flex: 1 0 0%;
            flex: 1 0 0%;
  }

  .row-cols-xxl-auto > * {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: auto;
  }

  .row-cols-xxl-1 > * {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 100%;
  }

  .row-cols-xxl-2 > * {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 50%;
  }

  .row-cols-xxl-3 > * {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 33.3333333333%;
  }

  .row-cols-xxl-4 > * {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 25%;
  }

  .row-cols-xxl-5 > * {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 20%;
  }

  .row-cols-xxl-6 > * {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 16.6666666667%;
  }

  .col-xxl-auto {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: auto;
  }

  .col-xxl-1 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 8.33333333%;
  }

  .col-xxl-2 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 16.66666667%;
  }

  .col-xxl-3 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 25%;
  }

  .col-xxl-4 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 33.33333333%;
  }

  .col-xxl-5 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 41.66666667%;
  }

  .col-xxl-6 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 50%;
  }

  .col-xxl-7 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 58.33333333%;
  }

  .col-xxl-8 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 66.66666667%;
  }

  .col-xxl-9 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 75%;
  }

  .col-xxl-10 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 83.33333333%;
  }

  .col-xxl-11 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 91.66666667%;
  }

  .col-xxl-12 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            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-bg: transparent;
  --bs-table-accent-bg: transparent;
  --bs-table-striped-color: #212529;
  --bs-table-striped-bg: rgba(0, 0, 0, 0.05);
  --bs-table-active-color: #212529;
  --bs-table-active-bg: rgba(0, 0, 0, 0.1);
  --bs-table-hover-color: #212529;
  --bs-table-hover-bg: rgba(0, 0, 0, 0.075);
  width: 100%;
  margin-bottom: 1rem;
  color: #212529;
  vertical-align: top;
  border-color: #dee2e6;
}
.table > :not(caption) > * > * {
  padding: 0.5rem 0.5rem;
  background-color: var(--bs-table-bg);
  border-bottom-width: 1px;
  -webkit-box-shadow: inset 0 0 0 9999px var(--bs-table-accent-bg);
          box-shadow: inset 0 0 0 9999px var(--bs-table-accent-bg);
}
.table > tbody {
  vertical-align: inherit;
}
.table > thead {
  vertical-align: bottom;
}
.table > :not(:first-child) {
  border-top: 2px solid #a1a1a8;
}

.caption-top {
  caption-side: top;
}

.table-sm > :not(caption) > * > * {
  padding: 0.25rem 0.25rem;
}

.table-bordered > :not(caption) > * {
  border-width: 1px 0;
}
.table-bordered > :not(caption) > * > * {
  border-width: 0 1px;
}

.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-accent-bg: var(--bs-table-striped-bg);
  color: var(--bs-table-striped-color);
}

.table-active {
  --bs-table-accent-bg: var(--bs-table-active-bg);
  color: var(--bs-table-active-color);
}

.table-hover > tbody > tr:hover > * {
  --bs-table-accent-bg: var(--bs-table-hover-bg);
  color: var(--bs-table-hover-color);
}

.table-primary {
  --bs-table-bg: #cfe2ff;
  --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: #000;
  border-color: #bacbe6;
}

.table-secondary {
  --bs-table-bg: #e2e3e5;
  --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: #000;
  border-color: #cbccce;
}

.table-success {
  --bs-table-bg: #d1e7dd;
  --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: #000;
  border-color: #bcd0c7;
}

.table-info {
  --bs-table-bg: #cff4fc;
  --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: #000;
  border-color: #badce3;
}

.table-warning {
  --bs-table-bg: #fff3cd;
  --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: #000;
  border-color: #e6dbb9;
}

.table-danger {
  --bs-table-bg: #f8d7da;
  --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: #000;
  border-color: #dfc2c4;
}

.table-light {
  --bs-table-bg: #f8f9fa;
  --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: #000;
  border-color: #dfe0e1;
}

.table-dark {
  --bs-table-bg: #212529;
  --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: #fff;
  border-color: #373b3e;
}

.table-responsive {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}

@media (max-width: 575.98px) {
  .table-responsive-sm {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
}
@media (max-width: 767.98px) {
  .table-responsive-md {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
}
@media (max-width: 991.98px) {
  .table-responsive-lg {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
}
@media (max-width: 1199.98px) {
  .table-responsive-xl {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
}
@media (max-width: 1399.98px) {
  .table-responsive-xxl {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
}
.form-label {
  margin-bottom: 0.5rem;
}

.col-form-label {
  padding-top: calc(0.5rem + 1px);
  padding-bottom: calc(0.5rem + 1px);
  margin-bottom: 0;
  font-size: inherit;
  line-height: 1.5;
}

.col-form-label-lg {
  padding-top: calc(0.8rem + 1px);
  padding-bottom: calc(0.8rem + 1px);
  font-size: 1rem;
}

.col-form-label-sm {
  padding-top: calc(0.4rem + 1px);
  padding-bottom: calc(0.4rem + 1px);
  font-size: 0.8125rem;
}

.form-text {
  margin-top: 0.25rem;
  font-size: 0.875em;
  color: #6c757d;
}

.form-control {
  display: block;
  width: 100%;
  padding: 0.5rem 1rem;
  font-size: 0.9375rem;
  font-weight: 400;
  line-height: 1.5;
  color: #29292e;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #e1e4e6;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border-radius: 0.4rem;
  -webkit-transition: border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
  transition: border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .form-control {
    -webkit-transition: none;
    transition: none;
  }
}
.form-control[type=file] {
  overflow: hidden;
}
.form-control[type=file]:not(:disabled):not([readonly]) {
  cursor: pointer;
}
.form-control:focus {
  color: #29292e;
  background-color: #fff;
  border-color: #8b1538;
  outline: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.form-control::-webkit-date-and-time-value {
  height: 1.5em;
}
.form-control::-webkit-input-placeholder {
  color: #a1a1a8;
  opacity: 1;
}
.form-control::-moz-placeholder {
  color: #a1a1a8;
  opacity: 1;
}
.form-control:-ms-input-placeholder {
  color: #a1a1a8;
  opacity: 1;
}
.form-control::-ms-input-placeholder {
  color: #a1a1a8;
  opacity: 1;
}
.form-control::placeholder {
  color: #a1a1a8;
  opacity: 1;
}
.form-control:disabled, .form-control[readonly] {
  background-color: #eff2f6;
  border-color: #ced4da;
  opacity: 1;
}
.form-control::-webkit-file-upload-button {
  padding: 0.5rem 1rem;
  margin: -0.5rem -1rem;
  -webkit-margin-end: 1rem;
          margin-inline-end: 1rem;
  color: #212529;
  background-color: #e9ecef;
  pointer-events: none;
  border-color: inherit;
  border-style: solid;
  border-width: 0;
  border-inline-end-width: 1px;
  border-radius: 0;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.form-control::file-selector-button {
  padding: 0.5rem 1rem;
  margin: -0.5rem -1rem;
  -webkit-margin-end: 1rem;
          margin-inline-end: 1rem;
  color: #212529;
  background-color: #e9ecef;
  pointer-events: none;
  border-color: inherit;
  border-style: solid;
  border-width: 0;
  border-inline-end-width: 1px;
  border-radius: 0;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .form-control::-webkit-file-upload-button {
    -webkit-transition: none;
    transition: none;
  }
  .form-control::file-selector-button {
    -webkit-transition: none;
    transition: none;
  }
}
.form-control:hover:not(:disabled):not([readonly])::-webkit-file-upload-button {
  background-color: #dde0e3;
}
.form-control:hover:not(:disabled):not([readonly])::file-selector-button {
  background-color: #dde0e3;
}
.form-control::-webkit-file-upload-button {
  padding: 0.5rem 1rem;
  margin: -0.5rem -1rem;
  -webkit-margin-end: 1rem;
          margin-inline-end: 1rem;
  color: #212529;
  background-color: #e9ecef;
  pointer-events: none;
  border-color: inherit;
  border-style: solid;
  border-width: 0;
  border-inline-end-width: 1px;
  border-radius: 0;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .form-control::-webkit-file-upload-button {
    -webkit-transition: none;
    transition: none;
  }
}
.form-control:hover:not(:disabled):not([readonly])::-webkit-file-upload-button {
  background-color: #dde0e3;
}

.form-control-plaintext {
  display: block;
  width: 100%;
  padding: 0.5rem 0;
  margin-bottom: 0;
  line-height: 1.5;
  color: #212529;
  background-color: transparent;
  border: solid transparent;
  border-width: 1px 0;
}
.form-control-plaintext.form-control-sm, .form-control-plaintext.form-control-lg {
  padding-right: 0;
  padding-left: 0;
}

.form-control-sm {
  min-height: calc(1.25em + 0.8rem + 2px);
  padding: 0.4rem 0.8rem;
  font-size: 0.8125rem;
  border-radius: 0.2rem;
}
.form-control-sm::-webkit-file-upload-button {
  padding: 0.4rem 0.8rem;
  margin: -0.4rem -0.8rem;
  -webkit-margin-end: 0.8rem;
          margin-inline-end: 0.8rem;
}
.form-control-sm::file-selector-button {
  padding: 0.4rem 0.8rem;
  margin: -0.4rem -0.8rem;
  -webkit-margin-end: 0.8rem;
          margin-inline-end: 0.8rem;
}
.form-control-sm::-webkit-file-upload-button {
  padding: 0.4rem 0.8rem;
  margin: -0.4rem -0.8rem;
  -webkit-margin-end: 0.8rem;
          margin-inline-end: 0.8rem;
}

.form-control-lg {
  min-height: calc(1.25em + 1.6rem + 2px);
  padding: 0.8rem 1.5rem;
  font-size: 1rem;
  border-radius: 0.2rem;
}
.form-control-lg::-webkit-file-upload-button {
  padding: 0.8rem 1.5rem;
  margin: -0.8rem -1.5rem;
  -webkit-margin-end: 1.5rem;
          margin-inline-end: 1.5rem;
}
.form-control-lg::file-selector-button {
  padding: 0.8rem 1.5rem;
  margin: -0.8rem -1.5rem;
  -webkit-margin-end: 1.5rem;
          margin-inline-end: 1.5rem;
}
.form-control-lg::-webkit-file-upload-button {
  padding: 0.8rem 1.5rem;
  margin: -0.8rem -1.5rem;
  -webkit-margin-end: 1.5rem;
          margin-inline-end: 1.5rem;
}

textarea.form-control {
  min-height: calc(1.5em + 1rem + 2px);
}
textarea.form-control-sm {
  min-height: calc(1.25em + 0.8rem + 2px);
}
textarea.form-control-lg {
  min-height: calc(1.25em + 1.6rem + 2px);
}

.form-control-color {
  width: 3rem;
  height: auto;
  padding: 0.5rem;
}
.form-control-color:not(:disabled):not([readonly]) {
  cursor: pointer;
}
.form-control-color::-moz-color-swatch {
  height: 1.5em;
  border-radius: 0.4rem;
}
.form-control-color::-webkit-color-swatch {
  height: 1.5em;
  border-radius: 0.4rem;
}

.form-select {
  display: block;
  width: 100%;
  padding: 0.5rem 2.25rem 0.5rem 1rem;
  -moz-padding-start: calc(1rem - 3px);
  font-size: 0.9375rem;
  font-weight: 400;
  line-height: 1.5;
  color: #29292e;
  background-color: #fff;
  background-image: 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 5l6 6 6-6'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right 0.75rem center;
  background-size: 16px 12px;
  border: 1px solid #ced4da;
  border-radius: 0.4rem;
  -webkit-transition: border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
  transition: border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
@media (prefers-reduced-motion: reduce) {
  .form-select {
    -webkit-transition: none;
    transition: none;
  }
}
.form-select:focus {
  border-color: #8b1538;
  outline: 0;
  -webkit-box-shadow: 0 0 0 0 rgba(139, 21, 56, 0.25);
          box-shadow: 0 0 0 0 rgba(139, 21, 56, 0.25);
}
.form-select[multiple], .form-select[size]:not([size="1"]) {
  padding-right: 1rem;
  background-image: none;
}
.form-select:disabled {
  background-color: #e9ecef;
  border-color: #ced4da;
}
.form-select:-moz-focusring {
  color: transparent;
  text-shadow: 0 0 0 #29292e;
}

.form-select-sm {
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  padding-left: 0.5rem;
  font-size: 0.875rem;
  border-radius: 0.2rem;
}

.form-select-lg {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  padding-left: 1rem;
  font-size: 1.25rem;
  border-radius: 0.3rem;
}

.form-check {
  display: block;
  min-height: 1.5rem;
  padding-left: 1.5em;
  margin-bottom: 0.125rem;
}
.form-check .form-check-input {
  float: left;
  margin-left: -1.5em;
}

.form-check-input {
  width: 1em;
  height: 1em;
  margin-top: 0.25em;
  vertical-align: top;
  background-color: #eff2f6;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  border: 1px solid rgba(0, 0, 0, 0.25);
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  -webkit-print-color-adjust: exact;
          color-adjust: exact;
}
.form-check-input[type=checkbox] {
  border-radius: 0.25em;
}
.form-check-input[type=radio] {
  border-radius: 50%;
}
.form-check-input:active {
  -webkit-filter: brightness(90%);
          filter: brightness(90%);
}
.form-check-input:focus {
  border-color: #8b1538;
  outline: 0;
  -webkit-box-shadow: 0 0 0 0 rgba(139, 21, 56, 0.25);
          box-shadow: 0 0 0 0 rgba(139, 21, 56, 0.25);
}
.form-check-input:checked {
  background-color: #8b1538;
  border-color: #8b1538;
}
.form-check-input:checked[type=checkbox] {
  background-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 10l3 3l6-6'/%3e%3c/svg%3e");
}
.form-check-input:checked[type=radio] {
  background-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: #8b1538;
  border-color: #8b1538;
  background-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;
  -webkit-filter: none;
          filter: none;
  opacity: 0.5;
}
.form-check-input[disabled] ~ .form-check-label, .form-check-input:disabled ~ .form-check-label {
  opacity: 0.5;
}

.form-switch {
  padding-left: 2.5em;
}
.form-switch .form-check-input {
  width: 2em;
  margin-left: -2.5em;
  background-image: 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");
  background-position: left center;
  border-radius: 2em;
  -webkit-transition: background-position 0.15s ease-in-out;
  transition: background-position 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .form-switch .form-check-input {
    -webkit-transition: none;
    transition: none;
  }
}
.form-switch .form-check-input:focus {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%230f6fec'/%3e%3c/svg%3e");
}
.form-switch .form-check-input:checked {
  background-position: right center;
  background-image: 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-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;
  -webkit-filter: none;
          filter: none;
  opacity: 0.65;
}

.form-range {
  width: 100%;
  height: 1.5rem;
  padding: 0;
  background-color: transparent;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
.form-range:focus {
  outline: 0;
}
.form-range:focus::-webkit-slider-thumb {
  -webkit-box-shadow: 0 0 0 1px #eff2f6, none;
          box-shadow: 0 0 0 1px #eff2f6, none;
}
.form-range:focus::-moz-range-thumb {
  box-shadow: 0 0 0 1px #eff2f6, none;
}
.form-range::-moz-focus-outer {
  border: 0;
}
.form-range::-webkit-slider-thumb {
  width: 1rem;
  height: 1rem;
  margin-top: -0.25rem;
  background-color: #8b1538;
  border: 0;
  border-radius: 1rem;
  -webkit-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
  transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
  transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
  -webkit-appearance: none;
          appearance: none;
}
@media (prefers-reduced-motion: reduce) {
  .form-range::-webkit-slider-thumb {
    -webkit-transition: none;
    transition: none;
  }
}
.form-range::-webkit-slider-thumb:active {
  background-color: #b7d4f9;
}
.form-range::-webkit-slider-runnable-track {
  width: 100%;
  height: 0.5rem;
  color: transparent;
  cursor: pointer;
  background-color: #dee2e6;
  border-color: transparent;
  border-radius: 1rem;
}
.form-range::-moz-range-thumb {
  width: 1rem;
  height: 1rem;
  background-color: #8b1538;
  border: 0;
  border-radius: 1rem;
  -moz-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  -moz-appearance: none;
       appearance: none;
}
@media (prefers-reduced-motion: reduce) {
  .form-range::-moz-range-thumb {
    -moz-transition: none;
    transition: none;
  }
}
.form-range::-moz-range-thumb:active {
  background-color: #b7d4f9;
}
.form-range::-moz-range-track {
  width: 100%;
  height: 0.5rem;
  color: transparent;
  cursor: pointer;
  background-color: #dee2e6;
  border-color: transparent;
  border-radius: 1rem;
}
.form-range:disabled {
  pointer-events: none;
}
.form-range:disabled::-webkit-slider-thumb {
  background-color: #a1a1a8;
}
.form-range:disabled::-moz-range-thumb {
  background-color: #a1a1a8;
}

.form-floating {
  position: relative;
}
.form-floating > .form-control,
.form-floating > .form-select {
  height: calc(3.5rem + 2px);
  line-height: 1.25;
}
.form-floating > label {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  padding: 1rem 0.75rem;
  pointer-events: none;
  border: 1px solid transparent;
  -webkit-transform-origin: 0 0;
          transform-origin: 0 0;
  -webkit-transition: opacity 0.1s ease-in-out, -webkit-transform 0.1s ease-in-out;
  transition: opacity 0.1s ease-in-out, -webkit-transform 0.1s ease-in-out;
  transition: opacity 0.1s ease-in-out, transform 0.1s ease-in-out;
  transition: opacity 0.1s ease-in-out, transform 0.1s ease-in-out, -webkit-transform 0.1s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .form-floating > label {
    -webkit-transition: none;
    transition: none;
  }
}
.form-floating > .form-control {
  padding: 1rem 0.75rem;
}
.form-floating > .form-control::-webkit-input-placeholder {
  color: transparent;
}
.form-floating > .form-control::-moz-placeholder {
  color: transparent;
}
.form-floating > .form-control:-ms-input-placeholder {
  color: transparent;
}
.form-floating > .form-control::-ms-input-placeholder {
  color: transparent;
}
.form-floating > .form-control::placeholder {
  color: transparent;
}
.form-floating > .form-control:not(:-moz-placeholder-shown) {
  padding-top: 1.625rem;
  padding-bottom: 0.625rem;
}
.form-floating > .form-control:not(:-ms-input-placeholder) {
  padding-top: 1.625rem;
  padding-bottom: 0.625rem;
}
.form-floating > .form-control:focus, .form-floating > .form-control:not(:placeholder-shown) {
  padding-top: 1.625rem;
  padding-bottom: 0.625rem;
}
.form-floating > .form-control:-webkit-autofill {
  padding-top: 1.625rem;
  padding-bottom: 0.625rem;
}
.form-floating > .form-select {
  padding-top: 1.625rem;
  padding-bottom: 0.625rem;
}
.form-floating > .form-control:not(:-moz-placeholder-shown) ~ label {
  opacity: 0.65;
  transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem);
}
.form-floating > .form-control:not(:-ms-input-placeholder) ~ label {
  opacity: 0.65;
  transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem);
}
.form-floating > .form-control:focus ~ label,
.form-floating > .form-control:not(:placeholder-shown) ~ label,
.form-floating > .form-select ~ label {
  opacity: 0.65;
  -webkit-transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem);
          transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem);
}
.form-floating > .form-control:-webkit-autofill ~ label {
  opacity: 0.65;
  -webkit-transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem);
          transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem);
}

.input-group {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  width: 100%;
}
.input-group > .form-control,
.input-group > .form-select {
  position: relative;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  width: 1%;
  min-width: 0;
}
.input-group > .form-control:focus,
.input-group > .form-select:focus {
  z-index: 3;
}
.input-group .btn {
  position: relative;
  z-index: 2;
}
.input-group .btn:focus {
  z-index: 3;
}

.input-group-text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0.375rem 0.75rem;
  font-size: 0.9375rem;
  font-weight: 400;
  line-height: 1.5;
  color: #212529;
  text-align: center;
  white-space: nowrap;
  background-color: #e9ecef;
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 0.4rem;
}

.input-group-lg > .form-control,
.input-group-lg > .form-select,
.input-group-lg > .input-group-text,
.input-group-lg > .btn {
  padding: 0.8rem 1.5rem;
  font-size: 1rem;
  border-radius: 0.2rem;
}

.input-group-sm > .form-control,
.input-group-sm > .form-select,
.input-group-sm > .input-group-text,
.input-group-sm > .btn {
  padding: 0.4rem 0.8rem;
  font-size: 0.8125rem;
  border-radius: 0.2rem;
}

.input-group-lg > .form-select,
.input-group-sm > .form-select {
  padding-right: 3.25rem;
}

.input-group:not(.has-validation) > :not(:last-child):not(.dropdown-toggle):not(.dropdown-menu),
.input-group:not(.has-validation) > .dropdown-toggle:nth-last-child(n+3) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.input-group.has-validation > :nth-last-child(n+3):not(.dropdown-toggle):not(.dropdown-menu),
.input-group.has-validation > .dropdown-toggle:nth-last-child(n+4) {
  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: -1px;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.valid-feedback {
  display: none;
  width: 100%;
  margin-top: 0.25rem;
  font-size: 0.875em;
  color: #198754;
}

.valid-tooltip {
  position: absolute;
  top: 100%;
  z-index: 5;
  display: none;
  max-width: 100%;
  padding: 0.25rem 0.5rem;
  margin-top: 0.1rem;
  font-size: 0.875rem;
  color: #fff;
  background-color: rgba(25, 135, 84, 0.9);
  border-radius: 0.25rem;
}

.was-validated :valid ~ .valid-feedback,
.was-validated :valid ~ .valid-tooltip,
.is-valid ~ .valid-feedback,
.is-valid ~ .valid-tooltip {
  display: block;
}

.was-validated .form-control:valid, .form-control.is-valid {
  border-color: #198754;
  padding-right: calc(1.5em + 0.75rem);
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23198754' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right calc(0.375em + 0.1875rem) center;
  background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}
.was-validated .form-control:valid:focus, .form-control.is-valid:focus {
  border-color: #198754;
  -webkit-box-shadow: 0 0 0 1px rgba(25, 135, 84, 0.25);
          box-shadow: 0 0 0 1px rgba(25, 135, 84, 0.25);
}

.was-validated textarea.form-control:valid, textarea.form-control.is-valid {
  padding-right: calc(1.5em + 0.75rem);
  background-position: top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem);
}

.was-validated .form-select:valid, .form-select.is-valid {
  border-color: #198754;
}
.was-validated .form-select:valid:not([multiple]):not([size]), .was-validated .form-select:valid:not([multiple])[size="1"], .form-select.is-valid:not([multiple]):not([size]), .form-select.is-valid:not([multiple])[size="1"] {
  padding-right: 4.125rem;
  background-image: 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 5l6 6 6-6'/%3e%3c/svg%3e"), 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.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");
  background-position: right 0.75rem center, center right 2.25rem;
  background-size: 16px 12px, calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}
.was-validated .form-select:valid:focus, .form-select.is-valid:focus {
  border-color: #198754;
  -webkit-box-shadow: 0 0 0 1px rgba(25, 135, 84, 0.25);
          box-shadow: 0 0 0 1px rgba(25, 135, 84, 0.25);
}

.was-validated .form-check-input:valid, .form-check-input.is-valid {
  border-color: #198754;
}
.was-validated .form-check-input:valid:checked, .form-check-input.is-valid:checked {
  background-color: #198754;
}
.was-validated .form-check-input:valid:focus, .form-check-input.is-valid:focus {
  -webkit-box-shadow: 0 0 0 1px rgba(25, 135, 84, 0.25);
          box-shadow: 0 0 0 1px rgba(25, 135, 84, 0.25);
}
.was-validated .form-check-input:valid ~ .form-check-label, .form-check-input.is-valid ~ .form-check-label {
  color: #198754;
}

.form-check-inline .form-check-input ~ .valid-feedback {
  margin-left: 0.5em;
}

.was-validated .input-group .form-control:valid, .input-group .form-control.is-valid,
.was-validated .input-group .form-select:valid,
.input-group .form-select.is-valid {
  z-index: 1;
}
.was-validated .input-group .form-control:valid:focus, .input-group .form-control.is-valid:focus,
.was-validated .input-group .form-select:valid:focus,
.input-group .form-select.is-valid:focus {
  z-index: 3;
}

.invalid-feedback {
  display: none;
  width: 100%;
  margin-top: 0.25rem;
  font-size: 0.875em;
  color: #dc3545;
}

.invalid-tooltip {
  position: absolute;
  top: 100%;
  z-index: 5;
  display: none;
  max-width: 100%;
  padding: 0.25rem 0.5rem;
  margin-top: 0.1rem;
  font-size: 0.875rem;
  color: #fff;
  background-color: rgba(220, 53, 69, 0.9);
  border-radius: 0.25rem;
}

.was-validated :invalid ~ .invalid-feedback,
.was-validated :invalid ~ .invalid-tooltip,
.is-invalid ~ .invalid-feedback,
.is-invalid ~ .invalid-tooltip {
  display: block;
}

.was-validated .form-control:invalid, .form-control.is-invalid {
  border-color: #dc3545;
  padding-right: calc(1.5em + 0.75rem);
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right calc(0.375em + 0.1875rem) center;
  background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}
.was-validated .form-control:invalid:focus, .form-control.is-invalid:focus {
  border-color: #dc3545;
  -webkit-box-shadow: 0 0 0 1px rgba(220, 53, 69, 0.25);
          box-shadow: 0 0 0 1px rgba(220, 53, 69, 0.25);
}

.was-validated textarea.form-control:invalid, textarea.form-control.is-invalid {
  padding-right: calc(1.5em + 0.75rem);
  background-position: top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem);
}

.was-validated .form-select:invalid, .form-select.is-invalid {
  border-color: #dc3545;
}
.was-validated .form-select:invalid:not([multiple]):not([size]), .was-validated .form-select:invalid:not([multiple])[size="1"], .form-select.is-invalid:not([multiple]):not([size]), .form-select.is-invalid:not([multiple])[size="1"] {
  padding-right: 4.125rem;
  background-image: 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 5l6 6 6-6'/%3e%3c/svg%3e"), 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-position: right 0.75rem center, center right 2.25rem;
  background-size: 16px 12px, calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}
.was-validated .form-select:invalid:focus, .form-select.is-invalid:focus {
  border-color: #dc3545;
  -webkit-box-shadow: 0 0 0 1px rgba(220, 53, 69, 0.25);
          box-shadow: 0 0 0 1px rgba(220, 53, 69, 0.25);
}

.was-validated .form-check-input:invalid, .form-check-input.is-invalid {
  border-color: #dc3545;
}
.was-validated .form-check-input:invalid:checked, .form-check-input.is-invalid:checked {
  background-color: #dc3545;
}
.was-validated .form-check-input:invalid:focus, .form-check-input.is-invalid:focus {
  -webkit-box-shadow: 0 0 0 1px rgba(220, 53, 69, 0.25);
          box-shadow: 0 0 0 1px rgba(220, 53, 69, 0.25);
}
.was-validated .form-check-input:invalid ~ .form-check-label, .form-check-input.is-invalid ~ .form-check-label {
  color: #dc3545;
}

.form-check-inline .form-check-input ~ .invalid-feedback {
  margin-left: 0.5em;
}

.was-validated .input-group .form-control:invalid, .input-group .form-control.is-invalid,
.was-validated .input-group .form-select:invalid,
.input-group .form-select.is-invalid {
  z-index: 2;
}
.was-validated .input-group .form-control:invalid:focus, .input-group .form-control.is-invalid:focus,
.was-validated .input-group .form-select:invalid:focus,
.input-group .form-select.is-invalid:focus {
  z-index: 3;
}

.btn {
  display: inline-block;
  font-weight: 500;
  line-height: 1.5;
  color: #676a79;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  background-color: transparent;
  border: 1px solid transparent;
  padding: 0.5rem 1rem;
  font-size: 0.9375rem;
  border-radius: 0.4rem;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .btn {
    -webkit-transition: none;
    transition: none;
  }
}
.btn:hover {
  color: #676a79;
}
.btn-check:focus + .btn, .btn:focus {
  outline: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.btn:disabled, .btn.disabled, fieldset:disabled .btn {
  pointer-events: none;
  opacity: 0.65;
}

.btn-primary {
  color: #fff;
  background-color: #8b1538;
  border-color: #8b1538;
}
.btn-primary:hover {
  color: #fff;
  background-color: #0d5ec9;
  border-color: #0c59bd;
}
.btn-check:focus + .btn-primary, .btn-primary:focus {
  color: #fff;
  background-color: #0d5ec9;
  border-color: #0c59bd;
  -webkit-box-shadow: 0 0 0 0 rgba(51, 133, 239, 0.5);
          box-shadow: 0 0 0 0 rgba(51, 133, 239, 0.5);
}
.btn-check:checked + .btn-primary, .btn-check:active + .btn-primary, .btn-primary:active, .btn-primary.active, .show > .btn-primary.dropdown-toggle {
  color: #fff;
  background-color: #0c59bd;
  border-color: #0b53b1;
}
.btn-check:checked + .btn-primary:focus, .btn-check:active + .btn-primary:focus, .btn-primary:active:focus, .btn-primary.active:focus, .show > .btn-primary.dropdown-toggle:focus {
  -webkit-box-shadow: 0 0 0 0 rgba(51, 133, 239, 0.5);
          box-shadow: 0 0 0 0 rgba(51, 133, 239, 0.5);
}
.btn-primary:disabled, .btn-primary.disabled {
  color: #fff;
  background-color: #8b1538;
  border-color: #8b1538;
}

.btn-secondary {
  color: #fff;
  background-color: #14191e;
  border-color: #14191e;
}
.btn-secondary:hover {
  color: #fff;
  background-color: #11151a;
  border-color: #101418;
}
.btn-check:focus + .btn-secondary, .btn-secondary:focus {
  color: #fff;
  background-color: #11151a;
  border-color: #101418;
  -webkit-box-shadow: 0 0 0 0 rgba(55, 60, 64, 0.5);
          box-shadow: 0 0 0 0 rgba(55, 60, 64, 0.5);
}
.btn-check:checked + .btn-secondary, .btn-check:active + .btn-secondary, .btn-secondary:active, .btn-secondary.active, .show > .btn-secondary.dropdown-toggle {
  color: #fff;
  background-color: #101418;
  border-color: #0f1317;
}
.btn-check:checked + .btn-secondary:focus, .btn-check:active + .btn-secondary:focus, .btn-secondary:active:focus, .btn-secondary.active:focus, .show > .btn-secondary.dropdown-toggle:focus {
  -webkit-box-shadow: 0 0 0 0 rgba(55, 60, 64, 0.5);
          box-shadow: 0 0 0 0 rgba(55, 60, 64, 0.5);
}
.btn-secondary:disabled, .btn-secondary.disabled {
  color: #fff;
  background-color: #14191e;
  border-color: #14191e;
}

.btn-success {
  color: #fff;
  background-color: #0cbc87;
  border-color: #0cbc87;
}
.btn-success:hover {
  color: #fff;
  background-color: #0aa073;
  border-color: #0a966c;
}
.btn-check:focus + .btn-success, .btn-success:focus {
  color: #fff;
  background-color: #0aa073;
  border-color: #0a966c;
  -webkit-box-shadow: 0 0 0 0 rgba(48, 198, 153, 0.5);
          box-shadow: 0 0 0 0 rgba(48, 198, 153, 0.5);
}
.btn-check:checked + .btn-success, .btn-check:active + .btn-success, .btn-success:active, .btn-success.active, .show > .btn-success.dropdown-toggle {
  color: #fff;
  background-color: #0a966c;
  border-color: #098d65;
}
.btn-check:checked + .btn-success:focus, .btn-check:active + .btn-success:focus, .btn-success:active:focus, .btn-success.active:focus, .show > .btn-success.dropdown-toggle:focus {
  -webkit-box-shadow: 0 0 0 0 rgba(48, 198, 153, 0.5);
          box-shadow: 0 0 0 0 rgba(48, 198, 153, 0.5);
}
.btn-success:disabled, .btn-success.disabled {
  color: #fff;
  background-color: #0cbc87;
  border-color: #0cbc87;
}

.btn-info {
  color: #fff;
  background-color: #8b1538;
  border-color: #8b1538;
}
.btn-info:hover {
  color: #fff;
  background-color: #4386d3;
  border-color: #3f7ec6;
}
.btn-check:focus + .btn-info, .btn-info:focus {
  color: #fff;
  background-color: #4386d3;
  border-color: #3f7ec6;
  -webkit-box-shadow: 0 0 0 0 rgba(105, 173, 249, 0.5);
          box-shadow: 0 0 0 0 rgba(105, 173, 249, 0.5);
}
.btn-check:checked + .btn-info, .btn-check:active + .btn-info, .btn-info:active, .btn-info.active, .show > .btn-info.dropdown-toggle {
  color: #fff;
  background-color: #3f7ec6;
  border-color: #3b77ba;
}
.btn-check:checked + .btn-info:focus, .btn-check:active + .btn-info:focus, .btn-info:active:focus, .btn-info.active:focus, .show > .btn-info.dropdown-toggle:focus {
  -webkit-box-shadow: 0 0 0 0 rgba(105, 173, 249, 0.5);
          box-shadow: 0 0 0 0 rgba(105, 173, 249, 0.5);
}
.btn-info:disabled, .btn-info.disabled {
  color: #fff;
  background-color: #8b1538;
  border-color: #8b1538;
}

.btn-warning {
  color: #000;
  background-color: #f7c32e;
  border-color: #f7c32e;
}
.btn-warning:hover {
  color: #000;
  background-color: #f8cc4d;
  border-color: #f8c943;
}
.btn-check:focus + .btn-warning, .btn-warning:focus {
  color: #000;
  background-color: #f8cc4d;
  border-color: #f8c943;
  -webkit-box-shadow: 0 0 0 0 rgba(210, 166, 39, 0.5);
          box-shadow: 0 0 0 0 rgba(210, 166, 39, 0.5);
}
.btn-check:checked + .btn-warning, .btn-check:active + .btn-warning, .btn-warning:active, .btn-warning.active, .show > .btn-warning.dropdown-toggle {
  color: #000;
  background-color: #f9cf58;
  border-color: #f8c943;
}
.btn-check:checked + .btn-warning:focus, .btn-check:active + .btn-warning:focus, .btn-warning:active:focus, .btn-warning.active:focus, .show > .btn-warning.dropdown-toggle:focus {
  -webkit-box-shadow: 0 0 0 0 rgba(210, 166, 39, 0.5);
          box-shadow: 0 0 0 0 rgba(210, 166, 39, 0.5);
}
.btn-warning:disabled, .btn-warning.disabled {
  color: #000;
  background-color: #f7c32e;
  border-color: #f7c32e;
}

.btn-danger {
  color: #fff;
  background-color: #d6293e;
  border-color: #d6293e;
}
.btn-danger:hover {
  color: #fff;
  background-color: #b62335;
  border-color: #ab2132;
}
.btn-check:focus + .btn-danger, .btn-danger:focus {
  color: #fff;
  background-color: #b62335;
  border-color: #ab2132;
  -webkit-box-shadow: 0 0 0 0 rgba(220, 73, 91, 0.5);
          box-shadow: 0 0 0 0 rgba(220, 73, 91, 0.5);
}
.btn-check:checked + .btn-danger, .btn-check:active + .btn-danger, .btn-danger:active, .btn-danger.active, .show > .btn-danger.dropdown-toggle {
  color: #fff;
  background-color: #ab2132;
  border-color: #a11f2f;
}
.btn-check:checked + .btn-danger:focus, .btn-check:active + .btn-danger:focus, .btn-danger:active:focus, .btn-danger.active:focus, .show > .btn-danger.dropdown-toggle:focus {
  -webkit-box-shadow: 0 0 0 0 rgba(220, 73, 91, 0.5);
          box-shadow: 0 0 0 0 rgba(220, 73, 91, 0.5);
}
.btn-danger:disabled, .btn-danger.disabled {
  color: #fff;
  background-color: #d6293e;
  border-color: #d6293e;
}

.btn-light {
  color: #000;
  background-color: #eef0f2;
  border-color: #eef0f2;
}
.btn-light:hover {
  color: #000;
  background-color: #f1f2f4;
  border-color: #f0f2f3;
}
.btn-check:focus + .btn-light, .btn-light:focus {
  color: #000;
  background-color: #f1f2f4;
  border-color: #f0f2f3;
  -webkit-box-shadow: 0 0 0 0 rgba(202, 204, 206, 0.5);
          box-shadow: 0 0 0 0 rgba(202, 204, 206, 0.5);
}
.btn-check:checked + .btn-light, .btn-check:active + .btn-light, .btn-light:active, .btn-light.active, .show > .btn-light.dropdown-toggle {
  color: #000;
  background-color: #f1f3f5;
  border-color: #f0f2f3;
}
.btn-check:checked + .btn-light:focus, .btn-check:active + .btn-light:focus, .btn-light:active:focus, .btn-light.active:focus, .show > .btn-light.dropdown-toggle:focus {
  -webkit-box-shadow: 0 0 0 0 rgba(202, 204, 206, 0.5);
          box-shadow: 0 0 0 0 rgba(202, 204, 206, 0.5);
}
.btn-light:disabled, .btn-light.disabled {
  color: #000;
  background-color: #eef0f2;
  border-color: #eef0f2;
}

.btn-dark {
  color: #fff;
  background-color: #14191e;
  border-color: #14191e;
}
.btn-dark:hover {
  color: #fff;
  background-color: #11151a;
  border-color: #101418;
}
.btn-check:focus + .btn-dark, .btn-dark:focus {
  color: #fff;
  background-color: #11151a;
  border-color: #101418;
  -webkit-box-shadow: 0 0 0 0 rgba(55, 60, 64, 0.5);
          box-shadow: 0 0 0 0 rgba(55, 60, 64, 0.5);
}
.btn-check:checked + .btn-dark, .btn-check:active + .btn-dark, .btn-dark:active, .btn-dark.active, .show > .btn-dark.dropdown-toggle {
  color: #fff;
  background-color: #101418;
  border-color: #0f1317;
}
.btn-check:checked + .btn-dark:focus, .btn-check:active + .btn-dark:focus, .btn-dark:active:focus, .btn-dark.active:focus, .show > .btn-dark.dropdown-toggle:focus {
  -webkit-box-shadow: 0 0 0 0 rgba(55, 60, 64, 0.5);
          box-shadow: 0 0 0 0 rgba(55, 60, 64, 0.5);
}
.btn-dark:disabled, .btn-dark.disabled {
  color: #fff;
  background-color: #14191e;
  border-color: #14191e;
}

.btn-outline-primary {
  color: #8b1538;
  border-color: #8b1538;
}
.btn-outline-primary:hover {
  color: #fff;
  background-color: #8b1538;
  border-color: #8b1538;
}
.btn-check:focus + .btn-outline-primary, .btn-outline-primary:focus {
  -webkit-box-shadow: 0 0 0 0 rgba(139, 21, 56, 0.5);
          box-shadow: 0 0 0 0 rgba(139, 21, 56, 0.5);
}
.btn-check:checked + .btn-outline-primary, .btn-check:active + .btn-outline-primary, .btn-outline-primary:active, .btn-outline-primary.active, .btn-outline-primary.dropdown-toggle.show {
  color: #fff;
  background-color: #8b1538;
  border-color: #8b1538;
}
.btn-check:checked + .btn-outline-primary:focus, .btn-check:active + .btn-outline-primary:focus, .btn-outline-primary:active:focus, .btn-outline-primary.active:focus, .btn-outline-primary.dropdown-toggle.show:focus {
  -webkit-box-shadow: 0 0 0 0 rgba(139, 21, 56, 0.5);
          box-shadow: 0 0 0 0 rgba(139, 21, 56, 0.5);
}
.btn-outline-primary:disabled, .btn-outline-primary.disabled {
  color: #8b1538;
  background-color: transparent;
}

.btn-outline-secondary {
  color: #14191e;
  border-color: #14191e;
}
.btn-outline-secondary:hover {
  color: #fff;
  background-color: #14191e;
  border-color: #14191e;
}
.btn-check:focus + .btn-outline-secondary, .btn-outline-secondary:focus {
  -webkit-box-shadow: 0 0 0 0 rgba(20, 25, 30, 0.5);
          box-shadow: 0 0 0 0 rgba(20, 25, 30, 0.5);
}
.btn-check:checked + .btn-outline-secondary, .btn-check:active + .btn-outline-secondary, .btn-outline-secondary:active, .btn-outline-secondary.active, .btn-outline-secondary.dropdown-toggle.show {
  color: #fff;
  background-color: #14191e;
  border-color: #14191e;
}
.btn-check:checked + .btn-outline-secondary:focus, .btn-check:active + .btn-outline-secondary:focus, .btn-outline-secondary:active:focus, .btn-outline-secondary.active:focus, .btn-outline-secondary.dropdown-toggle.show:focus {
  -webkit-box-shadow: 0 0 0 0 rgba(20, 25, 30, 0.5);
          box-shadow: 0 0 0 0 rgba(20, 25, 30, 0.5);
}
.btn-outline-secondary:disabled, .btn-outline-secondary.disabled {
  color: #14191e;
  background-color: transparent;
}

.btn-outline-success {
  color: #0cbc87;
  border-color: #0cbc87;
}
.btn-outline-success:hover {
  color: #fff;
  background-color: #0cbc87;
  border-color: #0cbc87;
}
.btn-check:focus + .btn-outline-success, .btn-outline-success:focus {
  -webkit-box-shadow: 0 0 0 0 rgba(12, 188, 135, 0.5);
          box-shadow: 0 0 0 0 rgba(12, 188, 135, 0.5);
}
.btn-check:checked + .btn-outline-success, .btn-check:active + .btn-outline-success, .btn-outline-success:active, .btn-outline-success.active, .btn-outline-success.dropdown-toggle.show {
  color: #fff;
  background-color: #0cbc87;
  border-color: #0cbc87;
}
.btn-check:checked + .btn-outline-success:focus, .btn-check:active + .btn-outline-success:focus, .btn-outline-success:active:focus, .btn-outline-success.active:focus, .btn-outline-success.dropdown-toggle.show:focus {
  -webkit-box-shadow: 0 0 0 0 rgba(12, 188, 135, 0.5);
          box-shadow: 0 0 0 0 rgba(12, 188, 135, 0.5);
}
.btn-outline-success:disabled, .btn-outline-success.disabled {
  color: #0cbc87;
  background-color: transparent;
}

.btn-outline-info {
  color: #8b1538;
  border-color: #8b1538;
}
.btn-outline-info:hover {
  color: #fff;
  background-color: #8b1538;
  border-color: #8b1538;
}
.btn-check:focus + .btn-outline-info, .btn-outline-info:focus {
  -webkit-box-shadow: 0 0 0 0 rgba(139, 21, 56, 0.5);
          box-shadow: 0 0 0 0 rgba(139, 21, 56, 0.5);
}
.btn-check:checked + .btn-outline-info, .btn-check:active + .btn-outline-info, .btn-outline-info:active, .btn-outline-info.active, .btn-outline-info.dropdown-toggle.show {
  color: #fff;
  background-color: #8b1538;
  border-color: #8b1538;
}
.btn-check:checked + .btn-outline-info:focus, .btn-check:active + .btn-outline-info:focus, .btn-outline-info:active:focus, .btn-outline-info.active:focus, .btn-outline-info.dropdown-toggle.show:focus {
  -webkit-box-shadow: 0 0 0 0 rgba(139, 21, 56, 0.5);
          box-shadow: 0 0 0 0 rgba(139, 21, 56, 0.5);
}
.btn-outline-info:disabled, .btn-outline-info.disabled {
  color: #8b1538;
  background-color: transparent;
}

.btn-outline-warning {
  color: #f7c32e;
  border-color: #f7c32e;
}
.btn-outline-warning:hover {
  color: #000;
  background-color: #f7c32e;
  border-color: #f7c32e;
}
.btn-check:focus + .btn-outline-warning, .btn-outline-warning:focus {
  -webkit-box-shadow: 0 0 0 0 rgba(247, 195, 46, 0.5);
          box-shadow: 0 0 0 0 rgba(247, 195, 46, 0.5);
}
.btn-check:checked + .btn-outline-warning, .btn-check:active + .btn-outline-warning, .btn-outline-warning:active, .btn-outline-warning.active, .btn-outline-warning.dropdown-toggle.show {
  color: #000;
  background-color: #f7c32e;
  border-color: #f7c32e;
}
.btn-check:checked + .btn-outline-warning:focus, .btn-check:active + .btn-outline-warning:focus, .btn-outline-warning:active:focus, .btn-outline-warning.active:focus, .btn-outline-warning.dropdown-toggle.show:focus {
  -webkit-box-shadow: 0 0 0 0 rgba(247, 195, 46, 0.5);
          box-shadow: 0 0 0 0 rgba(247, 195, 46, 0.5);
}
.btn-outline-warning:disabled, .btn-outline-warning.disabled {
  color: #f7c32e;
  background-color: transparent;
}

.btn-outline-danger {
  color: #d6293e;
  border-color: #d6293e;
}
.btn-outline-danger:hover {
  color: #fff;
  background-color: #d6293e;
  border-color: #d6293e;
}
.btn-check:focus + .btn-outline-danger, .btn-outline-danger:focus {
  -webkit-box-shadow: 0 0 0 0 rgba(214, 41, 62, 0.5);
          box-shadow: 0 0 0 0 rgba(214, 41, 62, 0.5);
}
.btn-check:checked + .btn-outline-danger, .btn-check:active + .btn-outline-danger, .btn-outline-danger:active, .btn-outline-danger.active, .btn-outline-danger.dropdown-toggle.show {
  color: #fff;
  background-color: #d6293e;
  border-color: #d6293e;
}
.btn-check:checked + .btn-outline-danger:focus, .btn-check:active + .btn-outline-danger:focus, .btn-outline-danger:active:focus, .btn-outline-danger.active:focus, .btn-outline-danger.dropdown-toggle.show:focus {
  -webkit-box-shadow: 0 0 0 0 rgba(214, 41, 62, 0.5);
          box-shadow: 0 0 0 0 rgba(214, 41, 62, 0.5);
}
.btn-outline-danger:disabled, .btn-outline-danger.disabled {
  color: #d6293e;
  background-color: transparent;
}

.btn-outline-light {
  color: #eef0f2;
  border-color: #eef0f2;
}
.btn-outline-light:hover {
  color: #000;
  background-color: #eef0f2;
  border-color: #eef0f2;
}
.btn-check:focus + .btn-outline-light, .btn-outline-light:focus {
  -webkit-box-shadow: 0 0 0 0 rgba(238, 240, 242, 0.5);
          box-shadow: 0 0 0 0 rgba(238, 240, 242, 0.5);
}
.btn-check:checked + .btn-outline-light, .btn-check:active + .btn-outline-light, .btn-outline-light:active, .btn-outline-light.active, .btn-outline-light.dropdown-toggle.show {
  color: #000;
  background-color: #eef0f2;
  border-color: #eef0f2;
}
.btn-check:checked + .btn-outline-light:focus, .btn-check:active + .btn-outline-light:focus, .btn-outline-light:active:focus, .btn-outline-light.active:focus, .btn-outline-light.dropdown-toggle.show:focus {
  -webkit-box-shadow: 0 0 0 0 rgba(238, 240, 242, 0.5);
          box-shadow: 0 0 0 0 rgba(238, 240, 242, 0.5);
}
.btn-outline-light:disabled, .btn-outline-light.disabled {
  color: #eef0f2;
  background-color: transparent;
}

.btn-outline-dark {
  color: #14191e;
  border-color: #14191e;
}
.btn-outline-dark:hover {
  color: #fff;
  background-color: #14191e;
  border-color: #14191e;
}
.btn-check:focus + .btn-outline-dark, .btn-outline-dark:focus {
  -webkit-box-shadow: 0 0 0 0 rgba(20, 25, 30, 0.5);
          box-shadow: 0 0 0 0 rgba(20, 25, 30, 0.5);
}
.btn-check:checked + .btn-outline-dark, .btn-check:active + .btn-outline-dark, .btn-outline-dark:active, .btn-outline-dark.active, .btn-outline-dark.dropdown-toggle.show {
  color: #fff;
  background-color: #14191e;
  border-color: #14191e;
}
.btn-check:checked + .btn-outline-dark:focus, .btn-check:active + .btn-outline-dark:focus, .btn-outline-dark:active:focus, .btn-outline-dark.active:focus, .btn-outline-dark.dropdown-toggle.show:focus {
  -webkit-box-shadow: 0 0 0 0 rgba(20, 25, 30, 0.5);
          box-shadow: 0 0 0 0 rgba(20, 25, 30, 0.5);
}
.btn-outline-dark:disabled, .btn-outline-dark.disabled {
  color: #14191e;
  background-color: transparent;
}

.btn-link {
  font-weight: 500;
  color: #8b1538;
  text-decoration: none;
}
.btn-link:hover {
  color: #0c59bd;
}
.btn-link:disabled, .btn-link.disabled {
  color: #e1e4e6;
}

.btn-lg, .btn-group-lg > .btn {
  padding: 0.8rem 1.5rem;
  font-size: 1rem;
  border-radius: 0.2rem;
}

.btn-sm, .btn-group-sm > .btn {
  padding: 0.4rem 0.8rem;
  font-size: 0.8125rem;
  border-radius: 0.2rem;
}

.fade {
  -webkit-transition: opacity 0.15s linear;
  transition: opacity 0.15s linear;
}
@media (prefers-reduced-motion: reduce) {
  .fade {
    -webkit-transition: none;
    transition: none;
  }
}
.fade:not(.show) {
  opacity: 0;
}

.collapse:not(.show) {
  display: none;
}

.collapsing {
  height: 0;
  overflow: hidden;
  -webkit-transition: height 0.35s ease;
  transition: height 0.35s ease;
}
@media (prefers-reduced-motion: reduce) {
  .collapsing {
    -webkit-transition: none;
    transition: none;
  }
}
.collapsing.collapse-horizontal {
  width: 0;
  height: auto;
  -webkit-transition: width 0.35s ease;
  transition: width 0.35s ease;
}
@media (prefers-reduced-motion: reduce) {
  .collapsing.collapse-horizontal {
    -webkit-transition: none;
    transition: none;
  }
}

.dropup,
.dropend,
.dropdown,
.dropstart {
  position: relative;
}

.dropdown-toggle {
  white-space: nowrap;
}
.dropdown-toggle::after {
  display: inline-block;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border-top: 0.3em solid;
  border-right: 0.3em solid transparent;
  border-bottom: 0;
  border-left: 0.3em solid transparent;
}
.dropdown-toggle:empty::after {
  margin-left: 0;
}

.dropdown-menu {
  position: absolute;
  z-index: 1000;
  display: none;
  min-width: 15rem;
  padding: 1rem 0;
  margin: 0;
  font-size: 0.9375rem;
  color: #676a79;
  text-align: left;
  list-style: none;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.06);
  border-radius: 0.4rem;
}
.dropdown-menu[data-bs-popper] {
  top: 100%;
  left: 0;
  margin-top: 0;
}

.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: 0;
}
.dropup .dropdown-toggle::after {
  display: inline-block;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border-top: 0;
  border-right: 0.3em solid transparent;
  border-bottom: 0.3em solid;
  border-left: 0.3em solid transparent;
}
.dropup .dropdown-toggle:empty::after {
  margin-left: 0;
}

.dropend .dropdown-menu[data-bs-popper] {
  top: 0;
  right: auto;
  left: 100%;
  margin-top: 0;
  margin-left: 0;
}
.dropend .dropdown-toggle::after {
  display: inline-block;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border-top: 0.3em solid transparent;
  border-right: 0;
  border-bottom: 0.3em solid transparent;
  border-left: 0.3em solid;
}
.dropend .dropdown-toggle:empty::after {
  margin-left: 0;
}
.dropend .dropdown-toggle::after {
  vertical-align: 0;
}

.dropstart .dropdown-menu[data-bs-popper] {
  top: 0;
  right: 100%;
  left: auto;
  margin-top: 0;
  margin-right: 0;
}
.dropstart .dropdown-toggle::after {
  display: inline-block;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: "";
}
.dropstart .dropdown-toggle::after {
  display: none;
}
.dropstart .dropdown-toggle::before {
  display: inline-block;
  margin-right: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border-top: 0.3em solid transparent;
  border-right: 0.3em solid;
  border-bottom: 0.3em solid transparent;
}
.dropstart .dropdown-toggle:empty::after {
  margin-left: 0;
}
.dropstart .dropdown-toggle::before {
  vertical-align: 0;
}

.dropdown-divider {
  height: 0;
  margin: 0.5rem 0;
  overflow: hidden;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
}

.dropdown-item {
  display: block;
  width: 100%;
  padding: 0.4rem 1.2rem;
  clear: both;
  font-weight: 500;
  color: #676a79;
  text-align: inherit;
  white-space: nowrap;
  background-color: transparent;
  border: 0;
}
.dropdown-item:hover, .dropdown-item:focus {
  color: #8b1538;
  background-color: transparent;
}
.dropdown-item.active, .dropdown-item:active {
  color: #8b1538;
  text-decoration: none;
  background-color: transparent;
}
.dropdown-item.disabled, .dropdown-item:disabled {
  color: #676a79;
  pointer-events: none;
  background-color: transparent;
}

.dropdown-menu.show {
  display: block;
}

.dropdown-header {
  display: block;
  padding: 1rem 1.2rem;
  margin-bottom: 0;
  font-size: 0.8203125rem;
  color: #14191e;
  white-space: nowrap;
}

.dropdown-item-text {
  display: block;
  padding: 0.4rem 1.2rem;
  color: #676a79;
}

.dropdown-menu-dark {
  color: #eef0f2;
  background-color: #14191e;
  border-color: rgba(0, 0, 0, 0.06);
}
.dropdown-menu-dark .dropdown-item {
  color: #eef0f2;
}
.dropdown-menu-dark .dropdown-item:hover, .dropdown-menu-dark .dropdown-item:focus {
  color: #fff;
  background-color: transparent;
}
.dropdown-menu-dark .dropdown-item.active, .dropdown-menu-dark .dropdown-item:active {
  color: #8b1538;
  background-color: transparent;
}
.dropdown-menu-dark .dropdown-item.disabled, .dropdown-menu-dark .dropdown-item:disabled {
  color: #a1a1a8;
}
.dropdown-menu-dark .dropdown-divider {
  border-color: rgba(255, 255, 255, 0.1);
}
.dropdown-menu-dark .dropdown-item-text {
  color: #eef0f2;
}
.dropdown-menu-dark .dropdown-header {
  color: #a1a1a8;
}

.btn-group,
.btn-group-vertical {
  position: relative;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  vertical-align: middle;
}
.btn-group > .btn,
.btn-group-vertical > .btn {
  position: relative;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
}
.btn-group > .btn-check:checked + .btn,
.btn-group > .btn-check:focus + .btn,
.btn-group > .btn:hover,
.btn-group > .btn:focus,
.btn-group > .btn:active,
.btn-group > .btn.active,
.btn-group-vertical > .btn-check:checked + .btn,
.btn-group-vertical > .btn-check:focus + .btn,
.btn-group-vertical > .btn:hover,
.btn-group-vertical > .btn:focus,
.btn-group-vertical > .btn:active,
.btn-group-vertical > .btn.active {
  z-index: 1;
}

.btn-toolbar {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.btn-toolbar .input-group {
  width: auto;
}

.btn-group > .btn:not(:first-child),
.btn-group > .btn-group:not(:first-child) {
  margin-left: -1px;
}
.btn-group > .btn:not(:last-child):not(.dropdown-toggle),
.btn-group > .btn-group:not(:last-child) > .btn {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.btn-group > .btn:nth-child(n+3),
.btn-group > :not(.btn-check) + .btn,
.btn-group > .btn-group:not(:first-child) > .btn {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.dropdown-toggle-split {
  padding-right: 0.75rem;
  padding-left: 0.75rem;
}
.dropdown-toggle-split::after, .dropup .dropdown-toggle-split::after, .dropend .dropdown-toggle-split::after {
  margin-left: 0;
}
.dropstart .dropdown-toggle-split::before {
  margin-right: 0;
}

.btn-sm + .dropdown-toggle-split, .btn-group-sm > .btn + .dropdown-toggle-split {
  padding-right: 0.6rem;
  padding-left: 0.6rem;
}

.btn-lg + .dropdown-toggle-split, .btn-group-lg > .btn + .dropdown-toggle-split {
  padding-right: 1.125rem;
  padding-left: 1.125rem;
}

.btn-group-vertical {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.btn-group-vertical > .btn,
.btn-group-vertical > .btn-group {
  width: 100%;
}
.btn-group-vertical > .btn:not(:first-child),
.btn-group-vertical > .btn-group:not(:first-child) {
  margin-top: -1px;
}
.btn-group-vertical > .btn:not(:last-child):not(.dropdown-toggle),
.btn-group-vertical > .btn-group:not(:last-child) > .btn {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.btn-group-vertical > .btn ~ .btn,
.btn-group-vertical > .btn-group:not(:first-child) > .btn {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
}

.nav-link {
  display: block;
  padding: 0.25rem 0.75rem;
  color: #676a79;
  -webkit-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .nav-link {
    -webkit-transition: none;
    transition: none;
  }
}
.nav-link:hover, .nav-link:focus {
  color: #0c59bd;
}
.nav-link.disabled {
  color: #a1a1a8 !important;
  pointer-events: none;
  cursor: default;
}

.nav-tabs {
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.nav-tabs .nav-link {
  margin-bottom: -1px;
  background: none;
  border: 1px solid transparent;
  border-top-left-radius: 0.4rem;
  border-top-right-radius: 0.4rem;
}
.nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus {
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1);
  isolation: isolate;
}
.nav-tabs .nav-link.disabled {
  color: #a1a1a8 !important;
  background-color: transparent;
  border-color: transparent;
}
.nav-tabs .nav-link.active,
.nav-tabs .nav-item.show .nav-link {
  color: #29292e;
  background-color: #eff2f6;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) #eff2f6;
}
.nav-tabs .dropdown-menu {
  margin-top: -1px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.nav-pills .nav-link {
  background: none;
  border: 0;
  border-radius: 0.4rem;
}
.nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
  color: #fff;
  background-color: #8b1538;
}

.nav-fill > .nav-link,
.nav-fill .nav-item {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  text-align: center;
}

.nav-justified > .nav-link,
.nav-justified .nav-item {
  -ms-flex-preferred-size: 0;
      flex-basis: 0;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  text-align: center;
}

.nav-fill .nav-item .nav-link,
.nav-justified .nav-item .nav-link {
  width: 100%;
}

.tab-content > .tab-pane {
  display: none;
}
.tab-content > .active {
  display: block;
}

.navbar {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding-top: 0;
  padding-right: 0;
  padding-bottom: 0;
  padding-left: 0;
}
.navbar > .container,
.navbar > .container-fluid,
.navbar > .container-sm,
.navbar > .container-md,
.navbar > .container-lg,
.navbar > .container-xl,
.navbar > .container-xxl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: inherit;
      flex-wrap: inherit;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.navbar-brand {
  padding-top: 10px;
  padding-bottom: 10px;
  margin-right: 1rem;
  font-size: 1.25rem;
  white-space: nowrap;
}
.navbar-nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
}
.navbar-nav .nav-link {
  padding-right: 0;
  padding-left: 0;
}
.navbar-nav .dropdown-menu {
  position: static;
}

.navbar-text {
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
}

.navbar-collapse {
  -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.navbar-toggler {
  padding: 0.25rem 0;
  font-size: 1.25rem;
  line-height: 1;
  background-color: transparent;
  border: 1px solid transparent;
  border-radius: 0.25rem;
  -webkit-transition: -webkit-box-shadow 0.15s ease-in-out;
  transition: -webkit-box-shadow 0.15s ease-in-out;
  transition: box-shadow 0.15s ease-in-out;
  transition: box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .navbar-toggler {
    -webkit-transition: none;
    transition: none;
  }
}
.navbar-toggler:hover {
  text-decoration: none;
}
.navbar-toggler:focus {
  text-decoration: none;
  outline: 0;
  -webkit-box-shadow: 0 0 0 0;
          box-shadow: 0 0 0 0;
}

.navbar-toggler-icon {
  display: inline-block;
  width: 1.5em;
  height: 1.5em;
  vertical-align: middle;
  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 {
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
  .navbar-expand-sm .navbar-nav {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
  .navbar-expand-sm .navbar-nav .dropdown-menu {
    position: absolute;
  }
  .navbar-expand-sm .navbar-nav .nav-link {
    padding-right: 1rem;
    padding-left: 1rem;
  }
  .navbar-expand-sm .navbar-nav-scroll {
    overflow: visible;
  }
  .navbar-expand-sm .navbar-collapse {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -ms-flex-preferred-size: auto;
        flex-basis: auto;
  }
  .navbar-expand-sm .navbar-toggler {
    display: none;
  }
  .navbar-expand-sm .offcanvas-header {
    display: none;
  }
  .navbar-expand-sm .offcanvas {
    position: inherit;
    bottom: 0;
    z-index: 1000;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    visibility: visible !important;
    background-color: transparent;
    border-right: 0;
    border-left: 0;
    -webkit-transition: none;
    transition: none;
    -webkit-transform: none;
            transform: none;
  }
  .navbar-expand-sm .offcanvas-top,
.navbar-expand-sm .offcanvas-bottom {
    height: auto;
    border-top: 0;
    border-bottom: 0;
  }
  .navbar-expand-sm .offcanvas-body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
        -ms-flex-positive: 0;
            flex-grow: 0;
    padding: 0;
    overflow-y: visible;
  }
}
@media (min-width: 768px) {
  .navbar-expand-md {
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
  .navbar-expand-md .navbar-nav {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
  .navbar-expand-md .navbar-nav .dropdown-menu {
    position: absolute;
  }
  .navbar-expand-md .navbar-nav .nav-link {
    padding-right: 1rem;
    padding-left: 1rem;
  }
  .navbar-expand-md .navbar-nav-scroll {
    overflow: visible;
  }
  .navbar-expand-md .navbar-collapse {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -ms-flex-preferred-size: auto;
        flex-basis: auto;
  }
  .navbar-expand-md .navbar-toggler {
    display: none;
  }
  .navbar-expand-md .offcanvas-header {
    display: none;
  }
  .navbar-expand-md .offcanvas {
    position: inherit;
    bottom: 0;
    z-index: 1000;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    visibility: visible !important;
    background-color: transparent;
    border-right: 0;
    border-left: 0;
    -webkit-transition: none;
    transition: none;
    -webkit-transform: none;
            transform: none;
  }
  .navbar-expand-md .offcanvas-top,
.navbar-expand-md .offcanvas-bottom {
    height: auto;
    border-top: 0;
    border-bottom: 0;
  }
  .navbar-expand-md .offcanvas-body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
        -ms-flex-positive: 0;
            flex-grow: 0;
    padding: 0;
    overflow-y: visible;
  }
}
@media (min-width: 992px) {
  .navbar-expand-lg {
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
  .navbar-expand-lg .navbar-nav {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
  .navbar-expand-lg .navbar-nav .dropdown-menu {
    position: absolute;
  }
  .navbar-expand-lg .navbar-nav .nav-link {
    padding-right: 1rem;
    padding-left: 1rem;
  }
  .navbar-expand-lg .navbar-nav-scroll {
    overflow: visible;
  }
  .navbar-expand-lg .navbar-collapse {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -ms-flex-preferred-size: auto;
        flex-basis: auto;
  }
  .navbar-expand-lg .navbar-toggler {
    display: none;
  }
  .navbar-expand-lg .offcanvas-header {
    display: none;
  }
  .navbar-expand-lg .offcanvas {
    position: inherit;
    bottom: 0;
    z-index: 998;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    visibility: visible !important;
    background-color: transparent;
    border-right: 0;
    border-left: 0;
    -webkit-transition: none;
    transition: none;
    -webkit-transform: none;
            transform: none;
  }
  .navbar-expand-lg .offcanvas-top,
.navbar-expand-lg .offcanvas-bottom {
    height: auto;
    border-top: 0;
    border-bottom: 0;
  }
  .navbar-expand-lg .offcanvas-body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
        -ms-flex-positive: 0;
            flex-grow: 0;
    padding: 0;
    overflow-y: visible;
  }
}
@media (min-width: 1200px) {
  .navbar-expand-xl {
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
  .navbar-expand-xl .navbar-nav {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
  .navbar-expand-xl .navbar-nav .dropdown-menu {
    position: absolute;
  }
  .navbar-expand-xl .navbar-nav .nav-link {
    padding-right: 1rem;
    padding-left: 1rem;
  }
  .navbar-expand-xl .navbar-nav-scroll {
    overflow: visible;
  }
  .navbar-expand-xl .navbar-collapse {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -ms-flex-preferred-size: auto;
        flex-basis: auto;
  }
  .navbar-expand-xl .navbar-toggler {
    display: none;
  }
  .navbar-expand-xl .offcanvas-header {
    display: none;
  }
  .navbar-expand-xl .offcanvas {
    position: inherit;
    bottom: 0;
    z-index: 1000;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    visibility: visible !important;
    background-color: transparent;
    border-right: 0;
    border-left: 0;
    -webkit-transition: none;
    transition: none;
    -webkit-transform: none;
            transform: none;
  }
  .navbar-expand-xl .offcanvas-top,
.navbar-expand-xl .offcanvas-bottom {
    height: auto;
    border-top: 0;
    border-bottom: 0;
  }
  .navbar-expand-xl .offcanvas-body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
        -ms-flex-positive: 0;
            flex-grow: 0;
    padding: 0;
    overflow-y: visible;
  }
}
@media (min-width: 1400px) {
  .navbar-expand-xxl {
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
  .navbar-expand-xxl .navbar-nav {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
  .navbar-expand-xxl .navbar-nav .dropdown-menu {
    position: absolute;
  }
  .navbar-expand-xxl .navbar-nav .nav-link {
    padding-right: 1rem;
    padding-left: 1rem;
  }
  .navbar-expand-xxl .navbar-nav-scroll {
    overflow: visible;
  }
  .navbar-expand-xxl .navbar-collapse {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -ms-flex-preferred-size: auto;
        flex-basis: auto;
  }
  .navbar-expand-xxl .navbar-toggler {
    display: none;
  }
  .navbar-expand-xxl .offcanvas-header {
    display: none;
  }
  .navbar-expand-xxl .offcanvas {
    position: inherit;
    bottom: 0;
    z-index: 1000;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    visibility: visible !important;
    background-color: transparent;
    border-right: 0;
    border-left: 0;
    -webkit-transition: none;
    transition: none;
    -webkit-transform: none;
            transform: none;
  }
  .navbar-expand-xxl .offcanvas-top,
.navbar-expand-xxl .offcanvas-bottom {
    height: auto;
    border-top: 0;
    border-bottom: 0;
  }
  .navbar-expand-xxl .offcanvas-body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
        -ms-flex-positive: 0;
            flex-grow: 0;
    padding: 0;
    overflow-y: visible;
  }
}
.navbar-expand {
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.navbar-expand .navbar-nav {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}
.navbar-expand .navbar-nav .dropdown-menu {
  position: absolute;
}
.navbar-expand .navbar-nav .nav-link {
  padding-right: 1rem;
  padding-left: 1rem;
}
.navbar-expand .navbar-nav-scroll {
  overflow: visible;
}
.navbar-expand .navbar-collapse {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -ms-flex-preferred-size: auto;
      flex-basis: auto;
}
.navbar-expand .navbar-toggler {
  display: none;
}
.navbar-expand .offcanvas-header {
  display: none;
}
.navbar-expand .offcanvas {
  position: inherit;
  bottom: 0;
  z-index: 1000;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  visibility: visible !important;
  background-color: transparent;
  border-right: 0;
  border-left: 0;
  -webkit-transition: none;
  transition: none;
  -webkit-transform: none;
          transform: none;
}
.navbar-expand .offcanvas-top,
.navbar-expand .offcanvas-bottom {
  height: auto;
  border-top: 0;
  border-bottom: 0;
}
.navbar-expand .offcanvas-body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  padding: 0;
  overflow-y: visible;
}

.navbar-light .navbar-brand {
  color: rgba(0, 0, 0, 0.9);
}
.navbar-light .navbar-brand:hover, .navbar-light .navbar-brand:focus {
  color: rgba(0, 0, 0, 0.9);
}
.navbar-light .navbar-nav .nav-link {
  color: #676a79;
}
.navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:focus {
  color: #8b1538;
}
.navbar-light .navbar-nav .nav-link.disabled {
  color: rgba(0, 0, 0, 0.3);
}
.navbar-light .navbar-nav .show > .nav-link,
.navbar-light .navbar-nav .nav-link.active {
  color: #8b1538;
}
.navbar-light .navbar-toggler {
  color: #676a79;
  border-color: rgba(0, 0, 0, 0.1);
}
.navbar-light .navbar-toggler-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%280, 0, 0, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}
.navbar-light .navbar-text {
  color: #676a79;
}
.navbar-light .navbar-text a,
.navbar-light .navbar-text a:hover,
.navbar-light .navbar-text a:focus {
  color: #8b1538;
}

.navbar-dark .navbar-brand {
  color: #fff;
}
.navbar-dark .navbar-brand:hover, .navbar-dark .navbar-brand:focus {
  color: #fff;
}
.navbar-dark .navbar-nav .nav-link {
  color: #fff;
}
.navbar-dark .navbar-nav .nav-link:hover, .navbar-dark .navbar-nav .nav-link:focus {
  color: #8b1538 !important;
}
.navbar-dark .navbar-nav .nav-link.disabled {
  color: rgba(255, 255, 255, 0.25);
}
.navbar-dark .navbar-nav .show > .nav-link,
.navbar-dark .navbar-nav .nav-link.active {
  color: #8b1538 !important;
}
.navbar-dark .navbar-toggler {
  color: #fff;
  border-color: rgba(255, 255, 255, 0.1);
}
.navbar-dark .navbar-toggler-icon {
  background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3e%3cpath stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}
.navbar-dark .navbar-text {
  color: #fff;
}
.navbar-dark .navbar-text a,
.navbar-dark .navbar-text a:hover,
.navbar-dark .navbar-text a:focus {
  color: #8b1538 !important;
}

.card {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  min-width: 0;
  word-wrap: break-word;
  background-color: #fff;
  background-clip: border-box;
  border: 1px solid rgba(0, 0, 0, 0.09);
  border-radius: 0.4rem;
}
.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: calc(0.4rem - 1px);
  border-top-right-radius: calc(0.4rem - 1px);
}
.card > .list-group:last-child {
  border-bottom-width: 0;
  border-bottom-right-radius: calc(0.4rem - 1px);
  border-bottom-left-radius: calc(0.4rem - 1px);
}
.card > .card-header + .list-group,
.card > .list-group + .card-footer {
  border-top: 0;
}

.card-body {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  padding: 1.25rem 1.25rem;
}

.card-title {
  margin-bottom: 0.5rem;
}

.card-subtitle {
  margin-top: -0.25rem;
  margin-bottom: 0;
}

.card-text:last-child {
  margin-bottom: 0;
}

.card-link + .card-link {
  margin-left: 1.25rem;
}

.card-header {
  padding: 1.25rem 1.25rem;
  margin-bottom: 0;
  background-color: #fff;
  border-bottom: 1px solid rgba(0, 0, 0, 0.09);
}
.card-header:first-child {
  border-radius: calc(0.4rem - 1px) calc(0.4rem - 1px) 0 0;
}

.card-footer {
  padding: 1.25rem 1.25rem;
  background-color: #fff;
  border-top: 1px solid rgba(0, 0, 0, 0.09);
}
.card-footer:last-child {
  border-radius: 0 0 calc(0.4rem - 1px) calc(0.4rem - 1px);
}

.card-header-tabs {
  margin-right: -0.625rem;
  margin-bottom: -1.25rem;
  margin-left: -0.625rem;
  border-bottom: 0;
}
.card-header-tabs .nav-link.active {
  background-color: #fff;
  border-bottom-color: #fff;
}

.card-header-pills {
  margin-right: -0.625rem;
  margin-left: -0.625rem;
}

.card-img-overlay {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 1.25rem;
  border-radius: calc(0.4rem - 1px);
}

.card-img,
.card-img-top,
.card-img-bottom {
  width: 100%;
}

.card-img,
.card-img-top {
  border-top-left-radius: calc(0.4rem - 1px);
  border-top-right-radius: calc(0.4rem - 1px);
}

.card-img,
.card-img-bottom {
  border-bottom-right-radius: calc(0.4rem - 1px);
  border-bottom-left-radius: calc(0.4rem - 1px);
}

.card-group > .card {
  margin-bottom: 0.75rem;
}
@media (min-width: 576px) {
  .card-group {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-flow: row wrap;
            flex-flow: row wrap;
  }
  .card-group > .card {
    -webkit-box-flex: 1;
        -ms-flex: 1 0 0%;
            flex: 1 0 0%;
    margin-bottom: 0;
  }
  .card-group > .card + .card {
    margin-left: 0;
    border-left: 0;
  }
  .card-group > .card:not(:last-child) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }
  .card-group > .card:not(:last-child) .card-img-top,
.card-group > .card:not(:last-child) .card-header {
    border-top-right-radius: 0;
  }
  .card-group > .card:not(:last-child) .card-img-bottom,
.card-group > .card:not(:last-child) .card-footer {
    border-bottom-right-radius: 0;
  }
  .card-group > .card:not(:first-child) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }
  .card-group > .card:not(:first-child) .card-img-top,
.card-group > .card:not(:first-child) .card-header {
    border-top-left-radius: 0;
  }
  .card-group > .card:not(:first-child) .card-img-bottom,
.card-group > .card:not(:first-child) .card-footer {
    border-bottom-left-radius: 0;
  }
}

.accordion-button {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  padding: 1rem 1.25rem;
  font-size: 0.9375rem;
  color: #212529;
  text-align: left;
  background-color: #fff;
  border: 0;
  border-radius: 0;
  overflow-anchor: none;
  -webkit-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, border-radius 0.15s ease, -webkit-box-shadow 0.15s ease-in-out;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, border-radius 0.15s ease, -webkit-box-shadow 0.15s ease-in-out;
  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;
  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, -webkit-box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .accordion-button {
    -webkit-transition: none;
    transition: none;
  }
}
.accordion-button:not(.collapsed) {
  color: #0e64d4;
  background-color: #e7f1fd;
  -webkit-box-shadow: inset 0 -1px 0 rgba(103, 106, 121, 0.125);
          box-shadow: inset 0 -1px 0 rgba(103, 106, 121, 0.125);
}
.accordion-button:not(.collapsed)::after {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%230e64d4'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
  -webkit-transform: rotate(-180deg);
          transform: rotate(-180deg);
}
.accordion-button::after {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 1.25rem;
  height: 1.25rem;
  margin-left: auto;
  content: "";
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-size: 1.25rem;
  -webkit-transition: -webkit-transform 0.2s ease-in-out;
  transition: -webkit-transform 0.2s ease-in-out;
  transition: transform 0.2s ease-in-out;
  transition: transform 0.2s ease-in-out, -webkit-transform 0.2s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .accordion-button::after {
    -webkit-transition: none;
    transition: none;
  }
}
.accordion-button:hover {
  z-index: 2;
}
.accordion-button:focus {
  z-index: 3;
  border-color: none;
  outline: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.accordion-header {
  margin-bottom: 0;
}

.accordion-item {
  background-color: #fff;
  border: 1px solid rgba(103, 106, 121, 0.125);
}
.accordion-item:first-of-type {
  border-top-left-radius: 0.25rem;
  border-top-right-radius: 0.25rem;
}
.accordion-item:first-of-type .accordion-button {
  border-top-left-radius: calc(0.25rem - 1px);
  border-top-right-radius: calc(0.25rem - 1px);
}
.accordion-item:not(:first-of-type) {
  border-top: 0;
}
.accordion-item:last-of-type {
  border-bottom-right-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem;
}
.accordion-item:last-of-type .accordion-button.collapsed {
  border-bottom-right-radius: calc(0.25rem - 1px);
  border-bottom-left-radius: calc(0.25rem - 1px);
}
.accordion-item:last-of-type .accordion-collapse {
  border-bottom-right-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem;
}

.accordion-body {
  padding: 1rem 1.25rem;
}

.accordion-flush .accordion-collapse {
  border-width: 0;
}
.accordion-flush .accordion-item {
  border-right: 0;
  border-left: 0;
  border-radius: 0;
}
.accordion-flush .accordion-item:first-child {
  border-top: 0;
}
.accordion-flush .accordion-item:last-child {
  border-bottom: 0;
}
.accordion-flush .accordion-item .accordion-button {
  border-radius: 0;
}

.breadcrumb {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding: 0.5rem 0;
  margin-bottom: 1rem;
  list-style: none;
  background-color: transparent;
}

.breadcrumb-item + .breadcrumb-item {
  padding-left: 0.8rem;
}
.breadcrumb-item + .breadcrumb-item::before {
  float: left;
  padding-right: 0.8rem;
  color: #a1a1a8;
  content: var(--bs-breadcrumb-divider, "/") /* rtl: var(--bs-breadcrumb-divider, "/") */;
}
.breadcrumb-item.active {
  color: #a1a1a8;
}

.pagination {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-left: 0;
  list-style: none;
}

.page-link {
  position: relative;
  display: block;
  color: #676a79;
  background-color: #fff;
  border: 1px solid #eef0f2;
  -webkit-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
  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;
  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, -webkit-box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .page-link {
    -webkit-transition: none;
    transition: none;
  }
}
.page-link:hover {
  z-index: 2;
  color: #fff;
  background-color: #8b1538;
  border-color: #8b1538;
}
.page-link:focus {
  z-index: 3;
  color: #0c59bd;
  background-color: #eff2f6;
  outline: 0;
  -webkit-box-shadow: 0 0 0 0 rgba(139, 21, 56, 0.25);
          box-shadow: 0 0 0 0 rgba(139, 21, 56, 0.25);
}

.page-item:not(:first-child) .page-link {
  margin-left: -1px;
}
.page-item.active .page-link {
  z-index: 3;
  color: #fff;
  background-color: #8b1538;
  border-color: #8b1538;
}
.page-item.disabled .page-link {
  color: #e1e4e6;
  pointer-events: none;
  background-color: #fff;
  border-color: #eef0f2;
}

.page-link {
  padding: 0.4rem 0.8rem;
}

.page-item:first-child .page-link {
  border-top-left-radius: 0.4rem;
  border-bottom-left-radius: 0.4rem;
}
.page-item:last-child .page-link {
  border-top-right-radius: 0.4rem;
  border-bottom-right-radius: 0.4rem;
}

.pagination-lg .page-link {
  padding: 0.75rem 1.5rem;
  font-size: 1.171875rem;
}
.pagination-lg .page-item:first-child .page-link {
  border-top-left-radius: 0.3rem;
  border-bottom-left-radius: 0.3rem;
}
.pagination-lg .page-item:last-child .page-link {
  border-top-right-radius: 0.3rem;
  border-bottom-right-radius: 0.3rem;
}

.pagination-sm .page-link {
  padding: 0.25rem 0.5rem;
  font-size: 0.8203125rem;
}
.pagination-sm .page-item:first-child .page-link {
  border-top-left-radius: 0.2rem;
  border-bottom-left-radius: 0.2rem;
}
.pagination-sm .page-item:last-child .page-link {
  border-top-right-radius: 0.2rem;
  border-bottom-right-radius: 0.2rem;
}

.badge {
  display: inline-block;
  padding: 0.35em 0.65em;
  font-size: 0.85em;
  font-weight: 400;
  line-height: 1;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 0.25rem;
}
.badge:empty {
  display: none;
}

.btn .badge {
  position: relative;
  top: -1px;
}

.alert {
  position: relative;
  padding: 1rem 1rem;
  margin-bottom: 1rem;
  border: 1px solid transparent;
  border-radius: 0.25rem;
}

.alert-heading {
  color: inherit;
}

.alert-link {
  font-weight: 700;
}

.alert-dismissible {
  padding-right: 3rem;
}
.alert-dismissible .btn-close {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 2;
  padding: 1.25rem 1rem;
}

.alert-primary {
  color: #09438e;
  background-color: #cfe2fb;
  border-color: #b7d4f9;
}
.alert-primary .alert-link {
  color: #073672;
}

.alert-secondary {
  color: #0c0f12;
  background-color: #d0d1d2;
  border-color: #b9babc;
}
.alert-secondary .alert-link {
  color: #0a0c0e;
}

.alert-success {
  color: #077151;
  background-color: #cef2e7;
  border-color: #b6ebdb;
}
.alert-success .alert-link {
  color: #065a41;
}

.alert-info {
  color: #2f5f95;
  background-color: #dcecfe;
  border-color: #cae2fd;
}
.alert-info .alert-link {
  color: #264c77;
}

.alert-warning {
  color: #94751c;
  background-color: #fdf3d5;
  border-color: #fdedc0;
}
.alert-warning .alert-link {
  color: #765e16;
}

.alert-danger {
  color: #801925;
  background-color: #f7d4d8;
  border-color: #f3bfc5;
}
.alert-danger .alert-link {
  color: #66141e;
}

.alert-light {
  color: #8f9091;
  background-color: #fcfcfc;
  border-color: #fafbfb;
}
.alert-light .alert-link {
  color: #727374;
}

.alert-dark {
  color: #0c0f12;
  background-color: #d0d1d2;
  border-color: #b9babc;
}
.alert-dark .alert-link {
  color: #0a0c0e;
}

@-webkit-keyframes progress-bar-stripes {
  0% {
    background-position-x: 1rem;
  }
}

@keyframes progress-bar-stripes {
  0% {
    background-position-x: 1rem;
  }
}
.progress {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 1rem;
  overflow: hidden;
  font-size: 0.75rem;
  background-color: rgba(0, 0, 0, 0.1);
  border-radius: 0.25rem;
}

.progress-bar {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  overflow: hidden;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  background-color: #8b1538;
  -webkit-transition: width 0.6s ease;
  transition: width 0.6s ease;
}
@media (prefers-reduced-motion: reduce) {
  .progress-bar {
    -webkit-transition: none;
    transition: none;
  }
}

.progress-bar-striped {
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-size: 1rem 1rem;
}

.progress-bar-animated {
  -webkit-animation: 1s linear infinite progress-bar-stripes;
          animation: 1s linear infinite progress-bar-stripes;
}
@media (prefers-reduced-motion: reduce) {
  .progress-bar-animated {
    -webkit-animation: none;
            animation: none;
  }
}

.list-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding-left: 0;
  margin-bottom: 0;
  border-radius: 0.4rem;
}

.list-group-numbered {
  list-style-type: none;
  counter-reset: section;
}
.list-group-numbered > li::before {
  content: counters(section, ".") ". ";
  counter-increment: section;
}

.list-group-item-action {
  width: 100%;
  color: #495057;
  text-align: inherit;
}
.list-group-item-action:hover, .list-group-item-action:focus {
  z-index: 1;
  color: #495057;
  text-decoration: none;
  background-color: #eff2f6;
}
.list-group-item-action:active {
  color: #212529;
  background-color: #e9ecef;
}

.list-group-item {
  position: relative;
  display: block;
  padding: 0.5rem 1rem;
  color: #676a79;
  background-color: transparent;
  border: 1px solid rgba(0, 0, 0, 0.125);
}
.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: #6c757d;
  pointer-events: none;
  background-color: #fff;
}
.list-group-item.active {
  z-index: 2;
  color: #fff;
  background-color: #8b1538;
  border-color: #8b1538;
}
.list-group-item + .list-group-item {
  border-top-width: 0;
}
.list-group-item + .list-group-item.active {
  margin-top: -1px;
  border-top-width: 1px;
}

.list-group-horizontal {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}
.list-group-horizontal > .list-group-item:first-child {
  border-bottom-left-radius: 0.4rem;
  border-top-right-radius: 0;
}
.list-group-horizontal > .list-group-item:last-child {
  border-top-right-radius: 0.4rem;
  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: 1px;
  border-left-width: 0;
}
.list-group-horizontal > .list-group-item + .list-group-item.active {
  margin-left: -1px;
  border-left-width: 1px;
}

@media (min-width: 576px) {
  .list-group-horizontal-sm {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
  .list-group-horizontal-sm > .list-group-item:first-child {
    border-bottom-left-radius: 0.4rem;
    border-top-right-radius: 0;
  }
  .list-group-horizontal-sm > .list-group-item:last-child {
    border-top-right-radius: 0.4rem;
    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: 1px;
    border-left-width: 0;
  }
  .list-group-horizontal-sm > .list-group-item + .list-group-item.active {
    margin-left: -1px;
    border-left-width: 1px;
  }
}
@media (min-width: 768px) {
  .list-group-horizontal-md {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
  .list-group-horizontal-md > .list-group-item:first-child {
    border-bottom-left-radius: 0.4rem;
    border-top-right-radius: 0;
  }
  .list-group-horizontal-md > .list-group-item:last-child {
    border-top-right-radius: 0.4rem;
    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: 1px;
    border-left-width: 0;
  }
  .list-group-horizontal-md > .list-group-item + .list-group-item.active {
    margin-left: -1px;
    border-left-width: 1px;
  }
}
@media (min-width: 992px) {
  .list-group-horizontal-lg {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
  .list-group-horizontal-lg > .list-group-item:first-child {
    border-bottom-left-radius: 0.4rem;
    border-top-right-radius: 0;
  }
  .list-group-horizontal-lg > .list-group-item:last-child {
    border-top-right-radius: 0.4rem;
    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: 1px;
    border-left-width: 0;
  }
  .list-group-horizontal-lg > .list-group-item + .list-group-item.active {
    margin-left: -1px;
    border-left-width: 1px;
  }
}
@media (min-width: 1200px) {
  .list-group-horizontal-xl {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
  .list-group-horizontal-xl > .list-group-item:first-child {
    border-bottom-left-radius: 0.4rem;
    border-top-right-radius: 0;
  }
  .list-group-horizontal-xl > .list-group-item:last-child {
    border-top-right-radius: 0.4rem;
    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: 1px;
    border-left-width: 0;
  }
  .list-group-horizontal-xl > .list-group-item + .list-group-item.active {
    margin-left: -1px;
    border-left-width: 1px;
  }
}
@media (min-width: 1400px) {
  .list-group-horizontal-xxl {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
  .list-group-horizontal-xxl > .list-group-item:first-child {
    border-bottom-left-radius: 0.4rem;
    border-top-right-radius: 0;
  }
  .list-group-horizontal-xxl > .list-group-item:last-child {
    border-top-right-radius: 0.4rem;
    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: 1px;
    border-left-width: 0;
  }
  .list-group-horizontal-xxl > .list-group-item + .list-group-item.active {
    margin-left: -1px;
    border-left-width: 1px;
  }
}
.list-group-flush {
  border-radius: 0;
}
.list-group-flush > .list-group-item {
  border-width: 0 0 1px;
}
.list-group-flush > .list-group-item:last-child {
  border-bottom-width: 0;
}

.list-group-item-primary {
  color: #09438e;
  background-color: #cfe2fb;
}
.list-group-item-primary.list-group-item-action:hover, .list-group-item-primary.list-group-item-action:focus {
  color: #09438e;
  background-color: #bacbe2;
}
.list-group-item-primary.list-group-item-action.active {
  color: #fff;
  background-color: #09438e;
  border-color: #09438e;
}

.list-group-item-secondary {
  color: #0c0f12;
  background-color: #d0d1d2;
}
.list-group-item-secondary.list-group-item-action:hover, .list-group-item-secondary.list-group-item-action:focus {
  color: #0c0f12;
  background-color: #bbbcbd;
}
.list-group-item-secondary.list-group-item-action.active {
  color: #fff;
  background-color: #0c0f12;
  border-color: #0c0f12;
}

.list-group-item-success {
  color: #077151;
  background-color: #cef2e7;
}
.list-group-item-success.list-group-item-action:hover, .list-group-item-success.list-group-item-action:focus {
  color: #077151;
  background-color: #b9dad0;
}
.list-group-item-success.list-group-item-action.active {
  color: #fff;
  background-color: #077151;
  border-color: #077151;
}

.list-group-item-info {
  color: #2f5f95;
  background-color: #dcecfe;
}
.list-group-item-info.list-group-item-action:hover, .list-group-item-info.list-group-item-action:focus {
  color: #2f5f95;
  background-color: #c6d4e5;
}
.list-group-item-info.list-group-item-action.active {
  color: #fff;
  background-color: #2f5f95;
  border-color: #2f5f95;
}

.list-group-item-warning {
  color: #94751c;
  background-color: #fdf3d5;
}
.list-group-item-warning.list-group-item-action:hover, .list-group-item-warning.list-group-item-action:focus {
  color: #94751c;
  background-color: #e4dbc0;
}
.list-group-item-warning.list-group-item-action.active {
  color: #fff;
  background-color: #94751c;
  border-color: #94751c;
}

.list-group-item-danger {
  color: #801925;
  background-color: #f7d4d8;
}
.list-group-item-danger.list-group-item-action:hover, .list-group-item-danger.list-group-item-action:focus {
  color: #801925;
  background-color: #debfc2;
}
.list-group-item-danger.list-group-item-action.active {
  color: #fff;
  background-color: #801925;
  border-color: #801925;
}

.list-group-item-light {
  color: #8f9091;
  background-color: #fcfcfc;
}
.list-group-item-light.list-group-item-action:hover, .list-group-item-light.list-group-item-action:focus {
  color: #8f9091;
  background-color: #e3e3e3;
}
.list-group-item-light.list-group-item-action.active {
  color: #fff;
  background-color: #8f9091;
  border-color: #8f9091;
}

.list-group-item-dark {
  color: #0c0f12;
  background-color: #d0d1d2;
}
.list-group-item-dark.list-group-item-action:hover, .list-group-item-dark.list-group-item-action:focus {
  color: #0c0f12;
  background-color: #bbbcbd;
}
.list-group-item-dark.list-group-item-action.active {
  color: #fff;
  background-color: #0c0f12;
  border-color: #0c0f12;
}

.btn-close {
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  width: 1em;
  height: 1em;
  padding: 0.25em 0.25em;
  color: #000;
  background: transparent 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 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat;
  border: 0;
  border-radius: 0.4rem;
  opacity: 0.5;
}
.btn-close:hover {
  color: #000;
  text-decoration: none;
  opacity: 0.75;
}
.btn-close:focus {
  outline: 0;
  -webkit-box-shadow: 0 0 0 0 rgba(139, 21, 56, 0.25);
          box-shadow: 0 0 0 0 rgba(139, 21, 56, 0.25);
  opacity: 1;
}
.btn-close:disabled, .btn-close.disabled {
  pointer-events: none;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  opacity: 0.25;
}

.btn-close-white {
  -webkit-filter: invert(1) grayscale(100%) brightness(200%);
          filter: invert(1) grayscale(100%) brightness(200%);
}

.toast {
  width: 350px;
  max-width: 100%;
  font-size: 0.875rem;
  pointer-events: auto;
  background-color: rgba(255, 255, 255, 0.85);
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
          box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
  border-radius: 0.25rem;
}
.toast.showing {
  opacity: 0;
}
.toast:not(.show) {
  display: none;
}

.toast-container {
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  max-width: 100%;
  pointer-events: none;
}
.toast-container > :not(:last-child) {
  margin-bottom: 0.75rem;
}

.toast-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0.5rem 0.75rem;
  color: #6c757d;
  background-color: rgba(255, 255, 255, 0.85);
  background-clip: padding-box;
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
  border-top-left-radius: calc(0.25rem - 1px);
  border-top-right-radius: calc(0.25rem - 1px);
}
.toast-header .btn-close {
  margin-right: -0.375rem;
  margin-left: 0.75rem;
}

.toast-body {
  padding: 0.75rem;
  word-wrap: break-word;
}

.modal {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1055;
  display: none;
  width: 100%;
  height: 100%;
  overflow-x: hidden;
  overflow-y: auto;
  outline: 0;
}

.modal-dialog {
  position: relative;
  width: auto;
  margin: 0.5rem;
  pointer-events: none;
}
.modal.fade .modal-dialog {
  -webkit-transition: -webkit-transform 0.3s ease-out;
  transition: -webkit-transform 0.3s ease-out;
  transition: transform 0.3s ease-out;
  transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out;
  -webkit-transform: translate(0, -50px);
          transform: translate(0, -50px);
}
@media (prefers-reduced-motion: reduce) {
  .modal.fade .modal-dialog {
    -webkit-transition: none;
    transition: none;
  }
}
.modal.show .modal-dialog {
  -webkit-transform: none;
          transform: none;
}
.modal.modal-static .modal-dialog {
  -webkit-transform: scale(1.02);
          transform: scale(1.02);
}

.modal-dialog-scrollable {
  height: calc(100% - 1rem);
}
.modal-dialog-scrollable .modal-content {
  max-height: 100%;
  overflow: hidden;
}
.modal-dialog-scrollable .modal-body {
  overflow-y: auto;
}

.modal-dialog-centered {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-height: calc(100% - 1rem);
}

.modal-content {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 100%;
  pointer-events: auto;
  background-color: #fff;
  background-clip: padding-box;
  border: 0 solid rgba(0, 0, 0, 0.2);
  border-radius: 0.4rem;
  outline: 0;
}

.modal-backdrop {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1050;
  width: 100vw;
  height: 100vh;
  background-color: #000;
}
.modal-backdrop.fade {
  opacity: 0;
}
.modal-backdrop.show {
  opacity: 0.5;
}

.modal-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 1rem 1rem;
  border-bottom: 1px solid #dee2e6;
  border-top-left-radius: 0.4rem;
  border-top-right-radius: 0.4rem;
}
.modal-header .btn-close {
  padding: 0.5rem 0.5rem;
  margin: -0.5rem -0.5rem -0.5rem auto;
}

.modal-title {
  margin-bottom: 0;
  line-height: 1.5;
}

.modal-body {
  position: relative;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  padding: 1rem;
}

.modal-footer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  padding: 0.75rem;
  border-top: 1px solid #dee2e6;
  border-bottom-right-radius: 0.4rem;
  border-bottom-left-radius: 0.4rem;
}
.modal-footer > * {
  margin: 0.25rem;
}

@media (min-width: 576px) {
  .modal-dialog {
    max-width: 500px;
    margin: 1.75rem auto;
  }

  .modal-dialog-scrollable {
    height: calc(100% - 3.5rem);
  }

  .modal-dialog-centered {
    min-height: calc(100% - 3.5rem);
  }

  .modal-sm {
    max-width: 300px;
  }
}
@media (min-width: 992px) {
  .modal-lg,
.modal-xl {
    max-width: 800px;
  }
}
@media (min-width: 1200px) {
  .modal-xl {
    max-width: 1140px;
  }
}
.modal-fullscreen {
  width: 100vw;
  max-width: none;
  height: 100%;
  margin: 0;
}
.modal-fullscreen .modal-content {
  height: 100%;
  border: 0;
  border-radius: 0;
}
.modal-fullscreen .modal-header {
  border-radius: 0;
}
.modal-fullscreen .modal-body {
  overflow-y: auto;
}
.modal-fullscreen .modal-footer {
  border-radius: 0;
}

@media (max-width: 575.98px) {
  .modal-fullscreen-sm-down {
    width: 100vw;
    max-width: none;
    height: 100%;
    margin: 0;
  }
  .modal-fullscreen-sm-down .modal-content {
    height: 100%;
    border: 0;
    border-radius: 0;
  }
  .modal-fullscreen-sm-down .modal-header {
    border-radius: 0;
  }
  .modal-fullscreen-sm-down .modal-body {
    overflow-y: auto;
  }
  .modal-fullscreen-sm-down .modal-footer {
    border-radius: 0;
  }
}
@media (max-width: 767.98px) {
  .modal-fullscreen-md-down {
    width: 100vw;
    max-width: none;
    height: 100%;
    margin: 0;
  }
  .modal-fullscreen-md-down .modal-content {
    height: 100%;
    border: 0;
    border-radius: 0;
  }
  .modal-fullscreen-md-down .modal-header {
    border-radius: 0;
  }
  .modal-fullscreen-md-down .modal-body {
    overflow-y: auto;
  }
  .modal-fullscreen-md-down .modal-footer {
    border-radius: 0;
  }
}
@media (max-width: 991.98px) {
  .modal-fullscreen-lg-down {
    width: 100vw;
    max-width: none;
    height: 100%;
    margin: 0;
  }
  .modal-fullscreen-lg-down .modal-content {
    height: 100%;
    border: 0;
    border-radius: 0;
  }
  .modal-fullscreen-lg-down .modal-header {
    border-radius: 0;
  }
  .modal-fullscreen-lg-down .modal-body {
    overflow-y: auto;
  }
  .modal-fullscreen-lg-down .modal-footer {
    border-radius: 0;
  }
}
@media (max-width: 1199.98px) {
  .modal-fullscreen-xl-down {
    width: 100vw;
    max-width: none;
    height: 100%;
    margin: 0;
  }
  .modal-fullscreen-xl-down .modal-content {
    height: 100%;
    border: 0;
    border-radius: 0;
  }
  .modal-fullscreen-xl-down .modal-header {
    border-radius: 0;
  }
  .modal-fullscreen-xl-down .modal-body {
    overflow-y: auto;
  }
  .modal-fullscreen-xl-down .modal-footer {
    border-radius: 0;
  }
}
@media (max-width: 1399.98px) {
  .modal-fullscreen-xxl-down {
    width: 100vw;
    max-width: none;
    height: 100%;
    margin: 0;
  }
  .modal-fullscreen-xxl-down .modal-content {
    height: 100%;
    border: 0;
    border-radius: 0;
  }
  .modal-fullscreen-xxl-down .modal-header {
    border-radius: 0;
  }
  .modal-fullscreen-xxl-down .modal-body {
    overflow-y: auto;
  }
  .modal-fullscreen-xxl-down .modal-footer {
    border-radius: 0;
  }
}
.tooltip {
  position: absolute;
  z-index: 1080;
  display: block;
  margin: 0;
  font-family: "Inter", sans-serif;
  font-style: normal;
  font-weight: 500;
  line-height: 1.5;
  text-align: left;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  letter-spacing: normal;
  word-break: normal;
  word-spacing: normal;
  white-space: normal;
  line-break: auto;
  font-size: 0.6875rem;
  word-wrap: break-word;
  opacity: 0;
}
.tooltip.show {
  opacity: 0.9;
}
.tooltip .tooltip-arrow {
  position: absolute;
  display: block;
  width: 0.8rem;
  height: 0.4rem;
}
.tooltip .tooltip-arrow::before {
  position: absolute;
  content: "";
  border-color: transparent;
  border-style: solid;
}

.bs-tooltip-top, .bs-tooltip-auto[data-popper-placement^=top] {
  padding: 0.4rem 0;
}
.bs-tooltip-top .tooltip-arrow, .bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow {
  bottom: 0;
}
.bs-tooltip-top .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow::before {
  top: -1px;
  border-width: 0.4rem 0.4rem 0;
  border-top-color: #000;
}

.bs-tooltip-end, .bs-tooltip-auto[data-popper-placement^=right] {
  padding: 0 0.4rem;
}
.bs-tooltip-end .tooltip-arrow, .bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow {
  left: 0;
  width: 0.4rem;
  height: 0.8rem;
}
.bs-tooltip-end .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow::before {
  right: -1px;
  border-width: 0.4rem 0.4rem 0.4rem 0;
  border-right-color: #000;
}

.bs-tooltip-bottom, .bs-tooltip-auto[data-popper-placement^=bottom] {
  padding: 0.4rem 0;
}
.bs-tooltip-bottom .tooltip-arrow, .bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow {
  top: 0;
}
.bs-tooltip-bottom .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow::before {
  bottom: -1px;
  border-width: 0 0.4rem 0.4rem;
  border-bottom-color: #000;
}

.bs-tooltip-start, .bs-tooltip-auto[data-popper-placement^=left] {
  padding: 0 0.4rem;
}
.bs-tooltip-start .tooltip-arrow, .bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow {
  right: 0;
  width: 0.4rem;
  height: 0.8rem;
}
.bs-tooltip-start .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow::before {
  left: -1px;
  border-width: 0.4rem 0 0.4rem 0.4rem;
  border-left-color: #000;
}

.tooltip-inner {
  max-width: 200px;
  padding: 0.25rem 0.5rem;
  color: #fff;
  text-align: center;
  background-color: #000;
  border-radius: 0.25rem;
}

.popover {
  position: absolute;
  top: 0;
  left: 0 /* rtl:ignore */;
  z-index: 1070;
  display: block;
  max-width: 276px;
  font-family: "Inter", sans-serif;
  font-style: normal;
  font-weight: 500;
  line-height: 1.5;
  text-align: left;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  letter-spacing: normal;
  word-break: normal;
  word-spacing: normal;
  white-space: normal;
  line-break: auto;
  font-size: 0.875rem;
  word-wrap: break-word;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 0.3rem;
}
.popover .popover-arrow {
  position: absolute;
  display: block;
  width: 1rem;
  height: 0.5rem;
}
.popover .popover-arrow::before, .popover .popover-arrow::after {
  position: absolute;
  display: block;
  content: "";
  border-color: transparent;
  border-style: solid;
}

.bs-popover-top > .popover-arrow, .bs-popover-auto[data-popper-placement^=top] > .popover-arrow {
  bottom: calc(-0.5rem - 1px);
}
.bs-popover-top > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=top] > .popover-arrow::before {
  bottom: 0;
  border-width: 0.5rem 0.5rem 0;
  border-top-color: rgba(0, 0, 0, 0.25);
}
.bs-popover-top > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=top] > .popover-arrow::after {
  bottom: 1px;
  border-width: 0.5rem 0.5rem 0;
  border-top-color: #fff;
}

.bs-popover-end > .popover-arrow, .bs-popover-auto[data-popper-placement^=right] > .popover-arrow {
  left: calc(-0.5rem - 1px);
  width: 0.5rem;
  height: 1rem;
}
.bs-popover-end > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=right] > .popover-arrow::before {
  left: 0;
  border-width: 0.5rem 0.5rem 0.5rem 0;
  border-right-color: rgba(0, 0, 0, 0.25);
}
.bs-popover-end > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=right] > .popover-arrow::after {
  left: 1px;
  border-width: 0.5rem 0.5rem 0.5rem 0;
  border-right-color: #fff;
}

.bs-popover-bottom > .popover-arrow, .bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow {
  top: calc(-0.5rem - 1px);
}
.bs-popover-bottom > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::before {
  top: 0;
  border-width: 0 0.5rem 0.5rem 0.5rem;
  border-bottom-color: rgba(0, 0, 0, 0.25);
}
.bs-popover-bottom > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::after {
  top: 1px;
  border-width: 0 0.5rem 0.5rem 0.5rem;
  border-bottom-color: #fff;
}
.bs-popover-bottom .popover-header::before, .bs-popover-auto[data-popper-placement^=bottom] .popover-header::before {
  position: absolute;
  top: 0;
  left: 50%;
  display: block;
  width: 1rem;
  margin-left: -0.5rem;
  content: "";
  border-bottom: 1px solid #f0f0f0;
}

.bs-popover-start > .popover-arrow, .bs-popover-auto[data-popper-placement^=left] > .popover-arrow {
  right: calc(-0.5rem - 1px);
  width: 0.5rem;
  height: 1rem;
}
.bs-popover-start > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=left] > .popover-arrow::before {
  right: 0;
  border-width: 0.5rem 0 0.5rem 0.5rem;
  border-left-color: rgba(0, 0, 0, 0.25);
}
.bs-popover-start > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=left] > .popover-arrow::after {
  right: 1px;
  border-width: 0.5rem 0 0.5rem 0.5rem;
  border-left-color: #fff;
}

.popover-header {
  padding: 0.5rem 1rem;
  margin-bottom: 0;
  font-size: 0.9375rem;
  color: #14191e;
  background-color: #f0f0f0;
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
  border-top-left-radius: calc(0.3rem - 1px);
  border-top-right-radius: calc(0.3rem - 1px);
}
.popover-header:empty {
  display: none;
}

.popover-body {
  padding: 1rem 1rem;
  color: #212529;
}

.carousel {
  position: relative;
}

.carousel.pointer-event {
  -ms-touch-action: pan-y;
      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;
  -webkit-transition: -webkit-transform 0.6s ease-in-out;
  transition: -webkit-transform 0.6s ease-in-out;
  transition: transform 0.6s ease-in-out;
  transition: transform 0.6s ease-in-out, -webkit-transform 0.6s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .carousel-item {
    -webkit-transition: none;
    transition: none;
  }
}

.carousel-item.active,
.carousel-item-next,
.carousel-item-prev {
  display: block;
}

/* rtl:begin:ignore */
.carousel-item-next:not(.carousel-item-start),
.active.carousel-item-end {
  -webkit-transform: translateX(100%);
          transform: translateX(100%);
}

.carousel-item-prev:not(.carousel-item-end),
.active.carousel-item-start {
  -webkit-transform: translateX(-100%);
          transform: translateX(-100%);
}

/* rtl:end:ignore */
.carousel-fade .carousel-item {
  opacity: 0;
  -webkit-transition-property: opacity;
  transition-property: opacity;
  -webkit-transform: none;
          transform: none;
}
.carousel-fade .carousel-item.active,
.carousel-fade .carousel-item-next.carousel-item-start,
.carousel-fade .carousel-item-prev.carousel-item-end {
  z-index: 1;
  opacity: 1;
}
.carousel-fade .active.carousel-item-start,
.carousel-fade .active.carousel-item-end {
  z-index: 0;
  opacity: 0;
  -webkit-transition: opacity 0s 0.6s;
  transition: opacity 0s 0.6s;
}
@media (prefers-reduced-motion: reduce) {
  .carousel-fade .active.carousel-item-start,
.carousel-fade .active.carousel-item-end {
    -webkit-transition: none;
    transition: none;
  }
}

.carousel-control-prev,
.carousel-control-next {
  position: absolute;
  top: 0;
  bottom: 0;
  z-index: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 15%;
  padding: 0;
  color: #fff;
  text-align: center;
  background: none;
  border: 0;
  opacity: 0.5;
  -webkit-transition: opacity 0.15s ease;
  transition: opacity 0.15s ease;
}
@media (prefers-reduced-motion: reduce) {
  .carousel-control-prev,
.carousel-control-next {
    -webkit-transition: none;
    transition: none;
  }
}
.carousel-control-prev:hover, .carousel-control-prev:focus,
.carousel-control-next:hover,
.carousel-control-next:focus {
  color: #fff;
  text-decoration: none;
  outline: 0;
  opacity: 0.9;
}

.carousel-control-prev {
  left: 0;
}

.carousel-control-next {
  right: 0;
}

.carousel-control-prev-icon,
.carousel-control-next-icon {
  display: inline-block;
  width: 2rem;
  height: 2rem;
  background-repeat: no-repeat;
  background-position: 50%;
  background-size: 100% 100%;
}

/* rtl:options: {
  "autoRename": true,
  "stringMap":[ {
    "name"    : "prev-next",
    "search"  : "prev",
    "replace" : "next"
  } ]
} */
.carousel-control-prev-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/%3e%3c/svg%3e");
}

.carousel-control-next-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}

.carousel-indicators {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 0;
  margin-right: 15%;
  margin-bottom: 1rem;
  margin-left: 15%;
  list-style: none;
}
.carousel-indicators [data-bs-target] {
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  -webkit-box-flex: 0;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
  width: 30px;
  height: 3px;
  padding: 0;
  margin-right: 3px;
  margin-left: 3px;
  text-indent: -999px;
  cursor: pointer;
  background-color: #fff;
  background-clip: padding-box;
  border: 0;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  opacity: 0.5;
  -webkit-transition: opacity 0.6s ease;
  transition: opacity 0.6s ease;
}
@media (prefers-reduced-motion: reduce) {
  .carousel-indicators [data-bs-target] {
    -webkit-transition: none;
    transition: none;
  }
}
.carousel-indicators .active {
  opacity: 1;
}

.carousel-caption {
  position: absolute;
  right: 15%;
  bottom: 1.25rem;
  left: 15%;
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
  color: #fff;
  text-align: center;
}

.carousel-dark .carousel-control-prev-icon,
.carousel-dark .carousel-control-next-icon {
  -webkit-filter: invert(1) grayscale(100);
          filter: invert(1) grayscale(100);
}
.carousel-dark .carousel-indicators [data-bs-target] {
  background-color: #000;
}
.carousel-dark .carousel-caption {
  color: #000;
}

@-webkit-keyframes spinner-border {
  to {
    -webkit-transform: rotate(360deg) /* rtl:ignore */;
            transform: rotate(360deg) /* rtl:ignore */;
  }
}

@keyframes spinner-border {
  to {
    -webkit-transform: rotate(360deg) /* rtl:ignore */;
            transform: rotate(360deg) /* rtl:ignore */;
  }
}
.spinner-border {
  display: inline-block;
  width: 2rem;
  height: 2rem;
  vertical-align: -0.125em;
  border: 0.25em solid currentColor;
  border-right-color: transparent;
  border-radius: 50%;
  -webkit-animation: 0.75s linear infinite spinner-border;
          animation: 0.75s linear infinite spinner-border;
}

.spinner-border-sm {
  width: 1rem;
  height: 1rem;
  border-width: 0.2em;
}

@-webkit-keyframes spinner-grow {
  0% {
    -webkit-transform: scale(0);
            transform: scale(0);
  }
  50% {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}

@keyframes spinner-grow {
  0% {
    -webkit-transform: scale(0);
            transform: scale(0);
  }
  50% {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}
.spinner-grow {
  display: inline-block;
  width: 2rem;
  height: 2rem;
  vertical-align: -0.125em;
  background-color: currentColor;
  border-radius: 50%;
  opacity: 0;
  -webkit-animation: 0.75s linear infinite spinner-grow;
          animation: 0.75s linear infinite spinner-grow;
}

.spinner-grow-sm {
  width: 1rem;
  height: 1rem;
}

@media (prefers-reduced-motion: reduce) {
  .spinner-border,
.spinner-grow {
    -webkit-animation-duration: 1.5s;
            animation-duration: 1.5s;
  }
}
.offcanvas {
  position: fixed;
  bottom: 0;
  z-index: 1045;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  max-width: 100%;
  visibility: hidden;
  background-color: #fff;
  background-clip: padding-box;
  outline: 0;
  -webkit-transition: -webkit-transform 0.3s ease-in-out;
  transition: -webkit-transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .offcanvas {
    -webkit-transition: none;
    transition: none;
  }
}

.offcanvas-backdrop {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1040;
  width: 100vw;
  height: 100vh;
  background-color: #000;
}
.offcanvas-backdrop.fade {
  opacity: 0;
}
.offcanvas-backdrop.show {
  opacity: 0.5;
}

.offcanvas-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 1rem 1.5rem;
}
.offcanvas-header .btn-close {
  padding: 0.5rem 0.75rem;
  margin-top: -0.5rem;
  margin-right: -0.75rem;
  margin-bottom: -0.5rem;
}

.offcanvas-title {
  margin-bottom: 0;
  line-height: 1.5;
}

.offcanvas-body {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  padding: 1rem 1.5rem;
  overflow-y: auto;
}

.offcanvas-start {
  top: 0;
  left: 0;
  width: 400px;
  border-right: 1px solid rgba(0, 0, 0, 0.1);
  -webkit-transform: translateX(-100%);
          transform: translateX(-100%);
}

.offcanvas-end {
  top: 0;
  right: 0;
  width: 400px;
  border-left: 1px solid rgba(0, 0, 0, 0.1);
  -webkit-transform: translateX(100%);
          transform: translateX(100%);
}

.offcanvas-top {
  top: 0;
  right: 0;
  left: 0;
  height: 30vh;
  max-height: 100%;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  -webkit-transform: translateY(-100%);
          transform: translateY(-100%);
}

.offcanvas-bottom {
  right: 0;
  left: 0;
  height: 30vh;
  max-height: 100%;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  -webkit-transform: translateY(100%);
          transform: translateY(100%);
}

.offcanvas.show {
  -webkit-transform: none;
          transform: none;
}

.placeholder {
  display: inline-block;
  min-height: 1em;
  vertical-align: middle;
  cursor: wait;
  background-color: currentColor;
  opacity: 0.5;
}
.placeholder.btn::before {
  display: inline-block;
  content: "";
}

.placeholder-xs {
  min-height: 0.6em;
}

.placeholder-sm {
  min-height: 0.8em;
}

.placeholder-lg {
  min-height: 1.2em;
}

.placeholder-glow .placeholder {
  -webkit-animation: placeholder-glow 2s ease-in-out infinite;
          animation: placeholder-glow 2s ease-in-out infinite;
}

@-webkit-keyframes placeholder-glow {
  50% {
    opacity: 0.2;
  }
}

@keyframes placeholder-glow {
  50% {
    opacity: 0.2;
  }
}
.placeholder-wave {
  -webkit-mask-image: linear-gradient(130deg, #000 55%, rgba(0, 0, 0, 0.8) 75%, #000 95%);
          mask-image: linear-gradient(130deg, #000 55%, rgba(0, 0, 0, 0.8) 75%, #000 95%);
  -webkit-mask-size: 200% 100%;
          mask-size: 200% 100%;
  -webkit-animation: placeholder-wave 2s linear infinite;
          animation: placeholder-wave 2s linear infinite;
}

@-webkit-keyframes placeholder-wave {
  100% {
    -webkit-mask-position: -200% 0%;
            mask-position: -200% 0%;
  }
}

@keyframes placeholder-wave {
  100% {
    -webkit-mask-position: -200% 0%;
            mask-position: -200% 0%;
  }
}
.clearfix::after {
  display: block;
  clear: both;
  content: "";
}

.link-primary {
  color: #8b1538;
}
.link-primary:hover, .link-primary:focus {
  color: #0c59bd;
}

.link-secondary {
  color: #14191e;
}
.link-secondary:hover, .link-secondary:focus {
  color: #101418;
}

.link-success {
  color: #0cbc87;
}
.link-success:hover, .link-success:focus {
  color: #0a966c;
}

.link-info {
  color: #8b1538;
}
.link-info:hover, .link-info:focus {
  color: #3f7ec6;
}

.link-warning {
  color: #f7c32e;
}
.link-warning:hover, .link-warning:focus {
  color: #f9cf58;
}

.link-danger {
  color: #d6293e;
}
.link-danger:hover, .link-danger:focus {
  color: #ab2132;
}

.link-light {
  color: #eef0f2;
}
.link-light:hover, .link-light:focus {
  color: #f1f3f5;
}

.link-dark {
  color: #14191e;
}
.link-dark:hover, .link-dark:focus {
  color: #101418;
}

.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: 999;
}

.fixed-bottom {
  position: fixed;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1030;
}

.sticky-top {
  position: sticky;
  top: 0;
  z-index: 1020;
}

@media (min-width: 576px) {
  .sticky-sm-top {
    position: sticky;
    top: 0;
    z-index: 1020;
  }
}
@media (min-width: 768px) {
  .sticky-md-top {
    position: sticky;
    top: 0;
    z-index: 1020;
  }
}
@media (min-width: 992px) {
  .sticky-lg-top {
    position: sticky;
    top: 0;
    z-index: 1020;
  }
}
@media (min-width: 1200px) {
  .sticky-xl-top {
    position: sticky;
    top: 0;
    z-index: 1020;
  }
}
@media (min-width: 1400px) {
  .sticky-xxl-top {
    position: sticky;
    top: 0;
    z-index: 1020;
  }
}
.hstack {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-item-align: stretch;
      align-self: stretch;
}

.vstack {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -ms-flex-item-align: stretch;
      align-self: stretch;
}

.visually-hidden,
.visually-hidden-focusable:not(:focus):not(:focus-within) {
  position: absolute !important;
  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;
}

.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;
  -ms-flex-item-align: stretch;
      align-self: stretch;
  width: 1px;
  min-height: 1em;
  background-color: currentColor;
  opacity: 0.25;
}

.align-baseline {
  vertical-align: baseline !important;
}

.align-top {
  vertical-align: top !important;
}

.align-middle {
  vertical-align: middle !important;
}

.align-bottom {
  vertical-align: bottom !important;
}

.align-text-bottom {
  vertical-align: text-bottom !important;
}

.align-text-top {
  vertical-align: text-top !important;
}

.float-start {
  float: left !important;
}

.float-end {
  float: right !important;
}

.float-none {
  float: none !important;
}

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

.opacity-25 {
  opacity: 0.25 !important;
}

.opacity-50 {
  opacity: 0.5 !important;
}

.opacity-75 {
  opacity: 0.75 !important;
}

.opacity-100 {
  opacity: 1 !important;
}

.overflow-auto {
  overflow: auto !important;
}

.overflow-hidden {
  overflow: hidden !important;
}

.overflow-visible {
  overflow: visible !important;
}

.overflow-scroll {
  overflow: scroll !important;
}

.d-inline {
  display: inline !important;
}

.d-inline-block {
  display: inline-block !important;
}

.d-block {
  display: block !important;
}

.d-grid {
  display: grid !important;
}

.d-table {
  display: table !important;
}

.d-table-row {
  display: table-row !important;
}

.d-table-cell {
  display: table-cell !important;
}

.d-flex {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
}

.d-inline-flex {
  display: -webkit-inline-box !important;
  display: -ms-inline-flexbox !important;
  display: inline-flex !important;
}

.d-none {
  display: none !important;
}

.shadow {
  -webkit-box-shadow: 0px 0px 20px rgba(93, 83, 84, 0.15) !important;
          box-shadow: 0px 0px 20px rgba(93, 83, 84, 0.15) !important;
}

.shadow-sm {
  -webkit-box-shadow: 0 0.125rem 0.25rem rgba(83, 88, 93, 0.15) !important;
          box-shadow: 0 0.125rem 0.25rem rgba(83, 88, 93, 0.15) !important;
}

.shadow-lg {
  -webkit-box-shadow: 0 1rem 3rem rgba(83, 88, 93, 0.15) !important;
          box-shadow: 0 1rem 3rem rgba(83, 88, 93, 0.15) !important;
}

.shadow-none {
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
}

.position-static {
  position: static !important;
}

.position-relative {
  position: relative !important;
}

.position-absolute {
  position: absolute !important;
}

.position-fixed {
  position: fixed !important;
}

.position-sticky {
  position: sticky !important;
}

.top-0 {
  top: 0 !important;
}

.top-50 {
  top: 50% !important;
}

.top-100 {
  top: 100% !important;
}

.bottom-0 {
  bottom: 0 !important;
}

.bottom-50 {
  bottom: 50% !important;
}

.bottom-100 {
  bottom: 100% !important;
}

.start-0 {
  left: 0 !important;
}

.start-50 {
  left: 50% !important;
}

.start-100 {
  left: 100% !important;
}

.end-0 {
  right: 0 !important;
}

.end-50 {
  right: 50% !important;
}

.end-100 {
  right: 100% !important;
}

.translate-middle {
  -webkit-transform: translate(-50%, -50%) !important;
          transform: translate(-50%, -50%) !important;
}

.translate-middle-x {
  -webkit-transform: translateX(-50%) !important;
          transform: translateX(-50%) !important;
}

.translate-middle-y {
  -webkit-transform: translateY(-50%) !important;
          transform: translateY(-50%) !important;
}

.border {
  border: 1px solid rgba(0, 0, 0, 0.1) !important;
}

.border-0 {
  border: 0 !important;
}

.border-top {
  border-top: 1px solid rgba(0, 0, 0, 0.1) !important;
}

.border-top-0 {
  border-top: 0 !important;
}

.border-end {
  border-right: 1px solid rgba(0, 0, 0, 0.1) !important;
}

.border-end-0 {
  border-right: 0 !important;
}

.border-bottom {
  border-bottom: 1px solid rgba(0, 0, 0, 0.1) !important;
}

.border-bottom-0 {
  border-bottom: 0 !important;
}

.border-start {
  border-left: 1px solid rgba(0, 0, 0, 0.1) !important;
}

.border-start-0 {
  border-left: 0 !important;
}

.border-primary {
  border-color: #8b1538 !important;
}

.border-secondary {
  border-color: #14191e !important;
}

.border-success {
  border-color: #0cbc87 !important;
}

.border-info {
  border-color: #8b1538 !important;
}

.border-warning {
  border-color: #f7c32e !important;
}

.border-danger {
  border-color: #d6293e !important;
}

.border-light {
  border-color: #eef0f2 !important;
}

.border-dark {
  border-color: #14191e !important;
}

.border-white {
  border-color: #fff !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;
}

.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 {
  -webkit-box-flex: 1 !important;
      -ms-flex: 1 1 auto !important;
          flex: 1 1 auto !important;
}

.flex-row {
  -webkit-box-orient: horizontal !important;
  -webkit-box-direction: normal !important;
      -ms-flex-direction: row !important;
          flex-direction: row !important;
}

.flex-column {
  -webkit-box-orient: vertical !important;
  -webkit-box-direction: normal !important;
      -ms-flex-direction: column !important;
          flex-direction: column !important;
}

.flex-row-reverse {
  -webkit-box-orient: horizontal !important;
  -webkit-box-direction: reverse !important;
      -ms-flex-direction: row-reverse !important;
          flex-direction: row-reverse !important;
}

.flex-column-reverse {
  -webkit-box-orient: vertical !important;
  -webkit-box-direction: reverse !important;
      -ms-flex-direction: column-reverse !important;
          flex-direction: column-reverse !important;
}

.flex-grow-0 {
  -webkit-box-flex: 0 !important;
      -ms-flex-positive: 0 !important;
          flex-grow: 0 !important;
}

.flex-grow-1 {
  -webkit-box-flex: 1 !important;
      -ms-flex-positive: 1 !important;
          flex-grow: 1 !important;
}

.flex-shrink-0 {
  -ms-flex-negative: 0 !important;
      flex-shrink: 0 !important;
}

.flex-shrink-1 {
  -ms-flex-negative: 1 !important;
      flex-shrink: 1 !important;
}

.flex-wrap {
  -ms-flex-wrap: wrap !important;
      flex-wrap: wrap !important;
}

.flex-nowrap {
  -ms-flex-wrap: nowrap !important;
      flex-wrap: nowrap !important;
}

.flex-wrap-reverse {
  -ms-flex-wrap: wrap-reverse !important;
      flex-wrap: wrap-reverse !important;
}

.gap-0 {
  gap: 0 !important;
}

.gap-1 {
  gap: 0.25rem !important;
}

.gap-2 {
  gap: 0.5rem !important;
}

.gap-3 {
  gap: 1rem !important;
}

.gap-4 {
  gap: 1.5rem !important;
}

.gap-5 {
  gap: 3rem !important;
}

.justify-content-start {
  -webkit-box-pack: start !important;
      -ms-flex-pack: start !important;
          justify-content: flex-start !important;
}

.justify-content-end {
  -webkit-box-pack: end !important;
      -ms-flex-pack: end !important;
          justify-content: flex-end !important;
}

.justify-content-center {
  -webkit-box-pack: center !important;
      -ms-flex-pack: center !important;
          justify-content: center !important;
}

.justify-content-between {
  -webkit-box-pack: justify !important;
      -ms-flex-pack: justify !important;
          justify-content: space-between !important;
}

.justify-content-around {
  -ms-flex-pack: distribute !important;
      justify-content: space-around !important;
}

.justify-content-evenly {
  -webkit-box-pack: space-evenly !important;
      -ms-flex-pack: space-evenly !important;
          justify-content: space-evenly !important;
}

.align-items-start {
  -webkit-box-align: start !important;
      -ms-flex-align: start !important;
          align-items: flex-start !important;
}

.align-items-end {
  -webkit-box-align: end !important;
      -ms-flex-align: end !important;
          align-items: flex-end !important;
}

.align-items-center {
  -webkit-box-align: center !important;
      -ms-flex-align: center !important;
          align-items: center !important;
}

.align-items-baseline {
  -webkit-box-align: baseline !important;
      -ms-flex-align: baseline !important;
          align-items: baseline !important;
}

.align-items-stretch {
  -webkit-box-align: stretch !important;
      -ms-flex-align: stretch !important;
          align-items: stretch !important;
}

.align-content-start {
  -ms-flex-line-pack: start !important;
      align-content: flex-start !important;
}

.align-content-end {
  -ms-flex-line-pack: end !important;
      align-content: flex-end !important;
}

.align-content-center {
  -ms-flex-line-pack: center !important;
      align-content: center !important;
}

.align-content-between {
  -ms-flex-line-pack: justify !important;
      align-content: space-between !important;
}

.align-content-around {
  -ms-flex-line-pack: distribute !important;
      align-content: space-around !important;
}

.align-content-stretch {
  -ms-flex-line-pack: stretch !important;
      align-content: stretch !important;
}

.align-self-auto {
  -ms-flex-item-align: auto !important;
      align-self: auto !important;
}

.align-self-start {
  -ms-flex-item-align: start !important;
      align-self: flex-start !important;
}

.align-self-end {
  -ms-flex-item-align: end !important;
      align-self: flex-end !important;
}

.align-self-center {
  -ms-flex-item-align: center !important;
      align-self: center !important;
}

.align-self-baseline {
  -ms-flex-item-align: baseline !important;
      align-self: baseline !important;
}

.align-self-stretch {
  -ms-flex-item-align: stretch !important;
      align-self: stretch !important;
}

.order-first {
  -webkit-box-ordinal-group: 0 !important;
      -ms-flex-order: -1 !important;
          order: -1 !important;
}

.order-0 {
  -webkit-box-ordinal-group: 1 !important;
      -ms-flex-order: 0 !important;
          order: 0 !important;
}

.order-1 {
  -webkit-box-ordinal-group: 2 !important;
      -ms-flex-order: 1 !important;
          order: 1 !important;
}

.order-2 {
  -webkit-box-ordinal-group: 3 !important;
      -ms-flex-order: 2 !important;
          order: 2 !important;
}

.order-3 {
  -webkit-box-ordinal-group: 4 !important;
      -ms-flex-order: 3 !important;
          order: 3 !important;
}

.order-4 {
  -webkit-box-ordinal-group: 5 !important;
      -ms-flex-order: 4 !important;
          order: 4 !important;
}

.order-5 {
  -webkit-box-ordinal-group: 6 !important;
      -ms-flex-order: 5 !important;
          order: 5 !important;
}

.order-last {
  -webkit-box-ordinal-group: 7 !important;
      -ms-flex-order: 6 !important;
          order: 6 !important;
}

.m-0 {
  margin: 0 !important;
}

.m-1 {
  margin: 0.25rem !important;
}

.m-2 {
  margin: 0.5rem !important;
}

.m-3 {
  margin: 1rem !important;
}

.m-4 {
  margin: 1.5rem !important;
}

.m-5 {
  margin: 3rem !important;
}

.m-auto {
  margin: auto !important;
}

.mx-0 {
  margin-right: 0 !important;
  margin-left: 0 !important;
}

.mx-1 {
  margin-right: 0.25rem !important;
  margin-left: 0.25rem !important;
}

.mx-2 {
  margin-right: 0.5rem !important;
  margin-left: 0.5rem !important;
}

.mx-3 {
  margin-right: 1rem !important;
  margin-left: 1rem !important;
}

.mx-4 {
  margin-right: 1.5rem !important;
  margin-left: 1.5rem !important;
}

.mx-5 {
  margin-right: 3rem !important;
  margin-left: 3rem !important;
}

.mx-auto {
  margin-right: auto !important;
  margin-left: auto !important;
}

.my-0 {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

.my-1 {
  margin-top: 0.25rem !important;
  margin-bottom: 0.25rem !important;
}

.my-2 {
  margin-top: 0.5rem !important;
  margin-bottom: 0.5rem !important;
}

.my-3 {
  margin-top: 1rem !important;
  margin-bottom: 1rem !important;
}

.my-4 {
  margin-top: 1.5rem !important;
  margin-bottom: 1.5rem !important;
}

.my-5 {
  margin-top: 3rem !important;
  margin-bottom: 3rem !important;
}

.my-auto {
  margin-top: auto !important;
  margin-bottom: auto !important;
}

.mt-0 {
  margin-top: 0 !important;
}

.mt-1 {
  margin-top: 0.25rem !important;
}

.mt-2 {
  margin-top: 0.5rem !important;
}

.mt-3 {
  margin-top: 1rem !important;
}

.mt-4 {
  margin-top: 1.5rem !important;
}

.mt-5 {
  margin-top: 3rem !important;
}

.mt-auto {
  margin-top: auto !important;
}

.me-0 {
  margin-right: 0 !important;
}

.me-1 {
  margin-right: 0.25rem !important;
}

.me-2 {
  margin-right: 0.5rem !important;
}

.me-3 {
  margin-right: 1rem !important;
}

.me-4 {
  margin-right: 1.5rem !important;
}

.me-5 {
  margin-right: 3rem !important;
}

.me-auto {
  margin-right: auto !important;
}

.mb-0 {
  margin-bottom: 0 !important;
}

.mb-1 {
  margin-bottom: 0.25rem !important;
}

.mb-2 {
  margin-bottom: 0.5rem !important;
}

.mb-3 {
  margin-bottom: 1rem !important;
}

.mb-4 {
  margin-bottom: 1.5rem !important;
}

.mb-5 {
  margin-bottom: 3rem !important;
}

.mb-auto {
  margin-bottom: auto !important;
}

.ms-0 {
  margin-left: 0 !important;
}

.ms-1 {
  margin-left: 0.25rem !important;
}

.ms-2 {
  margin-left: 0.5rem !important;
}

.ms-3 {
  margin-left: 1rem !important;
}

.ms-4 {
  margin-left: 1.5rem !important;
}

.ms-5 {
  margin-left: 3rem !important;
}

.ms-auto {
  margin-left: auto !important;
}

.m-n1 {
  margin: -0.25rem !important;
}

.m-n2 {
  margin: -0.5rem !important;
}

.m-n3 {
  margin: -1rem !important;
}

.m-n4 {
  margin: -1.5rem !important;
}

.m-n5 {
  margin: -3rem !important;
}

.mx-n1 {
  margin-right: -0.25rem !important;
  margin-left: -0.25rem !important;
}

.mx-n2 {
  margin-right: -0.5rem !important;
  margin-left: -0.5rem !important;
}

.mx-n3 {
  margin-right: -1rem !important;
  margin-left: -1rem !important;
}

.mx-n4 {
  margin-right: -1.5rem !important;
  margin-left: -1.5rem !important;
}

.mx-n5 {
  margin-right: -3rem !important;
  margin-left: -3rem !important;
}

.my-n1 {
  margin-top: -0.25rem !important;
  margin-bottom: -0.25rem !important;
}

.my-n2 {
  margin-top: -0.5rem !important;
  margin-bottom: -0.5rem !important;
}

.my-n3 {
  margin-top: -1rem !important;
  margin-bottom: -1rem !important;
}

.my-n4 {
  margin-top: -1.5rem !important;
  margin-bottom: -1.5rem !important;
}

.my-n5 {
  margin-top: -3rem !important;
  margin-bottom: -3rem !important;
}

.mt-n1 {
  margin-top: -0.25rem !important;
}

.mt-n2 {
  margin-top: -0.5rem !important;
}

.mt-n3 {
  margin-top: -1rem !important;
}

.mt-n4 {
  margin-top: -1.5rem !important;
}

.mt-n5 {
  margin-top: -3rem !important;
}

.me-n1 {
  margin-right: -0.25rem !important;
}

.me-n2 {
  margin-right: -0.5rem !important;
}

.me-n3 {
  margin-right: -1rem !important;
}

.me-n4 {
  margin-right: -1.5rem !important;
}

.me-n5 {
  margin-right: -3rem !important;
}

.mb-n1 {
  margin-bottom: -0.25rem !important;
}

.mb-n2 {
  margin-bottom: -0.5rem !important;
}

.mb-n3 {
  margin-bottom: -1rem !important;
}

.mb-n4 {
  margin-bottom: -1.5rem !important;
}

.mb-n5 {
  margin-bottom: -3rem !important;
}

.ms-n1 {
  margin-left: -0.25rem !important;
}

.ms-n2 {
  margin-left: -0.5rem !important;
}

.ms-n3 {
  margin-left: -1rem !important;
}

.ms-n4 {
  margin-left: -1.5rem !important;
}

.ms-n5 {
  margin-left: -3rem !important;
}

.p-0 {
  padding: 0 !important;
}

.p-1 {
  padding: 0.25rem !important;
}

.p-2 {
  padding: 0.5rem !important;
}

.p-3 {
  padding: 1rem !important;
}

.p-4 {
  padding: 1.5rem !important;
}

.p-5 {
  padding: 3rem !important;
}

.px-0 {
  padding-right: 0 !important;
  padding-left: 0 !important;
}

.px-1 {
  padding-right: 0.25rem !important;
  padding-left: 0.25rem !important;
}

.px-2 {
  padding-right: 0.5rem !important;
  padding-left: 0.5rem !important;
}

.px-3 {
  padding-right: 1rem !important;
  padding-left: 1rem !important;
}

.px-4 {
  padding-right: 1.5rem !important;
  padding-left: 1.5rem !important;
}

.px-5 {
  padding-right: 3rem !important;
  padding-left: 3rem !important;
}

.py-0 {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

.py-1 {
  padding-top: 0.25rem !important;
  padding-bottom: 0.25rem !important;
}

.py-2 {
  padding-top: 0.5rem !important;
  padding-bottom: 0.5rem !important;
}

.py-3 {
  padding-top: 1rem !important;
  padding-bottom: 1rem !important;
}

.py-4 {
  padding-top: 1.5rem !important;
  padding-bottom: 1.5rem !important;
}

.py-5 {
  padding-top: 3rem !important;
  padding-bottom: 3rem !important;
}

.pt-0 {
  padding-top: 0 !important;
}

.pt-1 {
  padding-top: 0.25rem !important;
}

.pt-2 {
  padding-top: 0.5rem !important;
}

.pt-3 {
  padding-top: 1rem !important;
}

.pt-4 {
  padding-top: 1.5rem !important;
}

.pt-5 {
  padding-top: 3rem !important;
}

.pe-0 {
  padding-right: 0 !important;
}

.pe-1 {
  padding-right: 0.25rem !important;
}

.pe-2 {
  padding-right: 0.5rem !important;
}

.pe-3 {
  padding-right: 1rem !important;
}

.pe-4 {
  padding-right: 1.5rem !important;
}

.pe-5 {
  padding-right: 3rem !important;
}

.pb-0 {
  padding-bottom: 0 !important;
}

.pb-1 {
  padding-bottom: 0.25rem !important;
}

.pb-2 {
  padding-bottom: 0.5rem !important;
}

.pb-3 {
  padding-bottom: 1rem !important;
}

.pb-4 {
  padding-bottom: 1.5rem !important;
}

.pb-5 {
  padding-bottom: 3rem !important;
}

.ps-0 {
  padding-left: 0 !important;
}

.ps-1 {
  padding-left: 0.25rem !important;
}

.ps-2 {
  padding-left: 0.5rem !important;
}

.ps-3 {
  padding-left: 1rem !important;
}

.ps-4 {
  padding-left: 1.5rem !important;
}

.ps-5 {
  padding-left: 3rem !important;
}

.font-monospace {
  font-family: var(--bs-font-monospace) !important;
}

.fs-1 {
  font-size: calc(1.359375rem + 1.3125vw) !important;
}

.fs-2 {
  font-size: calc(1.3125rem + 0.75vw) !important;
}

.fs-3 {
  font-size: calc(1.2890625rem + 0.46875vw) !important;
}

.fs-4 {
  font-size: calc(1.265625rem + 0.1875vw) !important;
}

.fs-5 {
  font-size: 1.171875rem !important;
}

.fs-6 {
  font-size: 0.9375rem !important;
}

.fst-italic {
  font-style: italic !important;
}

.fst-normal {
  font-style: normal !important;
}

.fw-light {
  font-weight: 400 !important;
}

.fw-lighter {
  font-weight: lighter !important;
}

.fw-normal {
  font-weight: 500 !important;
}

.fw-bold {
  font-weight: 700 !important;
}

.fw-bolder {
  font-weight: bolder !important;
}

.lh-1 {
  line-height: 1 !important;
}

.lh-sm {
  line-height: 1.25 !important;
}

.lh-base {
  line-height: 1.5 !important;
}

.lh-lg {
  line-height: 2 !important;
}

.text-start {
  text-align: left !important;
}

.text-end {
  text-align: right !important;
}

.text-center {
  text-align: center !important;
}

.text-decoration-none {
  text-decoration: none !important;
}

.text-decoration-underline {
  text-decoration: underline !important;
}

.text-decoration-line-through {
  text-decoration: line-through !important;
}

.text-lowercase {
  text-transform: lowercase !important;
}

.text-uppercase {
  text-transform: uppercase !important;
}

.text-capitalize {
  text-transform: capitalize !important;
}

.text-wrap {
  white-space: normal !important;
}

.text-nowrap {
  white-space: nowrap !important;
}

/* rtl:begin:remove */
.text-break {
  word-wrap: break-word !important;
  word-break: break-word !important;
}

/* rtl:end:remove */
.text-primary {
  --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: #e1e4e6 !important;
}

.text-black-50 {
  --bs-text-opacity: 1;
  color: rgba(0, 0, 0, 0.5) !important;
}

.text-white-50 {
  --bs-text-opacity: 1;
  color: rgba(255, 255, 255, 0.5) !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;
}

.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-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-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;
      -ms-user-select: auto !important;
          user-select: auto !important;
}

.user-select-none {
  -webkit-user-select: none !important;
     -moz-user-select: none !important;
      -ms-user-select: none !important;
          user-select: none !important;
}

.pe-none {
  pointer-events: none !important;
}

.pe-auto {
  pointer-events: auto !important;
}

.rounded {
  border-radius: 0.4rem !important;
}

.rounded-0 {
  border-radius: 0 !important;
}

.rounded-1 {
  border-radius: 0.2rem !important;
}

.rounded-2 {
  border-radius: 0.4rem !important;
}

.rounded-3 {
  border-radius: 0.7rem !important;
}

.rounded-circle {
  border-radius: 50% !important;
}

.rounded-pill {
  border-radius: 50rem !important;
}

.rounded-top {
  border-top-left-radius: 0.4rem !important;
  border-top-right-radius: 0.4rem !important;
}

.rounded-end {
  border-top-right-radius: 0.4rem !important;
  border-bottom-right-radius: 0.4rem !important;
}

.rounded-bottom {
  border-bottom-right-radius: 0.4rem !important;
  border-bottom-left-radius: 0.4rem !important;
}

.rounded-start {
  border-bottom-left-radius: 0.4rem !important;
  border-top-left-radius: 0.4rem !important;
}

.visible {
  visibility: visible !important;
}

.invisible {
  visibility: hidden !important;
}

@media (min-width: 576px) {
  .float-sm-start {
    float: left !important;
  }

  .float-sm-end {
    float: right !important;
  }

  .float-sm-none {
    float: 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-table {
    display: table !important;
  }

  .d-sm-table-row {
    display: table-row !important;
  }

  .d-sm-table-cell {
    display: table-cell !important;
  }

  .d-sm-flex {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }

  .d-sm-inline-flex {
    display: -webkit-inline-box !important;
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
  }

  .d-sm-none {
    display: none !important;
  }

  .flex-sm-fill {
    -webkit-box-flex: 1 !important;
        -ms-flex: 1 1 auto !important;
            flex: 1 1 auto !important;
  }

  .flex-sm-row {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: normal !important;
        -ms-flex-direction: row !important;
            flex-direction: row !important;
  }

  .flex-sm-column {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
        -ms-flex-direction: column !important;
            flex-direction: column !important;
  }

  .flex-sm-row-reverse {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: reverse !important;
        -ms-flex-direction: row-reverse !important;
            flex-direction: row-reverse !important;
  }

  .flex-sm-column-reverse {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: reverse !important;
        -ms-flex-direction: column-reverse !important;
            flex-direction: column-reverse !important;
  }

  .flex-sm-grow-0 {
    -webkit-box-flex: 0 !important;
        -ms-flex-positive: 0 !important;
            flex-grow: 0 !important;
  }

  .flex-sm-grow-1 {
    -webkit-box-flex: 1 !important;
        -ms-flex-positive: 1 !important;
            flex-grow: 1 !important;
  }

  .flex-sm-shrink-0 {
    -ms-flex-negative: 0 !important;
        flex-shrink: 0 !important;
  }

  .flex-sm-shrink-1 {
    -ms-flex-negative: 1 !important;
        flex-shrink: 1 !important;
  }

  .flex-sm-wrap {
    -ms-flex-wrap: wrap !important;
        flex-wrap: wrap !important;
  }

  .flex-sm-nowrap {
    -ms-flex-wrap: nowrap !important;
        flex-wrap: nowrap !important;
  }

  .flex-sm-wrap-reverse {
    -ms-flex-wrap: wrap-reverse !important;
        flex-wrap: wrap-reverse !important;
  }

  .gap-sm-0 {
    gap: 0 !important;
  }

  .gap-sm-1 {
    gap: 0.25rem !important;
  }

  .gap-sm-2 {
    gap: 0.5rem !important;
  }

  .gap-sm-3 {
    gap: 1rem !important;
  }

  .gap-sm-4 {
    gap: 1.5rem !important;
  }

  .gap-sm-5 {
    gap: 3rem !important;
  }

  .justify-content-sm-start {
    -webkit-box-pack: start !important;
        -ms-flex-pack: start !important;
            justify-content: flex-start !important;
  }

  .justify-content-sm-end {
    -webkit-box-pack: end !important;
        -ms-flex-pack: end !important;
            justify-content: flex-end !important;
  }

  .justify-content-sm-center {
    -webkit-box-pack: center !important;
        -ms-flex-pack: center !important;
            justify-content: center !important;
  }

  .justify-content-sm-between {
    -webkit-box-pack: justify !important;
        -ms-flex-pack: justify !important;
            justify-content: space-between !important;
  }

  .justify-content-sm-around {
    -ms-flex-pack: distribute !important;
        justify-content: space-around !important;
  }

  .justify-content-sm-evenly {
    -webkit-box-pack: space-evenly !important;
        -ms-flex-pack: space-evenly !important;
            justify-content: space-evenly !important;
  }

  .align-items-sm-start {
    -webkit-box-align: start !important;
        -ms-flex-align: start !important;
            align-items: flex-start !important;
  }

  .align-items-sm-end {
    -webkit-box-align: end !important;
        -ms-flex-align: end !important;
            align-items: flex-end !important;
  }

  .align-items-sm-center {
    -webkit-box-align: center !important;
        -ms-flex-align: center !important;
            align-items: center !important;
  }

  .align-items-sm-baseline {
    -webkit-box-align: baseline !important;
        -ms-flex-align: baseline !important;
            align-items: baseline !important;
  }

  .align-items-sm-stretch {
    -webkit-box-align: stretch !important;
        -ms-flex-align: stretch !important;
            align-items: stretch !important;
  }

  .align-content-sm-start {
    -ms-flex-line-pack: start !important;
        align-content: flex-start !important;
  }

  .align-content-sm-end {
    -ms-flex-line-pack: end !important;
        align-content: flex-end !important;
  }

  .align-content-sm-center {
    -ms-flex-line-pack: center !important;
        align-content: center !important;
  }

  .align-content-sm-between {
    -ms-flex-line-pack: justify !important;
        align-content: space-between !important;
  }

  .align-content-sm-around {
    -ms-flex-line-pack: distribute !important;
        align-content: space-around !important;
  }

  .align-content-sm-stretch {
    -ms-flex-line-pack: stretch !important;
        align-content: stretch !important;
  }

  .align-self-sm-auto {
    -ms-flex-item-align: auto !important;
        align-self: auto !important;
  }

  .align-self-sm-start {
    -ms-flex-item-align: start !important;
        align-self: flex-start !important;
  }

  .align-self-sm-end {
    -ms-flex-item-align: end !important;
        align-self: flex-end !important;
  }

  .align-self-sm-center {
    -ms-flex-item-align: center !important;
        align-self: center !important;
  }

  .align-self-sm-baseline {
    -ms-flex-item-align: baseline !important;
        align-self: baseline !important;
  }

  .align-self-sm-stretch {
    -ms-flex-item-align: stretch !important;
        align-self: stretch !important;
  }

  .order-sm-first {
    -webkit-box-ordinal-group: 0 !important;
        -ms-flex-order: -1 !important;
            order: -1 !important;
  }

  .order-sm-0 {
    -webkit-box-ordinal-group: 1 !important;
        -ms-flex-order: 0 !important;
            order: 0 !important;
  }

  .order-sm-1 {
    -webkit-box-ordinal-group: 2 !important;
        -ms-flex-order: 1 !important;
            order: 1 !important;
  }

  .order-sm-2 {
    -webkit-box-ordinal-group: 3 !important;
        -ms-flex-order: 2 !important;
            order: 2 !important;
  }

  .order-sm-3 {
    -webkit-box-ordinal-group: 4 !important;
        -ms-flex-order: 3 !important;
            order: 3 !important;
  }

  .order-sm-4 {
    -webkit-box-ordinal-group: 5 !important;
        -ms-flex-order: 4 !important;
            order: 4 !important;
  }

  .order-sm-5 {
    -webkit-box-ordinal-group: 6 !important;
        -ms-flex-order: 5 !important;
            order: 5 !important;
  }

  .order-sm-last {
    -webkit-box-ordinal-group: 7 !important;
        -ms-flex-order: 6 !important;
            order: 6 !important;
  }

  .m-sm-0 {
    margin: 0 !important;
  }

  .m-sm-1 {
    margin: 0.25rem !important;
  }

  .m-sm-2 {
    margin: 0.5rem !important;
  }

  .m-sm-3 {
    margin: 1rem !important;
  }

  .m-sm-4 {
    margin: 1.5rem !important;
  }

  .m-sm-5 {
    margin: 3rem !important;
  }

  .m-sm-auto {
    margin: auto !important;
  }

  .mx-sm-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }

  .mx-sm-1 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important;
  }

  .mx-sm-2 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important;
  }

  .mx-sm-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
  }

  .mx-sm-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important;
  }

  .mx-sm-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important;
  }

  .mx-sm-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }

  .my-sm-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }

  .my-sm-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }

  .my-sm-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }

  .my-sm-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }

  .my-sm-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }

  .my-sm-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }

  .my-sm-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }

  .mt-sm-0 {
    margin-top: 0 !important;
  }

  .mt-sm-1 {
    margin-top: 0.25rem !important;
  }

  .mt-sm-2 {
    margin-top: 0.5rem !important;
  }

  .mt-sm-3 {
    margin-top: 1rem !important;
  }

  .mt-sm-4 {
    margin-top: 1.5rem !important;
  }

  .mt-sm-5 {
    margin-top: 3rem !important;
  }

  .mt-sm-auto {
    margin-top: auto !important;
  }

  .me-sm-0 {
    margin-right: 0 !important;
  }

  .me-sm-1 {
    margin-right: 0.25rem !important;
  }

  .me-sm-2 {
    margin-right: 0.5rem !important;
  }

  .me-sm-3 {
    margin-right: 1rem !important;
  }

  .me-sm-4 {
    margin-right: 1.5rem !important;
  }

  .me-sm-5 {
    margin-right: 3rem !important;
  }

  .me-sm-auto {
    margin-right: auto !important;
  }

  .mb-sm-0 {
    margin-bottom: 0 !important;
  }

  .mb-sm-1 {
    margin-bottom: 0.25rem !important;
  }

  .mb-sm-2 {
    margin-bottom: 0.5rem !important;
  }

  .mb-sm-3 {
    margin-bottom: 1rem !important;
  }

  .mb-sm-4 {
    margin-bottom: 1.5rem !important;
  }

  .mb-sm-5 {
    margin-bottom: 3rem !important;
  }

  .mb-sm-auto {
    margin-bottom: auto !important;
  }

  .ms-sm-0 {
    margin-left: 0 !important;
  }

  .ms-sm-1 {
    margin-left: 0.25rem !important;
  }

  .ms-sm-2 {
    margin-left: 0.5rem !important;
  }

  .ms-sm-3 {
    margin-left: 1rem !important;
  }

  .ms-sm-4 {
    margin-left: 1.5rem !important;
  }

  .ms-sm-5 {
    margin-left: 3rem !important;
  }

  .ms-sm-auto {
    margin-left: auto !important;
  }

  .m-sm-n1 {
    margin: -0.25rem !important;
  }

  .m-sm-n2 {
    margin: -0.5rem !important;
  }

  .m-sm-n3 {
    margin: -1rem !important;
  }

  .m-sm-n4 {
    margin: -1.5rem !important;
  }

  .m-sm-n5 {
    margin: -3rem !important;
  }

  .mx-sm-n1 {
    margin-right: -0.25rem !important;
    margin-left: -0.25rem !important;
  }

  .mx-sm-n2 {
    margin-right: -0.5rem !important;
    margin-left: -0.5rem !important;
  }

  .mx-sm-n3 {
    margin-right: -1rem !important;
    margin-left: -1rem !important;
  }

  .mx-sm-n4 {
    margin-right: -1.5rem !important;
    margin-left: -1.5rem !important;
  }

  .mx-sm-n5 {
    margin-right: -3rem !important;
    margin-left: -3rem !important;
  }

  .my-sm-n1 {
    margin-top: -0.25rem !important;
    margin-bottom: -0.25rem !important;
  }

  .my-sm-n2 {
    margin-top: -0.5rem !important;
    margin-bottom: -0.5rem !important;
  }

  .my-sm-n3 {
    margin-top: -1rem !important;
    margin-bottom: -1rem !important;
  }

  .my-sm-n4 {
    margin-top: -1.5rem !important;
    margin-bottom: -1.5rem !important;
  }

  .my-sm-n5 {
    margin-top: -3rem !important;
    margin-bottom: -3rem !important;
  }

  .mt-sm-n1 {
    margin-top: -0.25rem !important;
  }

  .mt-sm-n2 {
    margin-top: -0.5rem !important;
  }

  .mt-sm-n3 {
    margin-top: -1rem !important;
  }

  .mt-sm-n4 {
    margin-top: -1.5rem !important;
  }

  .mt-sm-n5 {
    margin-top: -3rem !important;
  }

  .me-sm-n1 {
    margin-right: -0.25rem !important;
  }

  .me-sm-n2 {
    margin-right: -0.5rem !important;
  }

  .me-sm-n3 {
    margin-right: -1rem !important;
  }

  .me-sm-n4 {
    margin-right: -1.5rem !important;
  }

  .me-sm-n5 {
    margin-right: -3rem !important;
  }

  .mb-sm-n1 {
    margin-bottom: -0.25rem !important;
  }

  .mb-sm-n2 {
    margin-bottom: -0.5rem !important;
  }

  .mb-sm-n3 {
    margin-bottom: -1rem !important;
  }

  .mb-sm-n4 {
    margin-bottom: -1.5rem !important;
  }

  .mb-sm-n5 {
    margin-bottom: -3rem !important;
  }

  .ms-sm-n1 {
    margin-left: -0.25rem !important;
  }

  .ms-sm-n2 {
    margin-left: -0.5rem !important;
  }

  .ms-sm-n3 {
    margin-left: -1rem !important;
  }

  .ms-sm-n4 {
    margin-left: -1.5rem !important;
  }

  .ms-sm-n5 {
    margin-left: -3rem !important;
  }

  .p-sm-0 {
    padding: 0 !important;
  }

  .p-sm-1 {
    padding: 0.25rem !important;
  }

  .p-sm-2 {
    padding: 0.5rem !important;
  }

  .p-sm-3 {
    padding: 1rem !important;
  }

  .p-sm-4 {
    padding: 1.5rem !important;
  }

  .p-sm-5 {
    padding: 3rem !important;
  }

  .px-sm-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }

  .px-sm-1 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important;
  }

  .px-sm-2 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
  }

  .px-sm-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }

  .px-sm-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
  }

  .px-sm-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important;
  }

  .py-sm-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }

  .py-sm-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }

  .py-sm-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }

  .py-sm-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }

  .py-sm-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }

  .py-sm-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }

  .pt-sm-0 {
    padding-top: 0 !important;
  }

  .pt-sm-1 {
    padding-top: 0.25rem !important;
  }

  .pt-sm-2 {
    padding-top: 0.5rem !important;
  }

  .pt-sm-3 {
    padding-top: 1rem !important;
  }

  .pt-sm-4 {
    padding-top: 1.5rem !important;
  }

  .pt-sm-5 {
    padding-top: 3rem !important;
  }

  .pe-sm-0 {
    padding-right: 0 !important;
  }

  .pe-sm-1 {
    padding-right: 0.25rem !important;
  }

  .pe-sm-2 {
    padding-right: 0.5rem !important;
  }

  .pe-sm-3 {
    padding-right: 1rem !important;
  }

  .pe-sm-4 {
    padding-right: 1.5rem !important;
  }

  .pe-sm-5 {
    padding-right: 3rem !important;
  }

  .pb-sm-0 {
    padding-bottom: 0 !important;
  }

  .pb-sm-1 {
    padding-bottom: 0.25rem !important;
  }

  .pb-sm-2 {
    padding-bottom: 0.5rem !important;
  }

  .pb-sm-3 {
    padding-bottom: 1rem !important;
  }

  .pb-sm-4 {
    padding-bottom: 1.5rem !important;
  }

  .pb-sm-5 {
    padding-bottom: 3rem !important;
  }

  .ps-sm-0 {
    padding-left: 0 !important;
  }

  .ps-sm-1 {
    padding-left: 0.25rem !important;
  }

  .ps-sm-2 {
    padding-left: 0.5rem !important;
  }

  .ps-sm-3 {
    padding-left: 1rem !important;
  }

  .ps-sm-4 {
    padding-left: 1.5rem !important;
  }

  .ps-sm-5 {
    padding-left: 3rem !important;
  }

  .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;
  }

  .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-table {
    display: table !important;
  }

  .d-md-table-row {
    display: table-row !important;
  }

  .d-md-table-cell {
    display: table-cell !important;
  }

  .d-md-flex {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }

  .d-md-inline-flex {
    display: -webkit-inline-box !important;
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
  }

  .d-md-none {
    display: none !important;
  }

  .flex-md-fill {
    -webkit-box-flex: 1 !important;
        -ms-flex: 1 1 auto !important;
            flex: 1 1 auto !important;
  }

  .flex-md-row {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: normal !important;
        -ms-flex-direction: row !important;
            flex-direction: row !important;
  }

  .flex-md-column {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
        -ms-flex-direction: column !important;
            flex-direction: column !important;
  }

  .flex-md-row-reverse {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: reverse !important;
        -ms-flex-direction: row-reverse !important;
            flex-direction: row-reverse !important;
  }

  .flex-md-column-reverse {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: reverse !important;
        -ms-flex-direction: column-reverse !important;
            flex-direction: column-reverse !important;
  }

  .flex-md-grow-0 {
    -webkit-box-flex: 0 !important;
        -ms-flex-positive: 0 !important;
            flex-grow: 0 !important;
  }

  .flex-md-grow-1 {
    -webkit-box-flex: 1 !important;
        -ms-flex-positive: 1 !important;
            flex-grow: 1 !important;
  }

  .flex-md-shrink-0 {
    -ms-flex-negative: 0 !important;
        flex-shrink: 0 !important;
  }

  .flex-md-shrink-1 {
    -ms-flex-negative: 1 !important;
        flex-shrink: 1 !important;
  }

  .flex-md-wrap {
    -ms-flex-wrap: wrap !important;
        flex-wrap: wrap !important;
  }

  .flex-md-nowrap {
    -ms-flex-wrap: nowrap !important;
        flex-wrap: nowrap !important;
  }

  .flex-md-wrap-reverse {
    -ms-flex-wrap: wrap-reverse !important;
        flex-wrap: wrap-reverse !important;
  }

  .gap-md-0 {
    gap: 0 !important;
  }

  .gap-md-1 {
    gap: 0.25rem !important;
  }

  .gap-md-2 {
    gap: 0.5rem !important;
  }

  .gap-md-3 {
    gap: 1rem !important;
  }

  .gap-md-4 {
    gap: 1.5rem !important;
  }

  .gap-md-5 {
    gap: 3rem !important;
  }

  .justify-content-md-start {
    -webkit-box-pack: start !important;
        -ms-flex-pack: start !important;
            justify-content: flex-start !important;
  }

  .justify-content-md-end {
    -webkit-box-pack: end !important;
        -ms-flex-pack: end !important;
            justify-content: flex-end !important;
  }

  .justify-content-md-center {
    -webkit-box-pack: center !important;
        -ms-flex-pack: center !important;
            justify-content: center !important;
  }

  .justify-content-md-between {
    -webkit-box-pack: justify !important;
        -ms-flex-pack: justify !important;
            justify-content: space-between !important;
  }

  .justify-content-md-around {
    -ms-flex-pack: distribute !important;
        justify-content: space-around !important;
  }

  .justify-content-md-evenly {
    -webkit-box-pack: space-evenly !important;
        -ms-flex-pack: space-evenly !important;
            justify-content: space-evenly !important;
  }

  .align-items-md-start {
    -webkit-box-align: start !important;
        -ms-flex-align: start !important;
            align-items: flex-start !important;
  }

  .align-items-md-end {
    -webkit-box-align: end !important;
        -ms-flex-align: end !important;
            align-items: flex-end !important;
  }

  .align-items-md-center {
    -webkit-box-align: center !important;
        -ms-flex-align: center !important;
            align-items: center !important;
  }

  .align-items-md-baseline {
    -webkit-box-align: baseline !important;
        -ms-flex-align: baseline !important;
            align-items: baseline !important;
  }

  .align-items-md-stretch {
    -webkit-box-align: stretch !important;
        -ms-flex-align: stretch !important;
            align-items: stretch !important;
  }

  .align-content-md-start {
    -ms-flex-line-pack: start !important;
        align-content: flex-start !important;
  }

  .align-content-md-end {
    -ms-flex-line-pack: end !important;
        align-content: flex-end !important;
  }

  .align-content-md-center {
    -ms-flex-line-pack: center !important;
        align-content: center !important;
  }

  .align-content-md-between {
    -ms-flex-line-pack: justify !important;
        align-content: space-between !important;
  }

  .align-content-md-around {
    -ms-flex-line-pack: distribute !important;
        align-content: space-around !important;
  }

  .align-content-md-stretch {
    -ms-flex-line-pack: stretch !important;
        align-content: stretch !important;
  }

  .align-self-md-auto {
    -ms-flex-item-align: auto !important;
        align-self: auto !important;
  }

  .align-self-md-start {
    -ms-flex-item-align: start !important;
        align-self: flex-start !important;
  }

  .align-self-md-end {
    -ms-flex-item-align: end !important;
        align-self: flex-end !important;
  }

  .align-self-md-center {
    -ms-flex-item-align: center !important;
        align-self: center !important;
  }

  .align-self-md-baseline {
    -ms-flex-item-align: baseline !important;
        align-self: baseline !important;
  }

  .align-self-md-stretch {
    -ms-flex-item-align: stretch !important;
        align-self: stretch !important;
  }

  .order-md-first {
    -webkit-box-ordinal-group: 0 !important;
        -ms-flex-order: -1 !important;
            order: -1 !important;
  }

  .order-md-0 {
    -webkit-box-ordinal-group: 1 !important;
        -ms-flex-order: 0 !important;
            order: 0 !important;
  }

  .order-md-1 {
    -webkit-box-ordinal-group: 2 !important;
        -ms-flex-order: 1 !important;
            order: 1 !important;
  }

  .order-md-2 {
    -webkit-box-ordinal-group: 3 !important;
        -ms-flex-order: 2 !important;
            order: 2 !important;
  }

  .order-md-3 {
    -webkit-box-ordinal-group: 4 !important;
        -ms-flex-order: 3 !important;
            order: 3 !important;
  }

  .order-md-4 {
    -webkit-box-ordinal-group: 5 !important;
        -ms-flex-order: 4 !important;
            order: 4 !important;
  }

  .order-md-5 {
    -webkit-box-ordinal-group: 6 !important;
        -ms-flex-order: 5 !important;
            order: 5 !important;
  }

  .order-md-last {
    -webkit-box-ordinal-group: 7 !important;
        -ms-flex-order: 6 !important;
            order: 6 !important;
  }

  .m-md-0 {
    margin: 0 !important;
  }

  .m-md-1 {
    margin: 0.25rem !important;
  }

  .m-md-2 {
    margin: 0.5rem !important;
  }

  .m-md-3 {
    margin: 1rem !important;
  }

  .m-md-4 {
    margin: 1.5rem !important;
  }

  .m-md-5 {
    margin: 3rem !important;
  }

  .m-md-auto {
    margin: auto !important;
  }

  .mx-md-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }

  .mx-md-1 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important;
  }

  .mx-md-2 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important;
  }

  .mx-md-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
  }

  .mx-md-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important;
  }

  .mx-md-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important;
  }

  .mx-md-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }

  .my-md-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }

  .my-md-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }

  .my-md-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }

  .my-md-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }

  .my-md-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }

  .my-md-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }

  .my-md-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }

  .mt-md-0 {
    margin-top: 0 !important;
  }

  .mt-md-1 {
    margin-top: 0.25rem !important;
  }

  .mt-md-2 {
    margin-top: 0.5rem !important;
  }

  .mt-md-3 {
    margin-top: 1rem !important;
  }

  .mt-md-4 {
    margin-top: 1.5rem !important;
  }

  .mt-md-5 {
    margin-top: 3rem !important;
  }

  .mt-md-auto {
    margin-top: auto !important;
  }

  .me-md-0 {
    margin-right: 0 !important;
  }

  .me-md-1 {
    margin-right: 0.25rem !important;
  }

  .me-md-2 {
    margin-right: 0.5rem !important;
  }

  .me-md-3 {
    margin-right: 1rem !important;
  }

  .me-md-4 {
    margin-right: 1.5rem !important;
  }

  .me-md-5 {
    margin-right: 3rem !important;
  }

  .me-md-auto {
    margin-right: auto !important;
  }

  .mb-md-0 {
    margin-bottom: 0 !important;
  }

  .mb-md-1 {
    margin-bottom: 0.25rem !important;
  }

  .mb-md-2 {
    margin-bottom: 0.5rem !important;
  }

  .mb-md-3 {
    margin-bottom: 1rem !important;
  }

  .mb-md-4 {
    margin-bottom: 1.5rem !important;
  }

  .mb-md-5 {
    margin-bottom: 3rem !important;
  }

  .mb-md-auto {
    margin-bottom: auto !important;
  }

  .ms-md-0 {
    margin-left: 0 !important;
  }

  .ms-md-1 {
    margin-left: 0.25rem !important;
  }

  .ms-md-2 {
    margin-left: 0.5rem !important;
  }

  .ms-md-3 {
    margin-left: 1rem !important;
  }

  .ms-md-4 {
    margin-left: 1.5rem !important;
  }

  .ms-md-5 {
    margin-left: 3rem !important;
  }

  .ms-md-auto {
    margin-left: auto !important;
  }

  .m-md-n1 {
    margin: -0.25rem !important;
  }

  .m-md-n2 {
    margin: -0.5rem !important;
  }

  .m-md-n3 {
    margin: -1rem !important;
  }

  .m-md-n4 {
    margin: -1.5rem !important;
  }

  .m-md-n5 {
    margin: -3rem !important;
  }

  .mx-md-n1 {
    margin-right: -0.25rem !important;
    margin-left: -0.25rem !important;
  }

  .mx-md-n2 {
    margin-right: -0.5rem !important;
    margin-left: -0.5rem !important;
  }

  .mx-md-n3 {
    margin-right: -1rem !important;
    margin-left: -1rem !important;
  }

  .mx-md-n4 {
    margin-right: -1.5rem !important;
    margin-left: -1.5rem !important;
  }

  .mx-md-n5 {
    margin-right: -3rem !important;
    margin-left: -3rem !important;
  }

  .my-md-n1 {
    margin-top: -0.25rem !important;
    margin-bottom: -0.25rem !important;
  }

  .my-md-n2 {
    margin-top: -0.5rem !important;
    margin-bottom: -0.5rem !important;
  }

  .my-md-n3 {
    margin-top: -1rem !important;
    margin-bottom: -1rem !important;
  }

  .my-md-n4 {
    margin-top: -1.5rem !important;
    margin-bottom: -1.5rem !important;
  }

  .my-md-n5 {
    margin-top: -3rem !important;
    margin-bottom: -3rem !important;
  }

  .mt-md-n1 {
    margin-top: -0.25rem !important;
  }

  .mt-md-n2 {
    margin-top: -0.5rem !important;
  }

  .mt-md-n3 {
    margin-top: -1rem !important;
  }

  .mt-md-n4 {
    margin-top: -1.5rem !important;
  }

  .mt-md-n5 {
    margin-top: -3rem !important;
  }

  .me-md-n1 {
    margin-right: -0.25rem !important;
  }

  .me-md-n2 {
    margin-right: -0.5rem !important;
  }

  .me-md-n3 {
    margin-right: -1rem !important;
  }

  .me-md-n4 {
    margin-right: -1.5rem !important;
  }

  .me-md-n5 {
    margin-right: -3rem !important;
  }

  .mb-md-n1 {
    margin-bottom: -0.25rem !important;
  }

  .mb-md-n2 {
    margin-bottom: -0.5rem !important;
  }

  .mb-md-n3 {
    margin-bottom: -1rem !important;
  }

  .mb-md-n4 {
    margin-bottom: -1.5rem !important;
  }

  .mb-md-n5 {
    margin-bottom: -3rem !important;
  }

  .ms-md-n1 {
    margin-left: -0.25rem !important;
  }

  .ms-md-n2 {
    margin-left: -0.5rem !important;
  }

  .ms-md-n3 {
    margin-left: -1rem !important;
  }

  .ms-md-n4 {
    margin-left: -1.5rem !important;
  }

  .ms-md-n5 {
    margin-left: -3rem !important;
  }

  .p-md-0 {
    padding: 0 !important;
  }

  .p-md-1 {
    padding: 0.25rem !important;
  }

  .p-md-2 {
    padding: 0.5rem !important;
  }

  .p-md-3 {
    padding: 1rem !important;
  }

  .p-md-4 {
    padding: 1.5rem !important;
  }

  .p-md-5 {
    padding: 3rem !important;
  }

  .px-md-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }

  .px-md-1 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important;
  }

  .px-md-2 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
  }

  .px-md-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }

  .px-md-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
  }

  .px-md-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important;
  }

  .py-md-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }

  .py-md-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }

  .py-md-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }

  .py-md-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }

  .py-md-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }

  .py-md-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }

  .pt-md-0 {
    padding-top: 0 !important;
  }

  .pt-md-1 {
    padding-top: 0.25rem !important;
  }

  .pt-md-2 {
    padding-top: 0.5rem !important;
  }

  .pt-md-3 {
    padding-top: 1rem !important;
  }

  .pt-md-4 {
    padding-top: 1.5rem !important;
  }

  .pt-md-5 {
    padding-top: 3rem !important;
  }

  .pe-md-0 {
    padding-right: 0 !important;
  }

  .pe-md-1 {
    padding-right: 0.25rem !important;
  }

  .pe-md-2 {
    padding-right: 0.5rem !important;
  }

  .pe-md-3 {
    padding-right: 1rem !important;
  }

  .pe-md-4 {
    padding-right: 1.5rem !important;
  }

  .pe-md-5 {
    padding-right: 3rem !important;
  }

  .pb-md-0 {
    padding-bottom: 0 !important;
  }

  .pb-md-1 {
    padding-bottom: 0.25rem !important;
  }

  .pb-md-2 {
    padding-bottom: 0.5rem !important;
  }

  .pb-md-3 {
    padding-bottom: 1rem !important;
  }

  .pb-md-4 {
    padding-bottom: 1.5rem !important;
  }

  .pb-md-5 {
    padding-bottom: 3rem !important;
  }

  .ps-md-0 {
    padding-left: 0 !important;
  }

  .ps-md-1 {
    padding-left: 0.25rem !important;
  }

  .ps-md-2 {
    padding-left: 0.5rem !important;
  }

  .ps-md-3 {
    padding-left: 1rem !important;
  }

  .ps-md-4 {
    padding-left: 1.5rem !important;
  }

  .ps-md-5 {
    padding-left: 3rem !important;
  }

  .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;
  }

  .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-table {
    display: table !important;
  }

  .d-lg-table-row {
    display: table-row !important;
  }

  .d-lg-table-cell {
    display: table-cell !important;
  }

  .d-lg-flex {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }

  .d-lg-inline-flex {
    display: -webkit-inline-box !important;
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
  }

  .d-lg-none {
    display: none !important;
  }

  .flex-lg-fill {
    -webkit-box-flex: 1 !important;
        -ms-flex: 1 1 auto !important;
            flex: 1 1 auto !important;
  }

  .flex-lg-row {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: normal !important;
        -ms-flex-direction: row !important;
            flex-direction: row !important;
  }

  .flex-lg-column {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
        -ms-flex-direction: column !important;
            flex-direction: column !important;
  }

  .flex-lg-row-reverse {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: reverse !important;
        -ms-flex-direction: row-reverse !important;
            flex-direction: row-reverse !important;
  }

  .flex-lg-column-reverse {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: reverse !important;
        -ms-flex-direction: column-reverse !important;
            flex-direction: column-reverse !important;
  }

  .flex-lg-grow-0 {
    -webkit-box-flex: 0 !important;
        -ms-flex-positive: 0 !important;
            flex-grow: 0 !important;
  }

  .flex-lg-grow-1 {
    -webkit-box-flex: 1 !important;
        -ms-flex-positive: 1 !important;
            flex-grow: 1 !important;
  }

  .flex-lg-shrink-0 {
    -ms-flex-negative: 0 !important;
        flex-shrink: 0 !important;
  }

  .flex-lg-shrink-1 {
    -ms-flex-negative: 1 !important;
        flex-shrink: 1 !important;
  }

  .flex-lg-wrap {
    -ms-flex-wrap: wrap !important;
        flex-wrap: wrap !important;
  }

  .flex-lg-nowrap {
    -ms-flex-wrap: nowrap !important;
        flex-wrap: nowrap !important;
  }

  .flex-lg-wrap-reverse {
    -ms-flex-wrap: wrap-reverse !important;
        flex-wrap: wrap-reverse !important;
  }

  .gap-lg-0 {
    gap: 0 !important;
  }

  .gap-lg-1 {
    gap: 0.25rem !important;
  }

  .gap-lg-2 {
    gap: 0.5rem !important;
  }

  .gap-lg-3 {
    gap: 1rem !important;
  }

  .gap-lg-4 {
    gap: 1.5rem !important;
  }

  .gap-lg-5 {
    gap: 3rem !important;
  }

  .justify-content-lg-start {
    -webkit-box-pack: start !important;
        -ms-flex-pack: start !important;
            justify-content: flex-start !important;
  }

  .justify-content-lg-end {
    -webkit-box-pack: end !important;
        -ms-flex-pack: end !important;
            justify-content: flex-end !important;
  }

  .justify-content-lg-center {
    -webkit-box-pack: center !important;
        -ms-flex-pack: center !important;
            justify-content: center !important;
  }

  .justify-content-lg-between {
    -webkit-box-pack: justify !important;
        -ms-flex-pack: justify !important;
            justify-content: space-between !important;
  }

  .justify-content-lg-around {
    -ms-flex-pack: distribute !important;
        justify-content: space-around !important;
  }

  .justify-content-lg-evenly {
    -webkit-box-pack: space-evenly !important;
        -ms-flex-pack: space-evenly !important;
            justify-content: space-evenly !important;
  }

  .align-items-lg-start {
    -webkit-box-align: start !important;
        -ms-flex-align: start !important;
            align-items: flex-start !important;
  }

  .align-items-lg-end {
    -webkit-box-align: end !important;
        -ms-flex-align: end !important;
            align-items: flex-end !important;
  }

  .align-items-lg-center {
    -webkit-box-align: center !important;
        -ms-flex-align: center !important;
            align-items: center !important;
  }

  .align-items-lg-baseline {
    -webkit-box-align: baseline !important;
        -ms-flex-align: baseline !important;
            align-items: baseline !important;
  }

  .align-items-lg-stretch {
    -webkit-box-align: stretch !important;
        -ms-flex-align: stretch !important;
            align-items: stretch !important;
  }

  .align-content-lg-start {
    -ms-flex-line-pack: start !important;
        align-content: flex-start !important;
  }

  .align-content-lg-end {
    -ms-flex-line-pack: end !important;
        align-content: flex-end !important;
  }

  .align-content-lg-center {
    -ms-flex-line-pack: center !important;
        align-content: center !important;
  }

  .align-content-lg-between {
    -ms-flex-line-pack: justify !important;
        align-content: space-between !important;
  }

  .align-content-lg-around {
    -ms-flex-line-pack: distribute !important;
        align-content: space-around !important;
  }

  .align-content-lg-stretch {
    -ms-flex-line-pack: stretch !important;
        align-content: stretch !important;
  }

  .align-self-lg-auto {
    -ms-flex-item-align: auto !important;
        align-self: auto !important;
  }

  .align-self-lg-start {
    -ms-flex-item-align: start !important;
        align-self: flex-start !important;
  }

  .align-self-lg-end {
    -ms-flex-item-align: end !important;
        align-self: flex-end !important;
  }

  .align-self-lg-center {
    -ms-flex-item-align: center !important;
        align-self: center !important;
  }

  .align-self-lg-baseline {
    -ms-flex-item-align: baseline !important;
        align-self: baseline !important;
  }

  .align-self-lg-stretch {
    -ms-flex-item-align: stretch !important;
        align-self: stretch !important;
  }

  .order-lg-first {
    -webkit-box-ordinal-group: 0 !important;
        -ms-flex-order: -1 !important;
            order: -1 !important;
  }

  .order-lg-0 {
    -webkit-box-ordinal-group: 1 !important;
        -ms-flex-order: 0 !important;
            order: 0 !important;
  }

  .order-lg-1 {
    -webkit-box-ordinal-group: 2 !important;
        -ms-flex-order: 1 !important;
            order: 1 !important;
  }

  .order-lg-2 {
    -webkit-box-ordinal-group: 3 !important;
        -ms-flex-order: 2 !important;
            order: 2 !important;
  }

  .order-lg-3 {
    -webkit-box-ordinal-group: 4 !important;
        -ms-flex-order: 3 !important;
            order: 3 !important;
  }

  .order-lg-4 {
    -webkit-box-ordinal-group: 5 !important;
        -ms-flex-order: 4 !important;
            order: 4 !important;
  }

  .order-lg-5 {
    -webkit-box-ordinal-group: 6 !important;
        -ms-flex-order: 5 !important;
            order: 5 !important;
  }

  .order-lg-last {
    -webkit-box-ordinal-group: 7 !important;
        -ms-flex-order: 6 !important;
            order: 6 !important;
  }

  .m-lg-0 {
    margin: 0 !important;
  }

  .m-lg-1 {
    margin: 0.25rem !important;
  }

  .m-lg-2 {
    margin: 0.5rem !important;
  }

  .m-lg-3 {
    margin: 1rem !important;
  }

  .m-lg-4 {
    margin: 1.5rem !important;
  }

  .m-lg-5 {
    margin: 3rem !important;
  }

  .m-lg-auto {
    margin: auto !important;
  }

  .mx-lg-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }

  .mx-lg-1 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important;
  }

  .mx-lg-2 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important;
  }

  .mx-lg-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
  }

  .mx-lg-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important;
  }

  .mx-lg-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important;
  }

  .mx-lg-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }

  .my-lg-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }

  .my-lg-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }

  .my-lg-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }

  .my-lg-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }

  .my-lg-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }

  .my-lg-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }

  .my-lg-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }

  .mt-lg-0 {
    margin-top: 0 !important;
  }

  .mt-lg-1 {
    margin-top: 0.25rem !important;
  }

  .mt-lg-2 {
    margin-top: 0.5rem !important;
  }

  .mt-lg-3 {
    margin-top: 1rem !important;
  }

  .mt-lg-4 {
    margin-top: 1.5rem !important;
  }

  .mt-lg-5 {
    margin-top: 3rem !important;
  }

  .mt-lg-auto {
    margin-top: auto !important;
  }

  .me-lg-0 {
    margin-right: 0 !important;
  }

  .me-lg-1 {
    margin-right: 0.25rem !important;
  }

  .me-lg-2 {
    margin-right: 0.5rem !important;
  }

  .me-lg-3 {
    margin-right: 1rem !important;
  }

  .me-lg-4 {
    margin-right: 1.5rem !important;
  }

  .me-lg-5 {
    margin-right: 3rem !important;
  }

  .me-lg-auto {
    margin-right: auto !important;
  }

  .mb-lg-0 {
    margin-bottom: 0 !important;
  }

  .mb-lg-1 {
    margin-bottom: 0.25rem !important;
  }

  .mb-lg-2 {
    margin-bottom: 0.5rem !important;
  }

  .mb-lg-3 {
    margin-bottom: 1rem !important;
  }

  .mb-lg-4 {
    margin-bottom: 1.5rem !important;
  }

  .mb-lg-5 {
    margin-bottom: 3rem !important;
  }

  .mb-lg-auto {
    margin-bottom: auto !important;
  }

  .ms-lg-0 {
    margin-left: 0 !important;
  }

  .ms-lg-1 {
    margin-left: 0.25rem !important;
  }

  .ms-lg-2 {
    margin-left: 0.5rem !important;
  }

  .ms-lg-3 {
    margin-left: 1rem !important;
  }

  .ms-lg-4 {
    margin-left: 1.5rem !important;
  }

  .ms-lg-5 {
    margin-left: 3rem !important;
  }

  .ms-lg-auto {
    margin-left: auto !important;
  }

  .m-lg-n1 {
    margin: -0.25rem !important;
  }

  .m-lg-n2 {
    margin: -0.5rem !important;
  }

  .m-lg-n3 {
    margin: -1rem !important;
  }

  .m-lg-n4 {
    margin: -1.5rem !important;
  }

  .m-lg-n5 {
    margin: -3rem !important;
  }

  .mx-lg-n1 {
    margin-right: -0.25rem !important;
    margin-left: -0.25rem !important;
  }

  .mx-lg-n2 {
    margin-right: -0.5rem !important;
    margin-left: -0.5rem !important;
  }

  .mx-lg-n3 {
    margin-right: -1rem !important;
    margin-left: -1rem !important;
  }

  .mx-lg-n4 {
    margin-right: -1.5rem !important;
    margin-left: -1.5rem !important;
  }

  .mx-lg-n5 {
    margin-right: -3rem !important;
    margin-left: -3rem !important;
  }

  .my-lg-n1 {
    margin-top: -0.25rem !important;
    margin-bottom: -0.25rem !important;
  }

  .my-lg-n2 {
    margin-top: -0.5rem !important;
    margin-bottom: -0.5rem !important;
  }

  .my-lg-n3 {
    margin-top: -1rem !important;
    margin-bottom: -1rem !important;
  }

  .my-lg-n4 {
    margin-top: -1.5rem !important;
    margin-bottom: -1.5rem !important;
  }

  .my-lg-n5 {
    margin-top: -3rem !important;
    margin-bottom: -3rem !important;
  }

  .mt-lg-n1 {
    margin-top: -0.25rem !important;
  }

  .mt-lg-n2 {
    margin-top: -0.5rem !important;
  }

  .mt-lg-n3 {
    margin-top: -1rem !important;
  }

  .mt-lg-n4 {
    margin-top: -1.5rem !important;
  }

  .mt-lg-n5 {
    margin-top: -3rem !important;
  }

  .me-lg-n1 {
    margin-right: -0.25rem !important;
  }

  .me-lg-n2 {
    margin-right: -0.5rem !important;
  }

  .me-lg-n3 {
    margin-right: -1rem !important;
  }

  .me-lg-n4 {
    margin-right: -1.5rem !important;
  }

  .me-lg-n5 {
    margin-right: -3rem !important;
  }

  .mb-lg-n1 {
    margin-bottom: -0.25rem !important;
  }

  .mb-lg-n2 {
    margin-bottom: -0.5rem !important;
  }

  .mb-lg-n3 {
    margin-bottom: -1rem !important;
  }

  .mb-lg-n4 {
    margin-bottom: -1.5rem !important;
  }

  .mb-lg-n5 {
    margin-bottom: -3rem !important;
  }

  .ms-lg-n1 {
    margin-left: -0.25rem !important;
  }

  .ms-lg-n2 {
    margin-left: -0.5rem !important;
  }

  .ms-lg-n3 {
    margin-left: -1rem !important;
  }

  .ms-lg-n4 {
    margin-left: -1.5rem !important;
  }

  .ms-lg-n5 {
    margin-left: -3rem !important;
  }

  .p-lg-0 {
    padding: 0 !important;
  }

  .p-lg-1 {
    padding: 0.25rem !important;
  }

  .p-lg-2 {
    padding: 0.5rem !important;
  }

  .p-lg-3 {
    padding: 1rem !important;
  }

  .p-lg-4 {
    padding: 1.5rem !important;
  }

  .p-lg-5 {
    padding: 3rem !important;
  }

  .px-lg-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }

  .px-lg-1 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important;
  }

  .px-lg-2 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
  }

  .px-lg-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }

  .px-lg-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
  }

  .px-lg-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important;
  }

  .py-lg-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }

  .py-lg-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }

  .py-lg-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }

  .py-lg-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }

  .py-lg-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }

  .py-lg-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }

  .pt-lg-0 {
    padding-top: 0 !important;
  }

  .pt-lg-1 {
    padding-top: 0.25rem !important;
  }

  .pt-lg-2 {
    padding-top: 0.5rem !important;
  }

  .pt-lg-3 {
    padding-top: 1rem !important;
  }

  .pt-lg-4 {
    padding-top: 1.5rem !important;
  }

  .pt-lg-5 {
    padding-top: 3rem !important;
  }

  .pe-lg-0 {
    padding-right: 0 !important;
  }

  .pe-lg-1 {
    padding-right: 0.25rem !important;
  }

  .pe-lg-2 {
    padding-right: 0.5rem !important;
  }

  .pe-lg-3 {
    padding-right: 1rem !important;
  }

  .pe-lg-4 {
    padding-right: 1.5rem !important;
  }

  .pe-lg-5 {
    padding-right: 3rem !important;
  }

  .pb-lg-0 {
    padding-bottom: 0 !important;
  }

  .pb-lg-1 {
    padding-bottom: 0.25rem !important;
  }

  .pb-lg-2 {
    padding-bottom: 0.5rem !important;
  }

  .pb-lg-3 {
    padding-bottom: 1rem !important;
  }

  .pb-lg-4 {
    padding-bottom: 1.5rem !important;
  }

  .pb-lg-5 {
    padding-bottom: 3rem !important;
  }

  .ps-lg-0 {
    padding-left: 0 !important;
  }

  .ps-lg-1 {
    padding-left: 0.25rem !important;
  }

  .ps-lg-2 {
    padding-left: 0.5rem !important;
  }

  .ps-lg-3 {
    padding-left: 1rem !important;
  }

  .ps-lg-4 {
    padding-left: 1.5rem !important;
  }

  .ps-lg-5 {
    padding-left: 3rem !important;
  }

  .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;
  }

  .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-table {
    display: table !important;
  }

  .d-xl-table-row {
    display: table-row !important;
  }

  .d-xl-table-cell {
    display: table-cell !important;
  }

  .d-xl-flex {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }

  .d-xl-inline-flex {
    display: -webkit-inline-box !important;
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
  }

  .d-xl-none {
    display: none !important;
  }

  .flex-xl-fill {
    -webkit-box-flex: 1 !important;
        -ms-flex: 1 1 auto !important;
            flex: 1 1 auto !important;
  }

  .flex-xl-row {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: normal !important;
        -ms-flex-direction: row !important;
            flex-direction: row !important;
  }

  .flex-xl-column {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
        -ms-flex-direction: column !important;
            flex-direction: column !important;
  }

  .flex-xl-row-reverse {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: reverse !important;
        -ms-flex-direction: row-reverse !important;
            flex-direction: row-reverse !important;
  }

  .flex-xl-column-reverse {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: reverse !important;
        -ms-flex-direction: column-reverse !important;
            flex-direction: column-reverse !important;
  }

  .flex-xl-grow-0 {
    -webkit-box-flex: 0 !important;
        -ms-flex-positive: 0 !important;
            flex-grow: 0 !important;
  }

  .flex-xl-grow-1 {
    -webkit-box-flex: 1 !important;
        -ms-flex-positive: 1 !important;
            flex-grow: 1 !important;
  }

  .flex-xl-shrink-0 {
    -ms-flex-negative: 0 !important;
        flex-shrink: 0 !important;
  }

  .flex-xl-shrink-1 {
    -ms-flex-negative: 1 !important;
        flex-shrink: 1 !important;
  }

  .flex-xl-wrap {
    -ms-flex-wrap: wrap !important;
        flex-wrap: wrap !important;
  }

  .flex-xl-nowrap {
    -ms-flex-wrap: nowrap !important;
        flex-wrap: nowrap !important;
  }

  .flex-xl-wrap-reverse {
    -ms-flex-wrap: wrap-reverse !important;
        flex-wrap: wrap-reverse !important;
  }

  .gap-xl-0 {
    gap: 0 !important;
  }

  .gap-xl-1 {
    gap: 0.25rem !important;
  }

  .gap-xl-2 {
    gap: 0.5rem !important;
  }

  .gap-xl-3 {
    gap: 1rem !important;
  }

  .gap-xl-4 {
    gap: 1.5rem !important;
  }

  .gap-xl-5 {
    gap: 3rem !important;
  }

  .justify-content-xl-start {
    -webkit-box-pack: start !important;
        -ms-flex-pack: start !important;
            justify-content: flex-start !important;
  }

  .justify-content-xl-end {
    -webkit-box-pack: end !important;
        -ms-flex-pack: end !important;
            justify-content: flex-end !important;
  }

  .justify-content-xl-center {
    -webkit-box-pack: center !important;
        -ms-flex-pack: center !important;
            justify-content: center !important;
  }

  .justify-content-xl-between {
    -webkit-box-pack: justify !important;
        -ms-flex-pack: justify !important;
            justify-content: space-between !important;
  }

  .justify-content-xl-around {
    -ms-flex-pack: distribute !important;
        justify-content: space-around !important;
  }

  .justify-content-xl-evenly {
    -webkit-box-pack: space-evenly !important;
        -ms-flex-pack: space-evenly !important;
            justify-content: space-evenly !important;
  }

  .align-items-xl-start {
    -webkit-box-align: start !important;
        -ms-flex-align: start !important;
            align-items: flex-start !important;
  }

  .align-items-xl-end {
    -webkit-box-align: end !important;
        -ms-flex-align: end !important;
            align-items: flex-end !important;
  }

  .align-items-xl-center {
    -webkit-box-align: center !important;
        -ms-flex-align: center !important;
            align-items: center !important;
  }

  .align-items-xl-baseline {
    -webkit-box-align: baseline !important;
        -ms-flex-align: baseline !important;
            align-items: baseline !important;
  }

  .align-items-xl-stretch {
    -webkit-box-align: stretch !important;
        -ms-flex-align: stretch !important;
            align-items: stretch !important;
  }

  .align-content-xl-start {
    -ms-flex-line-pack: start !important;
        align-content: flex-start !important;
  }

  .align-content-xl-end {
    -ms-flex-line-pack: end !important;
        align-content: flex-end !important;
  }

  .align-content-xl-center {
    -ms-flex-line-pack: center !important;
        align-content: center !important;
  }

  .align-content-xl-between {
    -ms-flex-line-pack: justify !important;
        align-content: space-between !important;
  }

  .align-content-xl-around {
    -ms-flex-line-pack: distribute !important;
        align-content: space-around !important;
  }

  .align-content-xl-stretch {
    -ms-flex-line-pack: stretch !important;
        align-content: stretch !important;
  }

  .align-self-xl-auto {
    -ms-flex-item-align: auto !important;
        align-self: auto !important;
  }

  .align-self-xl-start {
    -ms-flex-item-align: start !important;
        align-self: flex-start !important;
  }

  .align-self-xl-end {
    -ms-flex-item-align: end !important;
        align-self: flex-end !important;
  }

  .align-self-xl-center {
    -ms-flex-item-align: center !important;
        align-self: center !important;
  }

  .align-self-xl-baseline {
    -ms-flex-item-align: baseline !important;
        align-self: baseline !important;
  }

  .align-self-xl-stretch {
    -ms-flex-item-align: stretch !important;
        align-self: stretch !important;
  }

  .order-xl-first {
    -webkit-box-ordinal-group: 0 !important;
        -ms-flex-order: -1 !important;
            order: -1 !important;
  }

  .order-xl-0 {
    -webkit-box-ordinal-group: 1 !important;
        -ms-flex-order: 0 !important;
            order: 0 !important;
  }

  .order-xl-1 {
    -webkit-box-ordinal-group: 2 !important;
        -ms-flex-order: 1 !important;
            order: 1 !important;
  }

  .order-xl-2 {
    -webkit-box-ordinal-group: 3 !important;
        -ms-flex-order: 2 !important;
            order: 2 !important;
  }

  .order-xl-3 {
    -webkit-box-ordinal-group: 4 !important;
        -ms-flex-order: 3 !important;
            order: 3 !important;
  }

  .order-xl-4 {
    -webkit-box-ordinal-group: 5 !important;
        -ms-flex-order: 4 !important;
            order: 4 !important;
  }

  .order-xl-5 {
    -webkit-box-ordinal-group: 6 !important;
        -ms-flex-order: 5 !important;
            order: 5 !important;
  }

  .order-xl-last {
    -webkit-box-ordinal-group: 7 !important;
        -ms-flex-order: 6 !important;
            order: 6 !important;
  }

  .m-xl-0 {
    margin: 0 !important;
  }

  .m-xl-1 {
    margin: 0.25rem !important;
  }

  .m-xl-2 {
    margin: 0.5rem !important;
  }

  .m-xl-3 {
    margin: 1rem !important;
  }

  .m-xl-4 {
    margin: 1.5rem !important;
  }

  .m-xl-5 {
    margin: 3rem !important;
  }

  .m-xl-auto {
    margin: auto !important;
  }

  .mx-xl-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }

  .mx-xl-1 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important;
  }

  .mx-xl-2 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important;
  }

  .mx-xl-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
  }

  .mx-xl-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important;
  }

  .mx-xl-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important;
  }

  .mx-xl-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }

  .my-xl-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }

  .my-xl-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }

  .my-xl-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }

  .my-xl-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }

  .my-xl-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }

  .my-xl-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }

  .my-xl-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }

  .mt-xl-0 {
    margin-top: 0 !important;
  }

  .mt-xl-1 {
    margin-top: 0.25rem !important;
  }

  .mt-xl-2 {
    margin-top: 0.5rem !important;
  }

  .mt-xl-3 {
    margin-top: 1rem !important;
  }

  .mt-xl-4 {
    margin-top: 1.5rem !important;
  }

  .mt-xl-5 {
    margin-top: 3rem !important;
  }

  .mt-xl-auto {
    margin-top: auto !important;
  }

  .me-xl-0 {
    margin-right: 0 !important;
  }

  .me-xl-1 {
    margin-right: 0.25rem !important;
  }

  .me-xl-2 {
    margin-right: 0.5rem !important;
  }

  .me-xl-3 {
    margin-right: 1rem !important;
  }

  .me-xl-4 {
    margin-right: 1.5rem !important;
  }

  .me-xl-5 {
    margin-right: 3rem !important;
  }

  .me-xl-auto {
    margin-right: auto !important;
  }

  .mb-xl-0 {
    margin-bottom: 0 !important;
  }

  .mb-xl-1 {
    margin-bottom: 0.25rem !important;
  }

  .mb-xl-2 {
    margin-bottom: 0.5rem !important;
  }

  .mb-xl-3 {
    margin-bottom: 1rem !important;
  }

  .mb-xl-4 {
    margin-bottom: 1.5rem !important;
  }

  .mb-xl-5 {
    margin-bottom: 3rem !important;
  }

  .mb-xl-auto {
    margin-bottom: auto !important;
  }

  .ms-xl-0 {
    margin-left: 0 !important;
  }

  .ms-xl-1 {
    margin-left: 0.25rem !important;
  }

  .ms-xl-2 {
    margin-left: 0.5rem !important;
  }

  .ms-xl-3 {
    margin-left: 1rem !important;
  }

  .ms-xl-4 {
    margin-left: 1.5rem !important;
  }

  .ms-xl-5 {
    margin-left: 3rem !important;
  }

  .ms-xl-auto {
    margin-left: auto !important;
  }

  .m-xl-n1 {
    margin: -0.25rem !important;
  }

  .m-xl-n2 {
    margin: -0.5rem !important;
  }

  .m-xl-n3 {
    margin: -1rem !important;
  }

  .m-xl-n4 {
    margin: -1.5rem !important;
  }

  .m-xl-n5 {
    margin: -3rem !important;
  }

  .mx-xl-n1 {
    margin-right: -0.25rem !important;
    margin-left: -0.25rem !important;
  }

  .mx-xl-n2 {
    margin-right: -0.5rem !important;
    margin-left: -0.5rem !important;
  }

  .mx-xl-n3 {
    margin-right: -1rem !important;
    margin-left: -1rem !important;
  }

  .mx-xl-n4 {
    margin-right: -1.5rem !important;
    margin-left: -1.5rem !important;
  }

  .mx-xl-n5 {
    margin-right: -3rem !important;
    margin-left: -3rem !important;
  }

  .my-xl-n1 {
    margin-top: -0.25rem !important;
    margin-bottom: -0.25rem !important;
  }

  .my-xl-n2 {
    margin-top: -0.5rem !important;
    margin-bottom: -0.5rem !important;
  }

  .my-xl-n3 {
    margin-top: -1rem !important;
    margin-bottom: -1rem !important;
  }

  .my-xl-n4 {
    margin-top: -1.5rem !important;
    margin-bottom: -1.5rem !important;
  }

  .my-xl-n5 {
    margin-top: -3rem !important;
    margin-bottom: -3rem !important;
  }

  .mt-xl-n1 {
    margin-top: -0.25rem !important;
  }

  .mt-xl-n2 {
    margin-top: -0.5rem !important;
  }

  .mt-xl-n3 {
    margin-top: -1rem !important;
  }

  .mt-xl-n4 {
    margin-top: -1.5rem !important;
  }

  .mt-xl-n5 {
    margin-top: -3rem !important;
  }

  .me-xl-n1 {
    margin-right: -0.25rem !important;
  }

  .me-xl-n2 {
    margin-right: -0.5rem !important;
  }

  .me-xl-n3 {
    margin-right: -1rem !important;
  }

  .me-xl-n4 {
    margin-right: -1.5rem !important;
  }

  .me-xl-n5 {
    margin-right: -3rem !important;
  }

  .mb-xl-n1 {
    margin-bottom: -0.25rem !important;
  }

  .mb-xl-n2 {
    margin-bottom: -0.5rem !important;
  }

  .mb-xl-n3 {
    margin-bottom: -1rem !important;
  }

  .mb-xl-n4 {
    margin-bottom: -1.5rem !important;
  }

  .mb-xl-n5 {
    margin-bottom: -3rem !important;
  }

  .ms-xl-n1 {
    margin-left: -0.25rem !important;
  }

  .ms-xl-n2 {
    margin-left: -0.5rem !important;
  }

  .ms-xl-n3 {
    margin-left: -1rem !important;
  }

  .ms-xl-n4 {
    margin-left: -1.5rem !important;
  }

  .ms-xl-n5 {
    margin-left: -3rem !important;
  }

  .p-xl-0 {
    padding: 0 !important;
  }

  .p-xl-1 {
    padding: 0.25rem !important;
  }

  .p-xl-2 {
    padding: 0.5rem !important;
  }

  .p-xl-3 {
    padding: 1rem !important;
  }

  .p-xl-4 {
    padding: 1.5rem !important;
  }

  .p-xl-5 {
    padding: 3rem !important;
  }

  .px-xl-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }

  .px-xl-1 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important;
  }

  .px-xl-2 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
  }

  .px-xl-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }

  .px-xl-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
  }

  .px-xl-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important;
  }

  .py-xl-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }

  .py-xl-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }

  .py-xl-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }

  .py-xl-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }

  .py-xl-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }

  .py-xl-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }

  .pt-xl-0 {
    padding-top: 0 !important;
  }

  .pt-xl-1 {
    padding-top: 0.25rem !important;
  }

  .pt-xl-2 {
    padding-top: 0.5rem !important;
  }

  .pt-xl-3 {
    padding-top: 1rem !important;
  }

  .pt-xl-4 {
    padding-top: 1.5rem !important;
  }

  .pt-xl-5 {
    padding-top: 3rem !important;
  }

  .pe-xl-0 {
    padding-right: 0 !important;
  }

  .pe-xl-1 {
    padding-right: 0.25rem !important;
  }

  .pe-xl-2 {
    padding-right: 0.5rem !important;
  }

  .pe-xl-3 {
    padding-right: 1rem !important;
  }

  .pe-xl-4 {
    padding-right: 1.5rem !important;
  }

  .pe-xl-5 {
    padding-right: 3rem !important;
  }

  .pb-xl-0 {
    padding-bottom: 0 !important;
  }

  .pb-xl-1 {
    padding-bottom: 0.25rem !important;
  }

  .pb-xl-2 {
    padding-bottom: 0.5rem !important;
  }

  .pb-xl-3 {
    padding-bottom: 1rem !important;
  }

  .pb-xl-4 {
    padding-bottom: 1.5rem !important;
  }

  .pb-xl-5 {
    padding-bottom: 3rem !important;
  }

  .ps-xl-0 {
    padding-left: 0 !important;
  }

  .ps-xl-1 {
    padding-left: 0.25rem !important;
  }

  .ps-xl-2 {
    padding-left: 0.5rem !important;
  }

  .ps-xl-3 {
    padding-left: 1rem !important;
  }

  .ps-xl-4 {
    padding-left: 1.5rem !important;
  }

  .ps-xl-5 {
    padding-left: 3rem !important;
  }

  .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;
  }

  .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-table {
    display: table !important;
  }

  .d-xxl-table-row {
    display: table-row !important;
  }

  .d-xxl-table-cell {
    display: table-cell !important;
  }

  .d-xxl-flex {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }

  .d-xxl-inline-flex {
    display: -webkit-inline-box !important;
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
  }

  .d-xxl-none {
    display: none !important;
  }

  .flex-xxl-fill {
    -webkit-box-flex: 1 !important;
        -ms-flex: 1 1 auto !important;
            flex: 1 1 auto !important;
  }

  .flex-xxl-row {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: normal !important;
        -ms-flex-direction: row !important;
            flex-direction: row !important;
  }

  .flex-xxl-column {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
        -ms-flex-direction: column !important;
            flex-direction: column !important;
  }

  .flex-xxl-row-reverse {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: reverse !important;
        -ms-flex-direction: row-reverse !important;
            flex-direction: row-reverse !important;
  }

  .flex-xxl-column-reverse {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: reverse !important;
        -ms-flex-direction: column-reverse !important;
            flex-direction: column-reverse !important;
  }

  .flex-xxl-grow-0 {
    -webkit-box-flex: 0 !important;
        -ms-flex-positive: 0 !important;
            flex-grow: 0 !important;
  }

  .flex-xxl-grow-1 {
    -webkit-box-flex: 1 !important;
        -ms-flex-positive: 1 !important;
            flex-grow: 1 !important;
  }

  .flex-xxl-shrink-0 {
    -ms-flex-negative: 0 !important;
        flex-shrink: 0 !important;
  }

  .flex-xxl-shrink-1 {
    -ms-flex-negative: 1 !important;
        flex-shrink: 1 !important;
  }

  .flex-xxl-wrap {
    -ms-flex-wrap: wrap !important;
        flex-wrap: wrap !important;
  }

  .flex-xxl-nowrap {
    -ms-flex-wrap: nowrap !important;
        flex-wrap: nowrap !important;
  }

  .flex-xxl-wrap-reverse {
    -ms-flex-wrap: wrap-reverse !important;
        flex-wrap: wrap-reverse !important;
  }

  .gap-xxl-0 {
    gap: 0 !important;
  }

  .gap-xxl-1 {
    gap: 0.25rem !important;
  }

  .gap-xxl-2 {
    gap: 0.5rem !important;
  }

  .gap-xxl-3 {
    gap: 1rem !important;
  }

  .gap-xxl-4 {
    gap: 1.5rem !important;
  }

  .gap-xxl-5 {
    gap: 3rem !important;
  }

  .justify-content-xxl-start {
    -webkit-box-pack: start !important;
        -ms-flex-pack: start !important;
            justify-content: flex-start !important;
  }

  .justify-content-xxl-end {
    -webkit-box-pack: end !important;
        -ms-flex-pack: end !important;
            justify-content: flex-end !important;
  }

  .justify-content-xxl-center {
    -webkit-box-pack: center !important;
        -ms-flex-pack: center !important;
            justify-content: center !important;
  }

  .justify-content-xxl-between {
    -webkit-box-pack: justify !important;
        -ms-flex-pack: justify !important;
            justify-content: space-between !important;
  }

  .justify-content-xxl-around {
    -ms-flex-pack: distribute !important;
        justify-content: space-around !important;
  }

  .justify-content-xxl-evenly {
    -webkit-box-pack: space-evenly !important;
        -ms-flex-pack: space-evenly !important;
            justify-content: space-evenly !important;
  }

  .align-items-xxl-start {
    -webkit-box-align: start !important;
        -ms-flex-align: start !important;
            align-items: flex-start !important;
  }

  .align-items-xxl-end {
    -webkit-box-align: end !important;
        -ms-flex-align: end !important;
            align-items: flex-end !important;
  }

  .align-items-xxl-center {
    -webkit-box-align: center !important;
        -ms-flex-align: center !important;
            align-items: center !important;
  }

  .align-items-xxl-baseline {
    -webkit-box-align: baseline !important;
        -ms-flex-align: baseline !important;
            align-items: baseline !important;
  }

  .align-items-xxl-stretch {
    -webkit-box-align: stretch !important;
        -ms-flex-align: stretch !important;
            align-items: stretch !important;
  }

  .align-content-xxl-start {
    -ms-flex-line-pack: start !important;
        align-content: flex-start !important;
  }

  .align-content-xxl-end {
    -ms-flex-line-pack: end !important;
        align-content: flex-end !important;
  }

  .align-content-xxl-center {
    -ms-flex-line-pack: center !important;
        align-content: center !important;
  }

  .align-content-xxl-between {
    -ms-flex-line-pack: justify !important;
        align-content: space-between !important;
  }

  .align-content-xxl-around {
    -ms-flex-line-pack: distribute !important;
        align-content: space-around !important;
  }

  .align-content-xxl-stretch {
    -ms-flex-line-pack: stretch !important;
        align-content: stretch !important;
  }

  .align-self-xxl-auto {
    -ms-flex-item-align: auto !important;
        align-self: auto !important;
  }

  .align-self-xxl-start {
    -ms-flex-item-align: start !important;
        align-self: flex-start !important;
  }

  .align-self-xxl-end {
    -ms-flex-item-align: end !important;
        align-self: flex-end !important;
  }

  .align-self-xxl-center {
    -ms-flex-item-align: center !important;
        align-self: center !important;
  }

  .align-self-xxl-baseline {
    -ms-flex-item-align: baseline !important;
        align-self: baseline !important;
  }

  .align-self-xxl-stretch {
    -ms-flex-item-align: stretch !important;
        align-self: stretch !important;
  }

  .order-xxl-first {
    -webkit-box-ordinal-group: 0 !important;
        -ms-flex-order: -1 !important;
            order: -1 !important;
  }

  .order-xxl-0 {
    -webkit-box-ordinal-group: 1 !important;
        -ms-flex-order: 0 !important;
            order: 0 !important;
  }

  .order-xxl-1 {
    -webkit-box-ordinal-group: 2 !important;
        -ms-flex-order: 1 !important;
            order: 1 !important;
  }

  .order-xxl-2 {
    -webkit-box-ordinal-group: 3 !important;
        -ms-flex-order: 2 !important;
            order: 2 !important;
  }

  .order-xxl-3 {
    -webkit-box-ordinal-group: 4 !important;
        -ms-flex-order: 3 !important;
            order: 3 !important;
  }

  .order-xxl-4 {
    -webkit-box-ordinal-group: 5 !important;
        -ms-flex-order: 4 !important;
            order: 4 !important;
  }

  .order-xxl-5 {
    -webkit-box-ordinal-group: 6 !important;
        -ms-flex-order: 5 !important;
            order: 5 !important;
  }

  .order-xxl-last {
    -webkit-box-ordinal-group: 7 !important;
        -ms-flex-order: 6 !important;
            order: 6 !important;
  }

  .m-xxl-0 {
    margin: 0 !important;
  }

  .m-xxl-1 {
    margin: 0.25rem !important;
  }

  .m-xxl-2 {
    margin: 0.5rem !important;
  }

  .m-xxl-3 {
    margin: 1rem !important;
  }

  .m-xxl-4 {
    margin: 1.5rem !important;
  }

  .m-xxl-5 {
    margin: 3rem !important;
  }

  .m-xxl-auto {
    margin: auto !important;
  }

  .mx-xxl-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }

  .mx-xxl-1 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important;
  }

  .mx-xxl-2 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important;
  }

  .mx-xxl-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
  }

  .mx-xxl-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important;
  }

  .mx-xxl-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important;
  }

  .mx-xxl-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }

  .my-xxl-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }

  .my-xxl-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }

  .my-xxl-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }

  .my-xxl-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }

  .my-xxl-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }

  .my-xxl-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }

  .my-xxl-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }

  .mt-xxl-0 {
    margin-top: 0 !important;
  }

  .mt-xxl-1 {
    margin-top: 0.25rem !important;
  }

  .mt-xxl-2 {
    margin-top: 0.5rem !important;
  }

  .mt-xxl-3 {
    margin-top: 1rem !important;
  }

  .mt-xxl-4 {
    margin-top: 1.5rem !important;
  }

  .mt-xxl-5 {
    margin-top: 3rem !important;
  }

  .mt-xxl-auto {
    margin-top: auto !important;
  }

  .me-xxl-0 {
    margin-right: 0 !important;
  }

  .me-xxl-1 {
    margin-right: 0.25rem !important;
  }

  .me-xxl-2 {
    margin-right: 0.5rem !important;
  }

  .me-xxl-3 {
    margin-right: 1rem !important;
  }

  .me-xxl-4 {
    margin-right: 1.5rem !important;
  }

  .me-xxl-5 {
    margin-right: 3rem !important;
  }

  .me-xxl-auto {
    margin-right: auto !important;
  }

  .mb-xxl-0 {
    margin-bottom: 0 !important;
  }

  .mb-xxl-1 {
    margin-bottom: 0.25rem !important;
  }

  .mb-xxl-2 {
    margin-bottom: 0.5rem !important;
  }

  .mb-xxl-3 {
    margin-bottom: 1rem !important;
  }

  .mb-xxl-4 {
    margin-bottom: 1.5rem !important;
  }

  .mb-xxl-5 {
    margin-bottom: 3rem !important;
  }

  .mb-xxl-auto {
    margin-bottom: auto !important;
  }

  .ms-xxl-0 {
    margin-left: 0 !important;
  }

  .ms-xxl-1 {
    margin-left: 0.25rem !important;
  }

  .ms-xxl-2 {
    margin-left: 0.5rem !important;
  }

  .ms-xxl-3 {
    margin-left: 1rem !important;
  }

  .ms-xxl-4 {
    margin-left: 1.5rem !important;
  }

  .ms-xxl-5 {
    margin-left: 3rem !important;
  }

  .ms-xxl-auto {
    margin-left: auto !important;
  }

  .m-xxl-n1 {
    margin: -0.25rem !important;
  }

  .m-xxl-n2 {
    margin: -0.5rem !important;
  }

  .m-xxl-n3 {
    margin: -1rem !important;
  }

  .m-xxl-n4 {
    margin: -1.5rem !important;
  }

  .m-xxl-n5 {
    margin: -3rem !important;
  }

  .mx-xxl-n1 {
    margin-right: -0.25rem !important;
    margin-left: -0.25rem !important;
  }

  .mx-xxl-n2 {
    margin-right: -0.5rem !important;
    margin-left: -0.5rem !important;
  }

  .mx-xxl-n3 {
    margin-right: -1rem !important;
    margin-left: -1rem !important;
  }

  .mx-xxl-n4 {
    margin-right: -1.5rem !important;
    margin-left: -1.5rem !important;
  }

  .mx-xxl-n5 {
    margin-right: -3rem !important;
    margin-left: -3rem !important;
  }

  .my-xxl-n1 {
    margin-top: -0.25rem !important;
    margin-bottom: -0.25rem !important;
  }

  .my-xxl-n2 {
    margin-top: -0.5rem !important;
    margin-bottom: -0.5rem !important;
  }

  .my-xxl-n3 {
    margin-top: -1rem !important;
    margin-bottom: -1rem !important;
  }

  .my-xxl-n4 {
    margin-top: -1.5rem !important;
    margin-bottom: -1.5rem !important;
  }

  .my-xxl-n5 {
    margin-top: -3rem !important;
    margin-bottom: -3rem !important;
  }

  .mt-xxl-n1 {
    margin-top: -0.25rem !important;
  }

  .mt-xxl-n2 {
    margin-top: -0.5rem !important;
  }

  .mt-xxl-n3 {
    margin-top: -1rem !important;
  }

  .mt-xxl-n4 {
    margin-top: -1.5rem !important;
  }

  .mt-xxl-n5 {
    margin-top: -3rem !important;
  }

  .me-xxl-n1 {
    margin-right: -0.25rem !important;
  }

  .me-xxl-n2 {
    margin-right: -0.5rem !important;
  }

  .me-xxl-n3 {
    margin-right: -1rem !important;
  }

  .me-xxl-n4 {
    margin-right: -1.5rem !important;
  }

  .me-xxl-n5 {
    margin-right: -3rem !important;
  }

  .mb-xxl-n1 {
    margin-bottom: -0.25rem !important;
  }

  .mb-xxl-n2 {
    margin-bottom: -0.5rem !important;
  }

  .mb-xxl-n3 {
    margin-bottom: -1rem !important;
  }

  .mb-xxl-n4 {
    margin-bottom: -1.5rem !important;
  }

  .mb-xxl-n5 {
    margin-bottom: -3rem !important;
  }

  .ms-xxl-n1 {
    margin-left: -0.25rem !important;
  }

  .ms-xxl-n2 {
    margin-left: -0.5rem !important;
  }

  .ms-xxl-n3 {
    margin-left: -1rem !important;
  }

  .ms-xxl-n4 {
    margin-left: -1.5rem !important;
  }

  .ms-xxl-n5 {
    margin-left: -3rem !important;
  }

  .p-xxl-0 {
    padding: 0 !important;
  }

  .p-xxl-1 {
    padding: 0.25rem !important;
  }

  .p-xxl-2 {
    padding: 0.5rem !important;
  }

  .p-xxl-3 {
    padding: 1rem !important;
  }

  .p-xxl-4 {
    padding: 1.5rem !important;
  }

  .p-xxl-5 {
    padding: 3rem !important;
  }

  .px-xxl-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }

  .px-xxl-1 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important;
  }

  .px-xxl-2 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
  }

  .px-xxl-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }

  .px-xxl-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
  }

  .px-xxl-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important;
  }

  .py-xxl-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }

  .py-xxl-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }

  .py-xxl-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }

  .py-xxl-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }

  .py-xxl-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }

  .py-xxl-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }

  .pt-xxl-0 {
    padding-top: 0 !important;
  }

  .pt-xxl-1 {
    padding-top: 0.25rem !important;
  }

  .pt-xxl-2 {
    padding-top: 0.5rem !important;
  }

  .pt-xxl-3 {
    padding-top: 1rem !important;
  }

  .pt-xxl-4 {
    padding-top: 1.5rem !important;
  }

  .pt-xxl-5 {
    padding-top: 3rem !important;
  }

  .pe-xxl-0 {
    padding-right: 0 !important;
  }

  .pe-xxl-1 {
    padding-right: 0.25rem !important;
  }

  .pe-xxl-2 {
    padding-right: 0.5rem !important;
  }

  .pe-xxl-3 {
    padding-right: 1rem !important;
  }

  .pe-xxl-4 {
    padding-right: 1.5rem !important;
  }

  .pe-xxl-5 {
    padding-right: 3rem !important;
  }

  .pb-xxl-0 {
    padding-bottom: 0 !important;
  }

  .pb-xxl-1 {
    padding-bottom: 0.25rem !important;
  }

  .pb-xxl-2 {
    padding-bottom: 0.5rem !important;
  }

  .pb-xxl-3 {
    padding-bottom: 1rem !important;
  }

  .pb-xxl-4 {
    padding-bottom: 1.5rem !important;
  }

  .pb-xxl-5 {
    padding-bottom: 3rem !important;
  }

  .ps-xxl-0 {
    padding-left: 0 !important;
  }

  .ps-xxl-1 {
    padding-left: 0.25rem !important;
  }

  .ps-xxl-2 {
    padding-left: 0.5rem !important;
  }

  .ps-xxl-3 {
    padding-left: 1rem !important;
  }

  .ps-xxl-4 {
    padding-left: 1.5rem !important;
  }

  .ps-xxl-5 {
    padding-left: 3rem !important;
  }

  .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.34375rem !important;
  }

  .fs-2 {
    font-size: 1.875rem !important;
  }

  .fs-3 {
    font-size: 1.640625rem !important;
  }

  .fs-4 {
    font-size: 1.40625rem !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-table {
    display: table !important;
  }

  .d-print-table-row {
    display: table-row !important;
  }

  .d-print-table-cell {
    display: table-cell !important;
  }

  .d-print-flex {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }

  .d-print-inline-flex {
    display: -webkit-inline-box !important;
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
  }

  .d-print-none {
    display: none !important;
  }
}
.w-20px {
  width: 20px !important;
}

.w-30px {
  width: 30px !important;
}

.w-40px {
  width: 40px !important;
}

.w-50px {
  width: 50px !important;
}

.w-60px {
  width: 60px !important;
}

.w-70px {
  width: 70px !important;
}

.w-80px {
  width: 80px !important;
}

.w-90px {
  width: 90px !important;
}

.w-100px {
  width: 100px !important;
}

.w-150px {
  width: 150px !important;
}

.w-200px {
  width: 200px !important;
}

.w-300px {
  width: 300px !important;
}

.w-400px {
  width: 400px !important;
}

.h-20px {
  height: 20px !important;
}

.h-30px {
  height: 30px !important;
}

.h-40px {
  height: 40px !important;
}

.h-50px {
  height: 50px !important;
}

.h-60px {
  height: 60px !important;
}

.h-70px {
  height: 70px !important;
}

.h-80px {
  height: 80px !important;
}

.h-90px {
  height: 90px !important;
}

.h-100px {
  height: 100px !important;
}

.h-150px {
  height: 150px !important;
}

.h-200px {
  height: 200px !important;
}

.h-300px {
  height: 300px !important;
}

.h-400px {
  height: 400px !important;
}

.fill-primary {
  fill: #8b1538 !important;
}

.fill-secondary {
  fill: #14191e !important;
}

.fill-success {
  fill: #0cbc87 !important;
}

.fill-info {
  fill: #8b1538 !important;
}

.fill-warning {
  fill: #f7c32e !important;
}

.fill-danger {
  fill: #d6293e !important;
}

.fill-light {
  fill: #eef0f2 !important;
}

.fill-dark {
  fill: #14191e !important;
}

.fill-white {
  fill: #fff !important;
}

.z-index-0 {
  z-index: 0 !important;
}

.z-index-1 {
  z-index: 1 !important;
}

.z-index-9 {
  z-index: 9 !important;
}

.z-index-99 {
  z-index: 99 !important;
}

.z-index-n9 {
  z-index: -9 !important;
}

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

.opacity-1 {
  opacity: 0.1 !important;
}

.opacity-2 {
  opacity: 0.2 !important;
}

.opacity-3 {
  opacity: 0.3 !important;
}

.opacity-4 {
  opacity: 0.4 !important;
}

.opacity-5 {
  opacity: 0.5 !important;
}

.opacity-6 {
  opacity: 0.6 !important;
}

.opacity-7 {
  opacity: 0.7 !important;
}

.opacity-8 {
  opacity: 0.8 !important;
}

.opacity-9 {
  opacity: 0.9 !important;
}

.blur-1 {
  -webkit-filter: blur(0.2rem) !important;
          filter: blur(0.2rem) !important;
}

.blur-2 {
  -webkit-filter: blur(0.4rem) !important;
          filter: blur(0.4rem) !important;
}

.blur-3 {
  -webkit-filter: blur(0.6rem) !important;
          filter: blur(0.6rem) !important;
}

.blur-4 {
  -webkit-filter: blur(0.8rem) !important;
          filter: blur(0.8rem) !important;
}

.blur-5 {
  -webkit-filter: blur(1rem) !important;
          filter: blur(1rem) !important;
}

.blur-6 {
  -webkit-filter: blur(1.2rem) !important;
          filter: blur(1.2rem) !important;
}

.blur-7 {
  -webkit-filter: blur(2rem) !important;
          filter: blur(2rem) !important;
}

.blur-8 {
  -webkit-filter: blur(5rem) !important;
          filter: blur(5rem) !important;
}

.blur-9 {
  -webkit-filter: blur(9rem) !important;
          filter: blur(9rem) !important;
}

.border-dashed {
  border-style: dashed !important;
}

.rounded-start-top-0 {
  border-top-left-radius: 0 !important;
}

.accordion.accordion-icon .accordion-item {
  -webkit-box-shadow: none;
          box-shadow: none;
  border-radius: 0.25rem;
  border: 1px solid rgba(0, 0, 0, 0.1);
}
.accordion.accordion-icon .accordion-header {
  position: relative;
}
.accordion.accordion-icon .accordion-header .accordion-button {
  background: transparent;
  font-size: inherit;
  -webkit-transition: none;
  transition: none;
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
}
.accordion.accordion-icon .accordion-header .accordion-button[aria-expanded=true] {
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.accordion.accordion-icon .accordion-header .accordion-button:after {
  content: "";
  background: #14191e !important;
  width: 10px;
  height: 2px;
  display: block;
  position: absolute;
  top: 47%;
  right: 20px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  -webkit-transform: rotateZ(0deg);
          transform: rotateZ(0deg);
  z-index: 9;
}
.accordion.accordion-icon .accordion-header .accordion-button:before {
  content: "";
  background: #14191e !important;
  width: 10px;
  height: 2px;
  display: block;
  position: absolute;
  top: 47%;
  right: 20px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  -webkit-transform: rotateZ(0deg);
          transform: rotateZ(0deg);
  z-index: 9;
}
.accordion.accordion-icon .accordion-header .accordion-button[aria-expanded=false]:after {
  -webkit-transform: rotateZ(90deg);
          transform: rotateZ(90deg);
}
.accordion.accordion-icon .accordion-header .accordion-button[aria-expanded=true]:before {
  -webkit-transform: rotateZ(0deg);
          transform: rotateZ(0deg);
}
.accordion.accordion-icon .accordion-collapse {
  border: none;
}
.accordion.accordion-icon .accordion-body {
  padding: 1rem;
}

.breadcrumb-item {
  font-size: 0.8125rem;
}
.breadcrumb-item a {
  color: #676a79;
}
.breadcrumb-item a:hover {
  color: #8b1538;
}

.breadcrumb.breadcrumb-dots .breadcrumb-item + .breadcrumb-item::before {
  content: "\2022";
  font-size: 22px;
  line-height: 0;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.btn-link {
  padding: 0;
}

.btn {
  outline: 0;
}

.input-group .btn {
  margin-bottom: 0;
}

.btn-xs {
  padding: 0.4rem 0.6rem;
  font-size: 0.6rem;
  line-height: 1.2;
  border-radius: 0.2rem;
}

.btn-light.active, .btn-light:active, .btn-light:focus, .btn-light:hover {
  background: #eef0f2;
}

.btn-white {
  background: #fff;
  color: #14191e;
}
.btn-white.active, .btn-white:active, .btn-white:focus, .btn-white:hover {
  background: #eff2f6;
  color: #14191e;
}

.btn-outline-light {
  background: transparent;
  border-color: #e1e4e6;
  color: #676a79;
}

.btn-outline-light:hover,
.btn-outline-light:focus,
.btn-outline-light:active,
.btn-check:checked + .btn-outline-light {
  background: #e1e4e6;
  border-color: #e1e4e6;
  color: #14191e;
}

.btn-primary-soft {
  color: #8b1538;
  background-color: rgba(139, 21, 56, 0.1);
}
.btn-primary-soft:hover {
  color: #fff;
  background-color: #8b1538;
}

.btn-secondary-soft {
  color: #14191e;
  background-color: rgba(20, 25, 30, 0.1);
}
.btn-secondary-soft:hover {
  color: #fff;
  background-color: #14191e;
}

.btn-success-soft {
  color: #0cbc87;
  background-color: rgba(12, 188, 135, 0.1);
}
.btn-success-soft:hover {
  color: #fff;
  background-color: #0cbc87;
}

.btn-info-soft {
  color: #8b1538;
  background-color: rgba(139, 21, 56, 0.1);
}
.btn-info-soft:hover {
  color: #fff;
  background-color: #8b1538;
}

.btn-warning-soft {
  color: #f7c32e;
  background-color: rgba(247, 195, 46, 0.1);
}
.btn-warning-soft:hover {
  color: #000;
  background-color: #f7c32e;
}

.btn-danger-soft {
  color: #d6293e;
  background-color: rgba(214, 41, 62, 0.1);
}
.btn-danger-soft:hover {
  color: #fff;
  background-color: #d6293e;
}

.btn-light-soft {
  color: #eef0f2;
  background-color: rgba(238, 240, 242, 0.1);
}
.btn-light-soft:hover {
  color: #000;
  background-color: #eef0f2;
}

.btn-dark-soft {
  color: #14191e;
  background-color: rgba(20, 25, 30, 0.1);
}
.btn-dark-soft:hover {
  color: #fff;
  background-color: #14191e;
}

.btn-primary-soft-hover:hover:hover {
  color: #8b1538 !important;
  background-color: rgba(139, 21, 56, 0.1);
}

.btn-secondary-soft-hover:hover:hover {
  color: #14191e !important;
  background-color: rgba(20, 25, 30, 0.1);
}

.btn-success-soft-hover:hover:hover {
  color: #0cbc87 !important;
  background-color: rgba(12, 188, 135, 0.1);
}

.btn-info-soft-hover:hover:hover {
  color: #8b1538 !important;
  background-color: rgba(139, 21, 56, 0.1);
}

.btn-warning-soft-hover:hover:hover {
  color: #f7c32e !important;
  background-color: rgba(247, 195, 46, 0.1);
}

.btn-danger-soft-hover:hover:hover {
  color: #d6293e !important;
  background-color: rgba(214, 41, 62, 0.1);
}

.btn-light-soft-hover:hover:hover {
  color: #eef0f2 !important;
  background-color: rgba(238, 240, 242, 0.1);
}

.btn-dark-soft-hover:hover:hover {
  color: #14191e !important;
  background-color: rgba(20, 25, 30, 0.1);
}

.btn-dashed {
  background: -webkit-gradient(linear, left top, right top, color-stop(50%, rgba(0, 0, 0, 0.1)), color-stop(50%, transparent)), -webkit-gradient(linear, left bottom, left top, color-stop(50%, rgba(0, 0, 0, 0.1)), color-stop(50%, transparent)), -webkit-gradient(linear, left top, right top, color-stop(50%, rgba(0, 0, 0, 0.1)), color-stop(50%, transparent)), -webkit-gradient(linear, left bottom, left top, color-stop(50%, rgba(0, 0, 0, 0.1)), color-stop(50%, transparent));
  background: linear-gradient(90deg, rgba(0, 0, 0, 0.1) 50%, transparent 50%), linear-gradient(0deg, rgba(0, 0, 0, 0.1) 50%, transparent 50%), linear-gradient(90deg, rgba(0, 0, 0, 0.1) 50%, transparent 50%), linear-gradient(0deg, rgba(0, 0, 0, 0.1) 50%, transparent 50%);
  background-repeat: repeat-x, repeat-y, repeat-x, repeat-y;
  background-size: 10px 2px, 2px 10px, 10px 2px, 2px 10px;
  background-position: left top, right top, left bottom, left top;
  padding: 0.5rem, 1rem;
}
.btn-dashed:hover {
  -webkit-animation: border-dance 4s infinite linear;
          animation: border-dance 4s infinite linear;
}

@-webkit-keyframes border-dance {
  0% {
    background-position: left top, right top, right bottom, left bottom;
  }
  100% {
    background-position: right top, right bottom, left bottom, left top;
  }
}

@keyframes border-dance {
  0% {
    background-position: left top, right top, right bottom, left bottom;
  }
  100% {
    background-position: right top, right bottom, left bottom, left top;
  }
}
.btn-loader {
  position: relative;
  text-align: center;
}
.btn-loader .load-icon {
  display: none;
  margin: 0 auto;
  position: absolute;
  left: 0;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.btn-loader .load-text {
  opacity: 1;
  visibility: visible;
}

.btn-loader.active .load-text {
  opacity: 0;
  visibility: hidden;
}
.btn-loader.active .load-icon {
  display: block;
}

.spinner-dots {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.spinner-dot {
  background-color: #a1a1a8;
  display: inline-block;
  height: 4px;
  margin: 2px;
  border-radius: 50%;
  width: 4px;
}

@-webkit-keyframes dot {
  0% {
    background-color: #a1a1a8;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  50% {
    background-color: #676a79;
    -webkit-transform: scale(1.3);
            transform: scale(1.3);
  }
  100% {
    background-color: #a1a1a8;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}

@keyframes dot {
  0% {
    background-color: #a1a1a8;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  50% {
    background-color: #676a79;
    -webkit-transform: scale(1.3);
            transform: scale(1.3);
  }
  100% {
    background-color: #a1a1a8;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
.btn-link-loader.active .spinner-dots .spinner-dot {
  -webkit-animation: dot ease-in-out 1s infinite;
          animation: dot ease-in-out 1s infinite;
}
.btn-link-loader.active .spinner-dots .spinner-dot:nth-of-type(2) {
  -webkit-animation-delay: 0.2s;
          animation-delay: 0.2s;
}
.btn-link-loader.active .spinner-dots .spinner-dot:nth-of-type(3) {
  -webkit-animation-delay: 0.3s;
          animation-delay: 0.3s;
}

.card.overflow-hidden {
  will-change: transform;
}

.card .card-image {
  position: relative;
}
.card .card-image .card-element-hover {
  visibility: hidden;
  margin-top: 20px;
  opacity: 0;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  z-index: 9;
}
.card:hover .card-image .card-element-hover {
  visibility: visible;
  margin-top: 0px;
  opacity: 1;
}

.card.card-overlay-bottom {
  overflow: hidden;
}
.card.card-overlay-bottom:before {
  content: "";
  position: absolute;
  height: 50%;
  width: 100%;
  bottom: 0;
  left: 0;
  right: 0;
  background-image: -webkit-gradient(linear, left top, left bottom, from(transparent), to(black));
  background-image: linear-gradient(180deg, transparent, black);
  z-index: 1;
}
.card .card-img-overlay {
  z-index: 2;
}

.dropdown-menu {
  -webkit-box-shadow: 0px 20px 30px rgba(83, 88, 93, 0.1), 0px 0px 30px rgba(83, 88, 93, 0.2);
          box-shadow: 0px 20px 30px rgba(83, 88, 93, 0.1), 0px 0px 30px rgba(83, 88, 93, 0.2);
}

.dropdown-item.active {
  color: #8b1538;
}

.dropdown-toggle:after {
  content: "\f078";
  font-family: "Font Awesome 5 Free";
  font-size: 0.5rem;
  margin-left: 0.35rem;
  font-weight: 900;
  vertical-align: middle;
  border: none;
}

.dropup .dropdown-toggle:after {
  content: "\f077";
  font-family: "Font Awesome 5 Free";
  font-size: 0.7rem;
  margin-left: 0.35rem;
  font-weight: 900;
  vertical-align: middle;
  border: none;
}

.dropdown-menu .dropdown-toggle:after {
  position: absolute;
  right: 25px;
  top: 10px;
}
.dropdown-menu .dropdown-toggle:before {
  position: absolute;
  right: 25px;
  top: 10px;
}

.dropdown-menu-size-md {
  min-width: 22rem;
}

@media (max-width: 575.98px) {
  .dropdown-menu-size-md {
    min-width: 16rem;
  }
}
.list-group-borderless .list-group-item {
  border: none;
  padding: 0.425rem 0;
}
.list-group-borderless a.list-group-item:hover {
  background-color: transparent;
  color: #8b1538;
}

.nav .nav-item .nav-link.active {
  color: #8b1538;
}

.nav-pills .nav-link {
  cursor: pointer;
  margin-bottom: 15px;
  padding: 0.5rem 1rem;
}

.nav-pills.nav-pills-light .nav-link:hover {
  background-color: #e4e6e8;
}
.nav-pills.nav-pills-light .nav-link.active {
  background-color: #e4e6e8;
}

.nav-pills-soft .nav-link.active,
.nav-pills-soft .show > .nav-link {
  background-color: rgba(139, 21, 56, 0.1);
}

.nav.nav-bottom-line {
  border-bottom: solid 1px rgba(0, 0, 0, 0.1);
}
.nav.nav-bottom-line .nav-link {
  border: transparent;
  font-weight: 600;
  padding: 0.75rem 0.975rem;
}
.nav.nav-bottom-line .nav-item:first-child .nav-link {
  padding-left: 0;
}
.nav.nav-bottom-line .nav-link {
  background: transparent;
  border-bottom: 3px solid transparent;
}
.nav.nav-bottom-line .nav-link.active {
  background: transparent;
  color: #8b1538;
  border-bottom: 3px solid #8b1538;
}
.nav.nav-bottom-line .nav-item {
  margin-bottom: -2px;
}

.nav.flex-column:not(.nav-pills) .nav-link {
  padding-left: 0;
  padding-top: 0.3rem;
  padding-bottom: 0.3rem;
}

.tab-content {
  padding: 25px 0;
  margin-bottom: 20px;
}

.nav-tabs .nav-link {
  padding: 0.5rem 1rem;
}
.nav-tabs-white {
  border-radius: 0.4rem;
}
.nav-tabs-white .nav-item .nav-link {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  border: 0;
  border-radius: 0.4rem;
  margin-right: 4px;
  font-weight: 600;
}
.nav-tabs-white .nav-item:last-child .nav-link {
  margin-right: 0;
}
.nav-tabs-white .nav-item .nav-link.active, .nav-tabs-white .nav-item .nav-link:hover {
  background: #fff;
  color: #8b1538;
}

.nav.nav-divider .nav-item + .nav-item:before {
  content: "\2022";
  color: inherit;
  padding-left: 0.6rem;
  padding-right: 0.6rem;
  opacity: 0.8;
}
.nav.nav-divider .nav-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.nav.nav-divider .nav-link {
  padding: 0;
}

.nav-link-secondary .nav-item .nav-link {
  color: #14191e;
}
.nav-link-secondary .nav-item .nav-link:hover, .nav-link-secondary .nav-item .nav-link.active {
  color: #8b1538;
}

.nav-stack {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-item-align: stretch;
      align-self: stretch;
  gap: 0.7rem;
}
.nav-stack .nav-link {
  padding-left: 0;
  padding-right: 0;
}

.nav .nav-item .nav-link .nav-icon {
  background: #eef0f2;
  height: 2.1rem;
  width: 2.1rem;
  font-size: 1.1em;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-radius: 50%;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.nav .nav-item .nav-link:hover .nav-icon {
  background: #8b1538;
  color: #fff;
}

@media (min-width: 992px) {
  .nav-sidenav {
    width: 5rem;
    -webkit-transition: width 0.3s;
    transition: width 0.3s;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 9;
    margin-top: 56px;
  }
  .nav-sidenav .nav-link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    white-space: nowrap;
    padding-left: 0;
  }
  .nav-sidenav .nav-text {
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
  }

  .sidebar-start-enabled .nav-sidenav {
    width: 270px;
  }
  .sidebar-start-enabled .nav-sidenav .nav-text {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    opacity: 1;
    visibility: visible;
    padding-left: 10px;
  }
}
@media (max-width: 991.98px) {
  .nav-sidenav {
    width: 270px;
    left: 0;
    -webkit-transition: -webkit-transform 0.3s ease-in-out;
    transition: -webkit-transform 0.3s ease-in-out;
    transition: transform 0.3s ease-in-out;
    transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
    position: fixed;
    top: 0;
    z-index: 9;
    margin-top: 56px;
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
  }
  .nav-sidenav .nav-text {
    padding-left: 10px;
  }

  .sidebar-start-enabled .nav-sidenav {
    -webkit-transform: none;
            transform: none;
  }
}
@media (min-width: 992px) {
  .sidebar-end {
    width: 5rem;
    -webkit-transition: width 0.3s;
    transition: width 0.3s;
    position: fixed;
    right: 0;
    top: 0;
    margin-top: 56px;
    z-index: 9;
  }
  .sidebar-end .sidebar-end-alignment {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .sidebar-end .nav-link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .sidebar-end .contact-name, .sidebar-end .contact-search, .sidebar-end .contact-title, .sidebar-end .contact-status {
    opacity: 0;
    display: none;
    visibility: hidden;
    -webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    white-space: nowrap;
  }

  .sidebar-end-enabled .sidebar-end {
    width: 270px;
  }
  .sidebar-end-enabled .sidebar-end .sidebar-end-alignment {
    -webkit-box-align: inherit;
        -ms-flex-align: inherit;
            align-items: inherit;
  }
  .sidebar-end-enabled .sidebar-end .contact-name, .sidebar-end-enabled .sidebar-end .contact-search, .sidebar-end-enabled .sidebar-end .contact-title, .sidebar-end-enabled .sidebar-end .contact-status {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    opacity: 1;
    visibility: visible;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
  }
}
@media (max-width: 991.98px) {
  .sidebar-end {
    width: 270px;
    right: 0;
    -webkit-transition: -webkit-transform 0.3s ease-in-out;
    transition: -webkit-transform 0.3s ease-in-out;
    transition: transform 0.3s ease-in-out;
    transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
    position: fixed;
    top: 0;
    z-index: 9;
    -webkit-transform: translateX(100%);
            transform: translateX(100%);
  }

  .sidebar-end-enabled .sidebar-end {
    -webkit-transform: none;
            transform: none;
  }
}
header {
  height: 56px;
}

.navbar-nav .nav-link {
  font-size: 0.9375rem;
  font-weight: 600;
  text-transform: capitalize;
  line-height: 56px;
  padding-top: 0;
  padding-bottom: 0;
}
.navbar-nav .nav-link .nav-icon {
  margin-right: 0.3rem;
}
.navbar-nav .nav-item:last-child .nav-link {
  padding-right: 0;
}

.offcanvas .navbar-nav .nav-link {
  line-height: inherit;
  padding: 0.25rem 0.75rem;
}

.navbar-toggler {
  margin-bottom: 0;
  border: 0;
  background-color: #eef0f2;
}

.navbar-transparent {
  background: transparent;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}

.navbar-dark .navbar-top span:not(.dropdown-item-text) {
  color: #fff;
}
.navbar-dark .navbar-top a:not(.dropdown-item) {
  color: #fff;
}
.navbar-dark .navbar-top a:not(.dropdown-item):hover {
  color: #8b1538;
}

.navbar-dark .nav .nav-link {
  color: #fff;
}
.navbar-dark .nav .nav-link:hover {
  color: #8b1538;
}

@media (max-width: 991.98px) {
  .navbar-dark .navbar-nav .nav-link {
    color: #676a79;
  }
}
.navbar-brand {
  padding-top: 10px;
  padding-bottom: 10px;
}
.navbar-brand .navbar-brand-item {
  height: 36px;
  display:inline-block;
  width: auto;
}

@media (max-width: 991.98px) {
  .navbar-brand {
    padding-top: 10px;
    padding-bottom: 10px;
  }
  .navbar-brand .navbar-brand-item {
    height: 36px;
  }
}
.navbar .dropdown-menu .dropdown-submenu.dropend .dropdown-toggle:after {
  content: "\f00d";
  font-family: "Font Awesome 5 Free";
  font-size: 10px;
  top: 10px;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  border: none !important;
  margin: 0;
}

@media (hover: hover) {
  .navbar .dropdown-menu .dropdown-submenu.dropend:hover > .dropdown-toggle:after {
    -webkit-transform: rotate(90deg);
            transform: rotate(90deg);
  }
}
.navbar .dropdown-menu .dropdown-submenu.dropend .dropdown-opened.dropdown-toggle:after {
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
}

.navbar .dropdown-menu .dropdown-submenu.dropstart .dropdown-toggle:before {
  content: "\f00d";
  font-family: "Font Awesome 5 Free";
  font-size: 10px;
  top: 8px;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  border: none !important;
  margin: 0;
  font-weight: 900;
}

.navbar .dropdown-menu .dropdown-submenu.dropstart:hover > .dropdown-toggle:before {
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
}

@media (min-width: 576px) {
  .navbar-expand-sm .navbar-nav .dropdown-menu {
    top: 120%;
    visibility: hidden;
    opacity: 0;
    display: block;
    -webkit-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;
  }
  .navbar-expand-sm .navbar-nav .dropdown:hover > .dropdown-menu {
    top: 100%;
    visibility: visible;
    opacity: 1;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
  }
  .navbar-expand-sm .navbar-nav .dropdown-submenu:hover > .dropdown-menu {
    top: 0;
    visibility: visible;
    opacity: 1;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
  }
  .navbar-expand-sm .dropdown-submenu {
    position: relative;
  }
}
@media (max-width: 575.98px) {
  .navbar-expand-sm .navbar-collapse {
    -webkit-box-shadow: 0px 10px 30px rgba(83, 88, 93, 0.2);
            box-shadow: 0px 10px 30px rgba(83, 88, 93, 0.2);
    position: absolute;
    left: 0;
    right: 0;
    top: 100%;
    background: #fff;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
  }
  .navbar-expand-sm .navbar-collapse .navbar-nav .dropdown-toggle::after {
    position: absolute;
    right: 25px;
  }
  .navbar-expand-sm .navbar-collapse .navbar-nav .dropdown-menu {
    -webkit-box-shadow: none;
            box-shadow: none;
  }
  .navbar-expand-sm .navbar-collapse .navbar-nav .dropdown-menu:before {
    content: none;
  }
  .navbar-expand-sm .navbar-collapse .navbar-nav .dropdown-submenu .dropdown-menu {
    padding-left: 20px;
    padding-bottom: 0px;
  }
  .navbar-expand-sm .navbar-collapse .navbar-nav > .nav-item {
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    padding: 5px 30px;
    position: relative;
  }
  .navbar-expand-sm .navbar-collapse .navbar-nav > .nav-item .nav-link {
    line-height: 40px;
  }
  .navbar-expand-sm .navbar-nav .dropdown-menu {
    position: static;
    float: none;
  }
  .navbar-expand-sm .navbar-nav .nav-item > .dropdown-menu {
    background: rgba(103, 106, 121, 0.04);
    padding: 20px 0px;
    margin: 10px 0;
  }
  .navbar-expand-sm .navbar-nav .nav-item > .dropdown-menu .dropdown-submenu .dropdown-menu {
    background: rgba(103, 106, 121, 0.06);
    padding: 10px 0px !important;
  }
}
@media (min-width: 768px) {
  .navbar-expand-md .navbar-nav .dropdown-menu {
    top: 120%;
    visibility: hidden;
    opacity: 0;
    display: block;
    -webkit-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;
  }
  .navbar-expand-md .navbar-nav .dropdown:hover > .dropdown-menu {
    top: 100%;
    visibility: visible;
    opacity: 1;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
  }
  .navbar-expand-md .navbar-nav .dropdown-submenu:hover > .dropdown-menu {
    top: 0;
    visibility: visible;
    opacity: 1;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
  }
  .navbar-expand-md .dropdown-submenu {
    position: relative;
  }
}
@media (max-width: 767.98px) {
  .navbar-expand-md .navbar-collapse {
    -webkit-box-shadow: 0px 10px 30px rgba(83, 88, 93, 0.2);
            box-shadow: 0px 10px 30px rgba(83, 88, 93, 0.2);
    position: absolute;
    left: 0;
    right: 0;
    top: 100%;
    background: #fff;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
  }
  .navbar-expand-md .navbar-collapse .navbar-nav .dropdown-toggle::after {
    position: absolute;
    right: 25px;
  }
  .navbar-expand-md .navbar-collapse .navbar-nav .dropdown-menu {
    -webkit-box-shadow: none;
            box-shadow: none;
  }
  .navbar-expand-md .navbar-collapse .navbar-nav .dropdown-menu:before {
    content: none;
  }
  .navbar-expand-md .navbar-collapse .navbar-nav .dropdown-submenu .dropdown-menu {
    padding-left: 20px;
    padding-bottom: 0px;
  }
  .navbar-expand-md .navbar-collapse .navbar-nav > .nav-item {
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    padding: 5px 30px;
    position: relative;
  }
  .navbar-expand-md .navbar-collapse .navbar-nav > .nav-item .nav-link {
    line-height: 40px;
  }
  .navbar-expand-md .navbar-nav .dropdown-menu {
    position: static;
    float: none;
  }
  .navbar-expand-md .navbar-nav .nav-item > .dropdown-menu {
    background: rgba(103, 106, 121, 0.04);
    padding: 20px 0px;
    margin: 10px 0;
  }
  .navbar-expand-md .navbar-nav .nav-item > .dropdown-menu .dropdown-submenu .dropdown-menu {
    background: rgba(103, 106, 121, 0.06);
    padding: 10px 0px !important;
  }
}
@media (min-width: 992px) {
  .navbar-expand-lg .navbar-nav .dropdown-menu {
    top: 120%;
    visibility: hidden;
    opacity: 0;
    display: block;
    -webkit-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;
  }
  .navbar-expand-lg .navbar-nav .dropdown:hover > .dropdown-menu {
    top: 100%;
    visibility: visible;
    opacity: 1;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
  }
  .navbar-expand-lg .navbar-nav .dropdown-submenu:hover > .dropdown-menu {
    top: 0;
    visibility: visible;
    opacity: 1;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
  }
  .navbar-expand-lg .dropdown-submenu {
    position: relative;
  }
}
@media (max-width: 991.98px) {
  .navbar-expand-lg .navbar-collapse {
    -webkit-box-shadow: 0px 10px 30px rgba(83, 88, 93, 0.2);
            box-shadow: 0px 10px 30px rgba(83, 88, 93, 0.2);
    position: absolute;
    left: 0;
    right: 0;
    top: 100%;
    background: #fff;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
  }
  .navbar-expand-lg .navbar-collapse .navbar-nav .dropdown-toggle::after {
    position: absolute;
    right: 25px;
  }
  .navbar-expand-lg .navbar-collapse .navbar-nav .dropdown-menu {
    -webkit-box-shadow: none;
            box-shadow: none;
  }
  .navbar-expand-lg .navbar-collapse .navbar-nav .dropdown-menu:before {
    content: none;
  }
  .navbar-expand-lg .navbar-collapse .navbar-nav .dropdown-submenu .dropdown-menu {
    padding-left: 20px;
    padding-bottom: 0px;
  }
  .navbar-expand-lg .navbar-collapse .navbar-nav > .nav-item {
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    padding: 5px 30px;
    position: relative;
  }
  .navbar-expand-lg .navbar-collapse .navbar-nav > .nav-item .nav-link {
    line-height: 40px;
  }
  .navbar-expand-lg .navbar-nav .dropdown-menu {
    position: static;
    float: none;
  }
  .navbar-expand-lg .navbar-nav .nav-item > .dropdown-menu {
    background: rgba(103, 106, 121, 0.04);
    padding: 20px 0px;
    margin: 10px 0;
  }
  .navbar-expand-lg .navbar-nav .nav-item > .dropdown-menu .dropdown-submenu .dropdown-menu {
    background: rgba(103, 106, 121, 0.06);
    padding: 10px 0px !important;
  }
}
@media (min-width: 1200px) {
  .navbar-expand-xl .navbar-nav .dropdown-menu {
    top: 120%;
    visibility: hidden;
    opacity: 0;
    display: block;
    -webkit-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;
  }
  .navbar-expand-xl .navbar-nav .dropdown:hover > .dropdown-menu {
    top: 100%;
    visibility: visible;
    opacity: 1;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
  }
  .navbar-expand-xl .navbar-nav .dropdown-submenu:hover > .dropdown-menu {
    top: 0;
    visibility: visible;
    opacity: 1;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
  }
  .navbar-expand-xl .dropdown-submenu {
    position: relative;
  }
}
@media (max-width: 1199.98px) {
  .navbar-expand-xl .navbar-collapse {
    -webkit-box-shadow: 0px 10px 30px rgba(83, 88, 93, 0.2);
            box-shadow: 0px 10px 30px rgba(83, 88, 93, 0.2);
    position: absolute;
    left: 0;
    right: 0;
    top: 100%;
    background: #fff;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
  }
  .navbar-expand-xl .navbar-collapse .navbar-nav .dropdown-toggle::after {
    position: absolute;
    right: 25px;
  }
  .navbar-expand-xl .navbar-collapse .navbar-nav .dropdown-menu {
    -webkit-box-shadow: none;
            box-shadow: none;
  }
  .navbar-expand-xl .navbar-collapse .navbar-nav .dropdown-menu:before {
    content: none;
  }
  .navbar-expand-xl .navbar-collapse .navbar-nav .dropdown-submenu .dropdown-menu {
    padding-left: 20px;
    padding-bottom: 0px;
  }
  .navbar-expand-xl .navbar-collapse .navbar-nav > .nav-item {
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    padding: 5px 30px;
    position: relative;
  }
  .navbar-expand-xl .navbar-collapse .navbar-nav > .nav-item .nav-link {
    line-height: 40px;
  }
  .navbar-expand-xl .navbar-nav .dropdown-menu {
    position: static;
    float: none;
  }
  .navbar-expand-xl .navbar-nav .nav-item > .dropdown-menu {
    background: rgba(103, 106, 121, 0.04);
    padding: 20px 0px;
    margin: 10px 0;
  }
  .navbar-expand-xl .navbar-nav .nav-item > .dropdown-menu .dropdown-submenu .dropdown-menu {
    background: rgba(103, 106, 121, 0.06);
    padding: 10px 0px !important;
  }
}
@media (min-width: 1400px) {
  .navbar-expand-xxl .navbar-nav .dropdown-menu {
    top: 120%;
    visibility: hidden;
    opacity: 0;
    display: block;
    -webkit-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;
  }
  .navbar-expand-xxl .navbar-nav .dropdown:hover > .dropdown-menu {
    top: 100%;
    visibility: visible;
    opacity: 1;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
  }
  .navbar-expand-xxl .navbar-nav .dropdown-submenu:hover > .dropdown-menu {
    top: 0;
    visibility: visible;
    opacity: 1;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
  }
  .navbar-expand-xxl .dropdown-submenu {
    position: relative;
  }
}
@media (max-width: 1399.98px) {
  .navbar-expand-xxl .navbar-collapse {
    -webkit-box-shadow: 0px 10px 30px rgba(83, 88, 93, 0.2);
            box-shadow: 0px 10px 30px rgba(83, 88, 93, 0.2);
    position: absolute;
    left: 0;
    right: 0;
    top: 100%;
    background: #fff;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
  }
  .navbar-expand-xxl .navbar-collapse .navbar-nav .dropdown-toggle::after {
    position: absolute;
    right: 25px;
  }
  .navbar-expand-xxl .navbar-collapse .navbar-nav .dropdown-menu {
    -webkit-box-shadow: none;
            box-shadow: none;
  }
  .navbar-expand-xxl .navbar-collapse .navbar-nav .dropdown-menu:before {
    content: none;
  }
  .navbar-expand-xxl .navbar-collapse .navbar-nav .dropdown-submenu .dropdown-menu {
    padding-left: 20px;
    padding-bottom: 0px;
  }
  .navbar-expand-xxl .navbar-collapse .navbar-nav > .nav-item {
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    padding: 5px 30px;
    position: relative;
  }
  .navbar-expand-xxl .navbar-collapse .navbar-nav > .nav-item .nav-link {
    line-height: 40px;
  }
  .navbar-expand-xxl .navbar-nav .dropdown-menu {
    position: static;
    float: none;
  }
  .navbar-expand-xxl .navbar-nav .nav-item > .dropdown-menu {
    background: rgba(103, 106, 121, 0.04);
    padding: 20px 0px;
    margin: 10px 0;
  }
  .navbar-expand-xxl .navbar-nav .nav-item > .dropdown-menu .dropdown-submenu .dropdown-menu {
    background: rgba(103, 106, 121, 0.06);
    padding: 10px 0px !important;
  }
}
.navbar-expand .navbar-nav .dropdown-menu {
  top: 120%;
  visibility: hidden;
  opacity: 0;
  display: block;
  -webkit-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;
}
.navbar-expand .navbar-nav .dropdown:hover > .dropdown-menu {
  top: 100%;
  visibility: visible;
  opacity: 1;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.navbar-expand .navbar-nav .dropdown-submenu:hover > .dropdown-menu {
  top: 0;
  visibility: visible;
  opacity: 1;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.navbar-expand .dropdown-submenu {
  position: relative;
}
.navbar-expand .navbar-collapse {
  -webkit-box-shadow: 0px 10px 30px rgba(83, 88, 93, 0.2);
          box-shadow: 0px 10px 30px rgba(83, 88, 93, 0.2);
  position: absolute;
  left: 0;
  right: 0;
  top: 100%;
  background: #fff;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
}
.navbar-expand .navbar-collapse .navbar-nav .dropdown-toggle::after {
  position: absolute;
  right: 25px;
}
.navbar-expand .navbar-collapse .navbar-nav .dropdown-menu {
  -webkit-box-shadow: none;
          box-shadow: none;
}
.navbar-expand .navbar-collapse .navbar-nav .dropdown-menu:before {
  content: none;
}
.navbar-expand .navbar-collapse .navbar-nav .dropdown-submenu .dropdown-menu {
  padding-left: 20px;
  padding-bottom: 0px;
}
.navbar-expand .navbar-collapse .navbar-nav > .nav-item {
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  padding: 5px 30px;
  position: relative;
}
.navbar-expand .navbar-collapse .navbar-nav > .nav-item .nav-link {
  line-height: 40px;
}
.navbar-expand .navbar-nav .dropdown-menu {
  position: static;
  float: none;
}
.navbar-expand .navbar-nav .nav-item > .dropdown-menu {
  background: rgba(103, 106, 121, 0.04);
  padding: 20px 0px;
  margin: 10px 0;
}
.navbar-expand .navbar-nav .nav-item > .dropdown-menu .dropdown-submenu .dropdown-menu {
  background: rgba(103, 106, 121, 0.06);
  padding: 10px 0px !important;
}

.navbar.navbar-icon .navbar-nav .nav-item {
  position: relative;
  padding-top: 0;
  padding-bottom: 0;
}
.navbar.navbar-icon .navbar-nav .nav-item .nav-link {
  font-size: 1.3rem;
  color: #14191e;
  padding: 0 1.2rem;
  margin-right: 0.5rem;
  margin-left: 0.5rem;
  position: relative;
}
.navbar.navbar-icon .navbar-nav .nav-item .nav-link:hover {
  color: #8b1538;
  -webkit-box-shadow: inset 0px 4px 0px #8b1538;
          box-shadow: inset 0px 4px 0px #8b1538;
}
.navbar.navbar-icon .navbar-nav .nav-item .nav-link.active {
  color: #8b1538;
  -webkit-box-shadow: inset 0px 4px 0px #8b1538;
          box-shadow: inset 0px 4px 0px #8b1538;
}
.navbar.navbar-icon .navbar-nav .nav-item .nav-link.active:before {
  position: absolute;
  top: 100%;
  width: 0;
  height: 0;
  content: "";
  border-style: solid;
  border-width: 10px 10px 0 10px;
  border-color: #fff transparent transparent transparent;
}
.navbar.navbar-icon .navbar-nav .nav-item .nav-link:last-child {
  padding-right: 1.2rem;
}
.navbar.navbar-icon .navbar-nav .nav-item .notif-badge {
  width: 6px;
  height: 6px;
  background: #d6293e;
  border-radius: 50%;
  position: absolute;
  top: inherit;
  bottom: 10px;
  right: 0;
  left: 0;
  margin: 0 auto;
  z-index: 1;
}
@media (min-width: 992px) {
  .navbar.navbar-icon .navbar-nav .nav-item .nav-link .nav-text {
    display: none;
  }
}
@media (max-width: 991.98px) {
  .navbar.navbar-icon .navbar-collapse {
    width: 100%;
    margin: 0 auto;
    text-align: center;
  }
  .navbar.navbar-icon .navbar-collapse .navbar-nav .nav-item {
    padding: 0 10px;
  }
  .navbar.navbar-icon .navbar-collapse .navbar-nav .nav-item .nav-link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    font-size: 1rem;
    padding: 0.2rem 1.2rem;
  }
  .navbar.navbar-icon .navbar-collapse .navbar-nav .nav-item .nav-link::before {
    display: none;
  }
  .navbar.navbar-icon .navbar-collapse .navbar-nav .nav-item .nav-link .nav-text {
    margin-left: 0.4rem;
  }
  .navbar.navbar-icon .navbar-collapse .navbar-nav .nav-item .nav-link .badge-notif.badge-notif-bottom {
    position: static;
    margin: inherit;
  }
  .navbar.navbar-icon .navbar-collapse .navbar-nav .nav-item .notif-badge {
    bottom: inherit;
    right: inherit;
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
  }
}

@media (min-width: 992px) {
  .navbar-vertical {
    bottom: 0;
    display: block;
    max-width: 300px;
    position: fixed;
    z-index: 9;
    height: 100vh;
    top: 56px;
    width: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .navbar-vertical .offcanvas-start {
    top: 1.5rem;
    left: inherit;
    position: relative;
    width: auto;
    border: none !important;
    -webkit-transform: none;
            transform: none;
    height: calc(100% - 6rem);
    visibility: visible !important;
  }

  .navbar-vertical + .page-content {
    margin-left: calc(300px + 1.5rem);
  }

  .page-content {
    position: relative;
    height: 100%;
    display: block;
    padding: 0 0.7rem 0 0;
  }
}
header.fixed-top + main {
  padding-top: calc(1.5rem + 56px);
  margin-bottom: 1.5rem;
}

.navbar-toggler .navbar-toggler-animation {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  background-image: none;
  position: relative;
  height: 18px;
  width: 20px;
  display: inline-block;
  vertical-align: middle;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100%;
}

.navbar-toggler .navbar-toggler-animation span {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  -webkit-transform: rotateZ(0deg);
  transform: rotateZ(0deg);
  height: 2px;
  background: #676a79;
  display: block;
  position: absolute;
  width: 100%;
  border-radius: 30px;
}

.navbar-toggler .navbar-toggler-animation span:nth-child(1) {
  top: 10%;
}

.navbar-toggler .navbar-toggler-animation span:nth-child(2) {
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

.navbar-toggler .navbar-toggler-animation span:nth-child(3) {
  bottom: 10%;
}

.navbar-toggler[data-bs-toggle=collapse][aria-expanded=true] .navbar-toggler-animation span:nth-child(1) {
  -webkit-transform: rotateZ(45deg) translateY(-50%);
          transform: rotateZ(45deg) translateY(-50%);
  top: 47%;
  -webkit-transform-origin: 47% 0;
          transform-origin: 47% 0;
  width: 100%;
}

.navbar-toggler[data-bs-toggle=collapse][aria-expanded=true] .navbar-toggler-animation span:nth-child(2) {
  visibility: hidden;
  -webkit-transition: all 0s ease-in-out;
  transition: all 0s ease-in-out;
}

.navbar-toggler[data-bs-toggle=collapse][aria-expanded=true] .navbar-toggler-animation span:nth-child(3) {
  -webkit-transform: rotateZ(-45deg) translateY(-50%);
          transform: rotateZ(-45deg) translateY(-50%);
  bottom: 42%;
  -webkit-transform-origin: 50% 0;
          transform-origin: 50% 0;
  width: 100%;
}

.pagination .page-item {
  margin-bottom: 5px;
  float: left;
}

.pagination-light .page-item {
  margin: 2px;
}
.pagination-light .page-link {
  border-color: #eef0f2;
  background-color: #eef0f2;
  border-radius: 0.2rem;
}
.pagination-light .page-link:hover {
  background-color: #8b1538;
  border-color: #8b1538;
}

body {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  height: 100%;
  overflow-x: hidden;
  z-index: 0;
  position: relative;
}

main {
  background-color: #eff2f6;
}

header {
  position: relative;
  z-index: 1020;
}

a {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

*:focus {
  outline: none !important;
}

h1 > a, h2 > a, h3 > a, h4 > a, h5 > a, h6 > a, .h1 > a, .h2 > a, .h3 > a, .h4 > a, .h5 > a, .h6 > a {
  color: #14191e;
}
h1 > a:hover, h2 > a:hover, h3 > a:hover, h4 > a:hover, h5 > a:hover, h6 > a:hover, .h1 > a:hover, .h2 > a:hover, .h3 > a:hover, .h4 > a:hover, .h5 > a:hover, .h6 > a:hover {
  color: #8b1538;
}

img {
  max-width: 100%;
  height: auto;
}

video {
  background-size: cover;
  display: table-cell;
  vertical-align: middle;
  width: 100%;
}

html[data-public-theme="turkmod"] section {
  padding-top: 0;
  padding-bottom: 0;
}

@media (max-width: 767.98px) {
  html[data-public-theme="turkmod"] section {
    padding-top: 0;
    padding-bottom: 0;
  }
}
small,
.small {
  font-weight: 400;
}

.smaller {
  font-size: 60%;
  font-weight: 500;
}

.dropcap {
  font-size: 4em;
  font-weight: bold;
  display: block;
  float: left;
  margin: 0.04em 0.2em 0 0;
  color: #14191e;
  line-height: 1;
}

.bg-overlay {
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}

.blockquote {
  position: relative;
  padding-left: 80px;
}
.blockquote:before {
  content: '"';
  position: absolute;
  top: 0;
  left: 0;
  font-size: 8rem;
  line-height: 0.8em;
  font-weight: 700;
  color: #8b1538;
}

.blockquote-footer {
  margin-top: 12px;
  padding-left: 80px;
}

a.badge:hover {
  color: #fff;
}

.badge-unread {
  background: #eef0f2;
}
.badge-unread:hover {
  background: #eef0f2;
}
.badge-unread:before {
  content: "";
  width: 7px;
  height: 7px;
  background: #8b1538;
  border-radius: 50%;
  position: absolute;
  top: 40px;
  left: 4px;
}

.badge-notif {
  width: 8px;
  height: 8px;
  background: #d6293e;
  border-radius: 50%;
  position: absolute;
  top: 0;
  right: -3px;
  z-index: 1;
}
.badge-notif.badge-notif-bottom {
  width: 6px;
  height: 6px;
  top: inherit;
  bottom: 5px;
  left: 0;
  right: 0;
  margin: 0 auto;
}

.offcanvas-sm {
  width: 270px;
}

@media (max-width: 767.98px) {
  .offcanvas-start {
    width: 260px;
  }
}
.toast-chat {
  position: fixed;
  right: calc(400px + 1rem);
  bottom: 0;
  z-index: 11;
}

@media (max-width: 575.98px) {
  .toast {
    width: 288px;
  }
}
.bg-mode {
  background: #fff;
}

.grayscale {
  -webkit-filter: grayscale(100%);
          filter: grayscale(100%);
  -webkit-transition: all 0.6s ease;
  transition: all 0.6s ease;
}
.grayscale:hover {
  filter: none;
  -webkit-filter: grayscale(0%);
}

.fw-icon {
  text-align: center;
  width: 1.25em;
  display: inline-block;
}

.icon-xs {
  height: 1.5rem;
  width: 1.5rem;
  font-size: 0.6em;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.icon-sm {
  height: 2rem;
  width: 2rem;
  font-size: 0.7em;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.icon-md {
  height: 2.5rem;
  width: 2.5rem;
  font-size: 0.9em;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.icon-lg {
  height: 3rem;
  width: 3rem;
  font-size: 1em;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.icon-xl {
  height: 4rem;
  width: 4rem;
  font-size: 1.6em;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.icon-xxl {
  height: 5.125rem;
  width: 5.125rem;
  font-size: 2em;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.plyr__control--overlaid,
.plyr--video .plyr__control.plyr__tab-focus,
.plyr--video .plyr__control:hover,
.plyr--video .plyr__control[aria-expanded=true] {
  background: #8b1538;
}

.plyr--full-ui input[type=range] {
  color: #8b1538;
}

/* rtl:raw:
.glightbox-clean .gclose, .glightbox-modern .gclose{
  right: auto !important;
  left: 20px;
}
*/
.password-strength-meter {
  background-color: #e9ecef !important;
}

.glightbox-clean .gslide-description {
  background: #fff;
}

.plyr__controls-none .plyr__controls {
  display: none;
}
.plyr__controls-none .plyr--video {
  border-radius: 20px;
}

.nav-search .dropdown-menu {
  top: 120%;
  visibility: hidden;
  opacity: 0;
  display: block;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  width: 300px;
  left: auto;
  right: 0;
}

.nav-search .dropdown-menu.show {
  top: 100%;
  visibility: visible;
  opacity: 1;
}

@media (max-width: 575.98px) {
  .nav-search .dropdown-menu {
    width: 100%;
  }
}
/* rtl:raw:
  .rtl-flip {
    transform: scaleX(-1);
  }
  .rtl-flip.bi:before{
    transform: inherit;
  }
*/
.preloader {
  background-color: #fff;
  position: fixed;
  z-index: 1190;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
}
.preloader .preloader-item {
  position: absolute;
  top: 50%;
  left: 50%;
  text-align: center;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.preloader[hidden] {
  display: none;
}

.ui-events-skeleton-box--hero {
  height: 140px;
  margin-bottom: 24px;
}

.ui-events-skeleton-box--row {
  height: 48px;
  margin-bottom: 12px;
}

.ui-events-skeleton-box--row-last {
  height: 48px;
}

.ui-events-skeleton-box--card {
  height: 280px;
}

.ui-events-skeleton-card-body {
  padding: 24px;
}

.ui-events-skeleton-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  gap: 24px;
}

.comment-wrap .comment-item {
  position: relative;
}
.comment-wrap .comment-item .avatar {
  position: relative;
  z-index: 1;
}
.comment-wrap .comment-item:last-child .comment-line-inner {
  background: #eef0f2;
  height: 20px;
}
.comment-wrap .comment-item-nested {
  padding-left: 2.75rem;
}
.comment-wrap > .comment-item .comment-line-inner {
  position: absolute;
  left: 16px;
  top: 0;
  width: 2px;
  background-color: #eef0f2;
  height: 100%;
}

.comment-item-nested .comment-item {
  position: relative;
}
.comment-item-nested .comment-item .comment-line-inner {
  position: absolute;
  left: -28px;
  top: 0;
  width: 2px;
  background-color: #eef0f2;
  height: 100%;
}
.comment-item-nested .comment-item .comment-line-inner:before {
  content: "";
  position: absolute;
  left: 0;
  top: 20px;
  height: 2px;
  width: 26px;
  background: #eef0f2;
}

@media (min-width: 992px) {
  .rounded-end-lg-0 {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }

  .rounded-start-lg-0 {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }

  .border-end-lg-0 {
    border-right: 0;
  }
}
.rounded-top-0 {
  border-top-left-radius: 0 !important;
  border-top-right-radius: 0 !important;
}

.rounded-bottom-0 {
  border-bottom-left-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}

.flip-horizontal {
  -webkit-transform: scaleX(-1);
          transform: scaleX(-1);
  display: inline-block;
}

.timeline {
  width: 100%;
}
.timeline .timeline-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  margin-bottom: 1.5rem;
  position: relative;
}
.timeline .timeline-item:last-child {
  margin-bottom: 0;
}
.timeline .timeline-item .timeline-icon {
  margin-right: 0.8rem;
  position: relative;
  position: relative;
}
.timeline .timeline-item .timeline-content {
  width: 100%;
}
.timeline .timeline-item:before {
  content: "";
  position: absolute;
  width: 2px;
  height: calc(100% - 1rem);
  background-color: rgba(0, 0, 0, 0.1);
  top: 2.5rem;
  left: 1.5rem;
  -webkit-transform: translatex(-50%);
          transform: translatex(-50%);
}
.timeline .timeline-item:last-child:before {
  height: calc(100% - 2.5rem);
}

@media (min-width: 992px) {
  .card-chat {
    height: calc(100vh - 5.1125rem - 1.5rem);
  }

  .card-chat-list {
    height: calc(100vh - 10.112rem - 1.5rem);
  }

  .chat-conversation-content {
    height: calc(100% - 5.25rem);
  }

  .chat-tab-list {
    height: calc(100% - 0.75rem);
  }
}
.typing .dot {
  -webkit-animation: TypingAnimation 1.8s infinite ease-in-out;
          animation: TypingAnimation 1.8s infinite ease-in-out;
  background-color: rgba(20, 25, 30, 0.7);
  border-radius: 50%;
  height: 7px;
  margin-right: 4px;
  vertical-align: middle;
  width: 7px;
  display: inline-block;
}
.typing .dot:nth-child(1) {
  -webkit-animation-delay: 200ms;
          animation-delay: 200ms;
}
.typing .dot:nth-child(2) {
  -webkit-animation-delay: 300ms;
          animation-delay: 300ms;
}
.typing .dot:nth-child(3) {
  -webkit-animation-delay: 400ms;
          animation-delay: 400ms;
}
.typing .dot:last-child {
  margin-right: 0;
}

@-webkit-keyframes TypingAnimation {
  0% {
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
    background-color: rgba(20, 25, 30, 0.7);
  }
  28% {
    -webkit-transform: translateY(-7px);
            transform: translateY(-7px);
    background-color: rgba(20, 25, 30, 0.4);
  }
  44% {
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
    background-color: rgba(20, 25, 30, 0.2);
  }
}

@keyframes TypingAnimation {
  0% {
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
    background-color: rgba(20, 25, 30, 0.7);
  }
  28% {
    -webkit-transform: translateY(-7px);
            transform: translateY(-7px);
    background-color: rgba(20, 25, 30, 0.4);
  }
  44% {
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
    background-color: rgba(20, 25, 30, 0.2);
  }
}
.bi::before,
[class^=bi-]::before,
[class*=" bi-"]::before {
  line-height: 1.5;
}

.fakepasswordicon {
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  cursor: pointer;
}

.fakepasswordicon.fa-eye:before {
  content: "\f06e" !important;
}

.ticket-border {
  border-left: 2px dashed #14191e;
  padding-left: 50px;
  position: relative;
}
.ticket-border:before {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background: #fff;
  content: "";
  top: -50px;
  left: -25px;
  position: absolute;
}
.ticket-border:after {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background: #fff;
  content: "";
  bottom: -50px;
  left: -25px;
  position: absolute;
}

@media (max-width: 575.98px) {
  .ticket-border {
    padding-left: 0;
    border: 0;
  }
  .ticket-border:after, .ticket-border:before {
    display: none;
  }
}
.plyr--audio .plyr__controls {
  background: transparent;
}

.plyr--audio .plyr__control.plyr__tab-focus, .plyr--audio .plyr__control:hover, .plyr--audio .plyr__control[aria-expanded=true] {
  background: #8b1538;
}

[data-autoresize] {
  resize: none;
}

[class*=status-]:before {
  content: "";
  position: absolute;
  z-index: 1;
  border-radius: 100%;
  border: 2px solid #fff;
  height: 12px;
  width: 12px;
  right: -2px;
  top: -2px;
}

.status-online:before {
  background-color: #0cbc87;
}

.status-away:before {
  background-color: #f7c32e;
}

.status-offline:before {
  background-color: #d6293e;
}

.avatar.avatar-lg[class*=status-]:before {
  right: 2px;
  top: 2px;
}

.avatar.avatar-xl[class*=status-]:before {
  right: 4px;
  top: 4px;
}

.avatar.avatar-xxl[class*=status-]:before {
  right: 12px;
  top: 12px;
}

.avatar.avatar-xxxl[class*=status-]:before {
  right: 18px;
  top: 18px;
}

.avatar {
  height: 3rem;
  width: 3rem;
  position: relative;
  display: inline-block;
  -ms-flex-negative: 0 !important;
      flex-shrink: 0 !important;
}

.avatar-img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.avatar-group {
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.avatar-group > li {
  position: relative;
}
.avatar-group > li:not(:last-child) {
  margin-right: -0.8rem;
}
.avatar-group .avatar-img {
  border: 2px solid #fff;
}

.avatar-group-two {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 0;
}
.avatar-group-two > li {
  margin-top: 0.8rem;
  position: relative;
}
.avatar-group-two > li:not(:last-child) {
  margin-right: -1.2rem;
  margin-top: 0;
}

.avatar-group-three {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 0;
  padding-right: 1.2rem;
  position: relative;
}
.avatar-group-three > li {
  position: relative;
}
.avatar-group-three > li:not(:last-child) {
  margin-right: -1.2rem;
}
.avatar-group-three > li:last-child {
  position: absolute;
  bottom: -30px;
  left: 50%;
  top: 0;
  -webkit-transform: translate(-50%, 50%);
          transform: translate(-50%, 50%);
}

.avatar-group-four {
  display: inline-grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: 1fr 1fr;
  grid-template-columns: auto auto;
  gap: 0px 0px;
}
.avatar-group-four li {
  margin: 0;
}
.avatar-group-four li:not(:last-child) {
  margin: 0;
}

.avatar-xxs {
  height: 1.5rem;
  width: 1.5rem;
}

.avatar-xs {
  height: 2.1875rem;
  width: 2.1875rem;
}

.avatar-sm {
  height: 2.5rem;
  width: 2.5rem;
}

.avatar-lg {
  height: 4rem;
  width: 4rem;
}

.avatar-xl {
  height: 5.125rem;
  width: 5.125rem;
}

.avatar-xxl {
  height: 5.125rem;
  width: 5.125rem;
}
@media (min-width: 768px) {
  .avatar-xxl {
    width: 8rem;
    height: 8rem;
  }
}

.avatar-xxxl {
  height: 8rem;
  width: 8rem;
}
@media (min-width: 768px) {
  .avatar-xxxl {
    width: 11rem;
    height: 11rem;
  }
}

.avatar-story {
  position: relative;
  padding: 4px;
  z-index: 1;
}
.avatar-story:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  border-radius: 50%;
  border: 2px solid #8b1538;
  z-index: -1;
}

.avatar-uploader {
  position: relative;
}
.avatar-uploader .avatar-edit {
  position: absolute;
  right: 0;
  z-index: 1;
  top: 0;
}
.avatar-uploader .avatar-edit input {
  display: none;
}
.avatar-uploader .avatar-edit input + label {
  display: inline-block;
  width: 34px;
  height: 34px;
  margin-bottom: 0;
  border-radius: 100%;
  background: #eff2f6;
  border: 1px solid transparent;
  -webkit-box-shadow: 0px 0px 20px rgba(93, 83, 84, 0.15);
          box-shadow: 0px 0px 20px rgba(93, 83, 84, 0.15);
  cursor: pointer;
  font-weight: normal;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.avatar-uploader .avatar-edit input + label:after {
  content: "\f303";
  font-family: "Font Awesome 5 Free";
  color: #14191e;
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  text-align: center;
  font-weight: 900;
  -webkit-transform: translate(0, -56%);
          transform: translate(0, -56%);
  margin: 0 auto;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.avatar-uploader .avatar-edit input + label:hover {
  background: #8b1538;
  border-color: #8b1538;
}
.avatar-uploader .avatar-edit input + label:hover:after {
  color: #fff;
}
.avatar-uploader img#avatar-preview {
  -o-object-fit: cover;
     object-fit: cover;
}

.tns-outer {
  position: relative;
}

.tns-item {
  -ms-touch-action: pan-y;
      touch-action: pan-y;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.tiny-slider .item {
  position: relative;
}

.tns-controls [data-controls] {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 30px;
  height: 30px;
  line-height: 30px;
  border-radius: 0.4rem;
  display: block;
  z-index: 9;
  text-align: center;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  background: rgba(139, 21, 56, 0.3);
  color: #fff;
  border: none;
  padding: 0;
  margin: 0 5px;
}
.tns-controls [data-controls]:hover {
  background-color: #8b1538;
  color: #fff;
}
.tns-controls [data-controls] i {
  line-height: inherit;
}

.tns-controls [data-controls=prev] {
  left: 0;
}

.tns-controls [data-controls=next] {
  right: 0;
}

/* rtl:raw:
.tiny-slider .tns-controls [data-controls]{
  transform: scaleX(-1) translateY(-50%);
}
.tns-visually-hidden {
  right: -10000em !important;
  left: 0 !important;
}
*/
.arrow-dark [data-controls] {
  background: #14191e;
  color: #fff;
}

.arrow-white [data-controls] {
  background-color: #eff2f6;
  color: #676a79;
}

.arrow-round [data-controls] {
  border-radius: 50%;
}

.arrow-hover {
  overflow: hidden;
}
.arrow-hover [data-controls=prev] {
  left: -60px;
}
.arrow-hover [data-controls=next] {
  right: -60px;
}
.arrow-hover:hover [data-controls=prev] {
  left: 0px;
}
.arrow-hover:hover [data-controls=next] {
  right: 0px;
}

.tns-nav {
  position: absolute;
  top: 100%;
  bottom: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  z-index: 10;
  width: auto;
  text-align: center;
  white-space: nowrap;
}
.tns-nav [data-nav] {
  position: relative;
  display: inline-block;
  margin: 0 4px;
  padding: 0;
  width: 14px;
  height: 14px;
  border-radius: 50%;
  overflow: hidden;
  background-color: transparent;
  -webkit-box-shadow: inset 0 0 0 2px #a1a1a8;
          box-shadow: inset 0 0 0 2px #a1a1a8;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  border: 0;
}
.tns-nav .tns-nav-active {
  background-color: #fff;
}

.dots-inside .tns-nav {
  top: auto;
  padding-bottom: 20px;
}

.dots-white .tns-nav [data-nav] {
  -webkit-box-shadow: inset 0 0 0 2px #fff;
          box-shadow: inset 0 0 0 2px #fff;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.dots-white .tns-nav [data-nav]:after {
  background-color: #fff;
  -webkit-box-shadow: 0 0 1px #fff;
          box-shadow: 0 0 1px #fff;
}

.dots-dark .tns-nav [data-nav] {
  -webkit-box-shadow: inset 0 0 0 2px #14191e;
          box-shadow: inset 0 0 0 2px #14191e;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.dots-dark .tns-nav [data-nav]:after {
  background-color: #14191e;
  -webkit-box-shadow: 0 0 1px #14191e;
          box-shadow: 0 0 1px #14191e;
}

.modeswitch-wrap {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  cursor: pointer;
}
.modeswitch-wrap .modeswitch-item {
  width: 42px;
  height: 12px;
  background: #676a79;
  border-radius: 60px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 0 16px;
  -webkit-transition: all 1s;
  transition: all 1s;
}
.modeswitch-wrap .modeswitch-item .modeswitch-icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-transform: translateX(-14%);
          transform: translateX(-14%);
  height: 26px;
  width: 26px;
  background: #d8831b;
  border: 2px solid #fff;
  border-radius: 50%;
  -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.4);
          box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.4);
  font-size: 14px;
  color: #fff;
  -webkit-transition: all 1s;
  transition: all 1s;
}
.modeswitch-wrap .modeswitch-item .modeswitch-icon:before {
  content: "\f185";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  border: none;
  height: 26px;
  width: 26px;
  line-height: 26px;
  text-align: center;
  display: block;
}

html[data-theme=dark] .modeswitch-item {
  background: #e1e4e6;
}
html[data-theme=dark] .modeswitch-item .modeswitch-icon {
  -webkit-transform: translateX(18px) rotate(1turn);
          transform: translateX(18px) rotate(1turn);
  background: #14191e;
}
html[data-theme=dark] .modeswitch-item .modeswitch-icon:before {
  content: "\f186";
}

.navbar-dark .modeswitch-item {
  background: #a1a1a8;
}

.dark-mode-item {
  display: none !important;
}

html[data-theme=dark] .dark-mode-item {
  display: block !important;
}
html[data-theme=dark] .light-mode-item {
  display: none !important;
}

.gslide-description.description-left,
.gslide-description.description-right {
  max-width: 360px;
}

.gdesc-inner {
  width: 100%;
}

.glightbox-container .gslide {
  -webkit-user-select: inherit;
     -moz-user-select: inherit;
      -ms-user-select: inherit;
          user-select: inherit;
}

.glightbox-clean .gslide-desc {
  font-family: "Inter", sans-serif;
}

.glightbox-mobile .glightbox-container .gslide-desc .bg-light {
  background: #14191e !important;
}
.glightbox-mobile .glightbox-container .gslide-desc .form-control {
  border-color: rgba(0, 0, 0, 0.1);
}
.glightbox-mobile .glightbox-container .gslide-desc .text-secondary {
  color: #fff !important;
}
.glightbox-mobile .glightbox-container .gslide-desc .dropdown-menu {
  background: #14191e !important;
}
.glightbox-mobile .glightbox-container .gslide-desc a {
  font-weight: normal;
}
.glightbox-mobile .glightbox-container .gslide-desc .nav.nav-divider .nav-item {
  color: #fff !important;
}

.choices .choices__inner {
  background-color: #fff;
  color: #29292e;
  border: 1px solid #e1e4e6;
  line-height: 1.5;
  border-radius: 0.4rem;
  min-height: auto;
  padding: 0.5rem 1rem !important;
  font-size: 0.9375rem;
}
.choices .choices__list--multiple .choices__item {
  background-color: #eef0f2;
  border: 1px solid #eef0f2;
  border-radius: 0.4rem;
  color: #29292e;
}
.choices .choices__list--dropdown {
  background: #fff;
  border: 1px solid #e1e4e6;
}
.choices .choices__list--dropdown .choices__item--selectable.is-highlighted {
  background-color: #eef0f2;
}
.choices .choices__list--dropdown .choices__item {
  color: #14191e;
}
.choices .choices__input {
  background: transparent;
  padding: 0;
  color: #29292e;
}

.choices__list--single {
  padding: 0;
}

.choices[data-type*=select-multiple] .choices__button, .choices[data-type*=text] .choices__button {
  border-left: 1px solid #14191e;
  background-image: 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 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e");
}

.choices[data-type*=select-one]:after {
  content: "";
  height: 10px;
  width: 10px;
  border: none;
  border-width: 5px;
  position: absolute;
  right: 11.5px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  margin-top: 0;
  background-image: 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 5l6 6 6-6'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 16px 12px;
}

.choices[data-type*=select-one].is-open:after {
  margin-top: 0;
}

.choices[data-type*=select-one] .choices__input {
  background: #fff;
  border-color: #fff;
}

.choices.is-focused .choices__inner {
  border-color: #8b1538;
}

.choices[data-type*=select-one] .choices__list > .choices__list > .choices__item--selectable, .choices[data-type*=select-multiple] .choices__list > .choices__list > .choices__item--selectable {
  padding-right: 0px;
}

.choices[data-type*=select-one] .choices__list > .choices__list > .choices__item--selectable::after, .choices[data-type*=select-multiple] .choices__list > .choices__list > .choices__item--selectable::after {
  display: none;
}

.dropzone {
  min-height: auto;
  border-radius: 0.4rem;
  position: relative;
  z-index: 0;
  border: 2px dashed #eef0f2;
}
.dropzone .dz-preview.dz-image-preview {
  background: transparent;
}

.dropzone-custom {
  position: relative;
}
.dropzone-custom .dz-cover-preview {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: 0;
}
.dropzone-custom .dz-cover-preview .dz-cover-preview-wrap {
  position: absolute;
  height: 100%;
  width: 100%;
  border: 0 !important;
  overflow: hidden;
}
.dropzone-custom .dz-preview {
  min-height: auto;
  margin: 0;
  width: 100%;
}
.dropzone-custom .dz-preview.dz-cover-preview .dz-cover-preview-img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 0.375rem;
}
.dropzone-custom.dropzone-cover .dz-message {
  padding: 6rem 2rem;
}
.dropzone-custom.dropzone-cover.dz-file-processing .dz-message {
  display: none;
}
.dropzone-custom.dropzone-cover.dz-file-processing.dz-file-complete .dz-message {
  display: block;
}
.dropzone-custom.dropzone-cover.dz-max-files-reached .dz-message {
  background-color: rgba(0, 0, 0, 0.5);
  color: #fff;
  opacity: 0;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  border-color: transparent;
}
.dropzone-custom.dropzone-cover .dz-preview.dz-cover-preview .dz-cover-preview-img {
  width: 100%;
  height: 100%;
}
.dropzone-custom .dz-message {
  position: relative;
  padding: 2rem;
  margin: 0;
}
.dropzone-custom.dropzone .dz-preview {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}

.dropzone-custom.dz-clickable .dz-message, .dropzone.dz-clickable .dz-message * {
  cursor: pointer;
}

.dropzone-custom.dropzone-cover.dz-max-files-reached:focus .dz-message, .dropzone.dropzone-cover.dz-max-files-reached:hover .dz-message {
  opacity: 1;
}

.os-theme-dark > .os-scrollbar > .os-scrollbar-track > .os-scrollbar-handle,
.os-theme-dark > .os-scrollbar:hover > .os-scrollbar-track > .os-scrollbar-handle {
  background: rgba(20, 25, 30, 0.15);
}

.iphone-x {
  position: relative;
  margin: 40px auto;
  width: 360px;
  height: 780px;
  background-color: #14191e;
  border-radius: 40px;
  -webkit-box-shadow: 0px 0px 0px 11px #14191e, 0px 0px 0px 13px #14191e, 0px 0px 0px 20px #101418;
          box-shadow: 0px 0px 0px 11px #14191e, 0px 0px 0px 13px #14191e, 0px 0px 0px 20px #101418;
}
.iphone-x:before, .iphone-x:after {
  content: "";
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
.iphone-x:after {
  bottom: 7px;
  width: 140px;
  height: 4px;
  background-color: #eef0f2;
  border-radius: 10px;
}
.iphone-x:before {
  top: 0px;
  width: 56%;
  height: 30px;
  background-color: #14191e;
  border-radius: 0px 0px 40px 40px;
}
.iphone-x i,
.iphone-x b,
.iphone-x s,
.iphone-x span {
  position: absolute;
  display: block;
  color: transparent;
}
.iphone-x i {
  top: 0px;
  left: 50%;
  -webkit-transform: translate(-50%, 6px);
          transform: translate(-50%, 6px);
  height: 8px;
  width: 15%;
  background-color: #000;
  border-radius: 8px;
  -webkit-box-shadow: inset 0px -3px 3px 0px rgba(255, 255, 255, 0.2);
          box-shadow: inset 0px -3px 3px 0px rgba(255, 255, 255, 0.2);
}
.iphone-x b {
  left: 10%;
  top: 0px;
  -webkit-transform: translate(180px, 4px);
          transform: translate(180px, 4px);
  width: 12px;
  height: 12px;
  background-color: #000;
  border-radius: 12px;
  -webkit-box-shadow: inset 0px -3px 2px 0px rgba(255, 255, 255, 0.2);
          box-shadow: inset 0px -3px 2px 0px rgba(255, 255, 255, 0.2);
}
.iphone-x b:after {
  content: "";
  position: absolute;
  background-color: rgba(139, 21, 56, 0.5);
  width: 6px;
  height: 6px;
  top: 2px;
  left: 2px;
  top: 3px;
  left: 3px;
  display: block;
  border-radius: 4px;
  -webkit-box-shadow: inset 0px -2px 2px rgba(0, 0, 0, 0.5);
          box-shadow: inset 0px -2px 2px rgba(0, 0, 0, 0.5);
}
.iphone-x s {
  top: 50px;
  text-align: center;
  text-decoration: none;
  width: 100%;
  font-size: 70px;
  font-weight: 100;
  padding-top: 60px;
}
.iphone-x span {
  bottom: 50px;
  width: 40px;
  height: 40px;
  background-color: rgba(0, 0, 0, 0.3);
  border-radius: 50%;
  left: 30px;
}
.iphone-x span + span {
  left: auto;
  right: 30px;
}

.iphone-x.iphone-x-small {
  margin: 40px auto;
  width: 300px;
  height: 600px;
}

.iphone-x.iphone-x-half {
  height: 300px;
  background-image: url(../images/mockup/app-placeholder3.jpg);
}

@media (max-width: 575.98px) {
  .iphone-x, .iphone-x.iphone-x-small {
    width: 260px;
    height: 540px;
    background-size: 100%;
  }

  .iphone-x.iphone-x-half {
    width: 240px;
    height: 280px;
    background-size: 100%;
  }
  .iphone-x b {
    left: -6%;
  }
}
.mac_container {
  width: 100%;
  margin: 10px auto;
}

.mac_scaler {
  margin: auto;
  width: 100%;
  padding-top: 57.875%;
  height: 0px;
  position: relative;
}

.mac_holder {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
}

.mac_screen {
  margin: auto;
  background: #14191e;
  width: 86%;
  height: 100%;
  border-top-left-radius: 2% 3%;
  border-top-right-radius: 2% 3%;
  border-bottom-left-radius: 5% 3%;
  border-bottom-right-radius: 5% 3%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 3%;
  position: relative;
  overflow: hidden;
  border: 1px solid #eef0f2;
}
.mac_screen:before {
  content: "";
  position: absolute;
  right: 0.3%;
  top: 0.5%;
  width: 36.5%;
  height: 35%;
  border: 1px solid #14191e;
  border-bottom: none;
  border-left: none;
  border-top-right-radius: 4.5% 7%;
}
.mac_screen:after {
  content: "";
  position: absolute;
  right: -25%;
  top: -25%;
  width: 40%;
  height: 150%;
  background: rgba(238, 240, 242, 0.2);
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.2)), color-stop(40%, rgba(238, 240, 242, 0)));
  background: linear-gradient(rgba(255, 255, 255, 0.2), rgba(238, 240, 242, 0) 40%);
  -webkit-transform: rotate(-30deg);
          transform: rotate(-30deg);
}

.mac_camera {
  background: #333;
  border-radius: 50%;
  width: 1%;
  height: 1.5%;
  position: absolute;
  left: 49.5%;
  top: 2%;
}
.mac_camera:after {
  content: "";
  position: absolute;
  left: 35%;
  top: 40%;
  width: 30%;
  height: 30%;
  border-radius: 50%;
  background: #777;
}

.mac_bottom {
  background: #e9e9e9;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #ccc), to(#444));
  background: linear-gradient(#ccc 50%, #444);
  width: 100%;
  height: 3%;
  position: relative;
  top: -1.7%;
  border-bottom-left-radius: 6% 50%;
  border-bottom-right-radius: 6% 50%;
}

.mac_bottom_top_half {
  width: 100%;
  height: 50%;
  background: #e9e9e9;
  background: -webkit-gradient(linear, left top, right top, from(#aaa), color-stop(0.5%, #f3f3f3), color-stop(2.5%, #aaa), color-stop(5.5%, #f3f3f3), color-stop(94.5%, #f3f3f3), color-stop(97.5%, #aaa), color-stop(99.5%, #f3f3f3), to(#aaa));
  background: linear-gradient(90deg, #aaa, #f3f3f3 0.5%, #aaa 2.5%, #f3f3f3 5.5%, #f3f3f3 94.5%, #aaa 97.5%, #f3f3f3 99.5%, #aaa);
}

.mac_bottom:after {
  content: "";
  position: absolute;
  right: 1%;
  bottom: 11%;
  width: 98%;
  height: 0%;
  -webkit-box-shadow: 1px 0px 8px 1px #333;
          box-shadow: 1px 0px 8px 1px #333;
}

.mac_thumb_space {
  background: #bbb;
  background: radial-gradient(90% 150% at 50% 1%, #eee 49%, #888);
  margin: auto;
  width: 15%;
  height: 60%;
  border-bottom-left-radius: 8% 100%;
  border-bottom-right-radius: 8% 100%;
}

.mac_screen_content {
  width: 100%;
  height: 100%;
  text-align: center;
}

.flatpickr-calendar {
  background: #fff;
  border-color: #fff;
  -webkit-box-shadow: 0px 0px 20px rgba(93, 83, 84, 0.15);
          box-shadow: 0px 0px 20px rgba(93, 83, 84, 0.15);
}

.flatpickr-current-month .flatpickr-monthDropdown-months, .flatpickr-current-month .flatpickr-monthDropdown-months .flatpickr-monthDropdown-month {
  background: #fff;
  border-color: rgba(0, 0, 0, 0.1);
}

.flatpickr-calendar.arrowBottom:before, .flatpickr-calendar.arrowBottom:after {
  border-top-color: #fff;
}

.flatpickr-calendar.arrowTop:before, .flatpickr-calendar.arrowTop:after, .flatpickr-current-month .numInputWrapper span.arrowUp:after {
  border-bottom-color: #fff;
}

.flatpickr-current-month .numInputWrapper span.arrowDown:after {
  border-top-color: #14191e;
}

.flatpickr-current-month .numInputWrapper span.arrowUp:after {
  border-bottom-color: #14191e;
}

.flatpickr-months {
  position: relative;
}

.flatpickr-months .flatpickr-prev-month, .flatpickr-months .flatpickr-next-month {
  border-radius: 0.4rem;
  margin: 3px;
  width: 30px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  padding: 0;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.flatpickr-months .flatpickr-prev-month svg, .flatpickr-months .flatpickr-next-month svg {
  height: 12px;
  width: 12px;
}
.flatpickr-months .flatpickr-prev-month:hover, .flatpickr-months .flatpickr-next-month:hover {
  background: rgba(139, 21, 56, 0.1);
}
.flatpickr-months .flatpickr-prev-month:hover svg, .flatpickr-months .flatpickr-next-month:hover svg {
  fill: #8b1538;
}

.flatpickr-day, span.flatpickr-weekday, .flatpickr-months .flatpickr-month {
  color: #14191e;
}

.flatpickr-day.flatpickr-disabled, .flatpickr-day.flatpickr-disabled:hover, .flatpickr-day.prevMonthDay, .flatpickr-day.nextMonthDay, .flatpickr-day.notAllowed, .flatpickr-day.notAllowed.prevMonthDay, .flatpickr-day.notAllowed.nextMonthDay {
  color: rgba(20, 25, 30, 0.3);
}

.flatpickr-months .flatpickr-prev-month, .flatpickr-months .flatpickr-next-month {
  fill: #14191e;
}

.flatpickr-day.today, .flatpickr-day.today:hover, .flatpickr-day.today:focus {
  background: rgba(139, 21, 56, 0.1);
  color: #8b1538;
  border-color: rgba(139, 21, 56, 0.1);
}

.flatpickr-day.selected, .flatpickr-day.startRange, .flatpickr-day.endRange, .flatpickr-day.selected.inRange, .flatpickr-day.startRange.inRange, .flatpickr-day.endRange.inRange, .flatpickr-day.selected:focus, .flatpickr-day.startRange:focus, .flatpickr-day.endRange:focus, .flatpickr-day.selected:hover, .flatpickr-day.startRange:hover, .flatpickr-day.endRange:hover, .flatpickr-day.selected.prevMonthDay, .flatpickr-day.startRange.prevMonthDay, .flatpickr-day.endRange.prevMonthDay, .flatpickr-day.selected.nextMonthDay, .flatpickr-day.startRange.nextMonthDay, .flatpickr-day.endRange.nextMonthDay {
  background: #8b1538;
  color: #fff;
  border-color: #8b1538;
}

.flatpickr-day.inRange, .flatpickr-day.prevMonthDay.inRange, .flatpickr-day.nextMonthDay.inRange, .flatpickr-day:hover, .flatpickr-day.prevMonthDay:hover, .flatpickr-day.nextMonthDay:hover, .flatpickr-day:focus, .flatpickr-day.prevMonthDay:focus, .flatpickr-day.nextMonthDay:focus {
  background: #eef0f2;
  border-color: #eef0f2;
  color: #14191e;
}

.flatpickr-day.today.inRange, .flatpickr-day.prevMonthDay.today.inRange, .flatpickr-day.nextMonthDay.today.inRange {
  background: rgba(139, 21, 56, 0.1);
  color: #8b1538;
  border-color: rgba(139, 21, 56, 0.1);
}

.flatpickr-day.inRange {
  -webkit-box-shadow: -5px 0 0 #eef0f2, 5px 0 0 #eef0f2;
          box-shadow: -5px 0 0 #eef0f2, 5px 0 0 #eef0f2;
}

.flatpickr-day.selected.startRange + .endRange:not(:nth-child(7n+1)), .flatpickr-day.startRange.startRange + .endRange:not(:nth-child(7n+1)), .flatpickr-day.endRange.startRange + .endRange:not(:nth-child(7n+1)) {
  -webkit-box-shadow: -10px 0 0 #8b1538;
          box-shadow: -10px 0 0 #8b1538;
}

.flatpickr-input:disabled, .flatpickr-input[readonly] {
  background-color: #fff;
}

.flatpickr-time input:hover, .flatpickr-time .flatpickr-am-pm:hover, .flatpickr-time input:focus, .flatpickr-time .flatpickr-am-pm:focus {
  background: #eef0f2;
}

.flatpickr-calendar.hasTime .flatpickr-time {
  border-top-color: rgba(0, 0, 0, 0.1);
}

.flatpickr-current-month {
  font-size: 120%;
  padding: 9.48px 0 0 0;
  border-radius: 0.4rem;
}

@media (max-width: 575.98px) {
  .flatpickr-calendar, .flatpickr-days, .dayContainer {
    width: 100%;
    min-width: 100%;
    max-width: 100%;
  }
}
.DLEPush {
	z-index: 2001;
	position: fixed;
	right: 20px;
	top: 20px
}

@keyframes DLEPush-show {
	0% {
		transform: translateY(100%);
		opacity: 0;
	}

	100% {
		transform: translateY(0);
		opacity: 1;
	}
}

.DLEPush-notification.wrapper {
	animation-name: DLEPush-show;
	animation-duration: 1s;
	position: relative;
	display: grid;
	grid-template-columns: auto 1fr;
	align-items: center;
	color: #333;
	margin-bottom: 10px;
	width: 100%;
	max-width: 400px;
	box-shadow: 0 10px 15px rgb(0 0 0 / 20%);
	background-color: #fff;
	border-radius: 10px
}

.DLEPush-notification .DLEPush-icon {
	grid-column: 1;
	grid-row: 1 / span 2;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #fff;
	width: 45px;
	height: 100%;
	border-top-left-radius: 10px;
	border-bottom-left-radius: 10px;
	text-align: center;
}

.DLEPush-notification .DLEPush-icon svg {
	scale: .8;
}

.DLEPush-notification .DLEPush-header {
	font-weight: 500;
	grid-column: 2;
	grid-row: 1;
	font-size: 1rem;
	margin-left: 1rem;
	margin-top: .5rem;
}
.DLEPush-notification .DLEPush-header:empty {
	margin-top: 0;
}

.DLEPush-notification .DLEPush-message {
	grid-column: 2;
	grid-row: 2;
	font-size: .875rem;
	margin: 1rem;
}

.DLEPush-notification .DLEPush-message li, .DLEPush-notification .DLEPush-message ul {
	list-style-type: none;
	padding-left: 0;
}

.DLEPush-notification .DLEPush-close {
	position: absolute;
	top: 8px;
	right: 10px;
	font-weight: 300;
	background: none;
	border: 0;
	font-size: 1.15rem;
	cursor: pointer;
	line-height: 1;
	padding: 0;
	color: inherit;
	outline: 0;
	opacity: 0.75;
}

@media only screen and (min-width: 601px) {
	.DLEPush-notification.wrapper {
		min-width: 400px;
	}
}

.DLEPush-notification .DLEPush-close:hover {
	opacity: 1;
}

.DLEPush-notification.wrapper.push-success {
	background-color: #e0f2f1;
}

.DLEPush-notification.wrapper.push-success .DLEPush-icon {
	background-color: #00897b;
}

.DLEPush-notification.wrapper.push-warning {
	background-color: #FFF3E0;
}

.DLEPush-notification.wrapper.push-warning .DLEPush-icon {
	background-color: #FF9800;
}

.DLEPush-notification.wrapper.push-error {
	background-color: #FBE9E7;
}

.DLEPush-notification.wrapper.push-error .DLEPush-icon {
	background-color: #FF5722;
}

input[type="text"].comments_author_field {
	width: 100%;
	margin-bottom: 10px;
}

/* --- turkmod-shell.css --- */
html[data-public-theme="turkmod"] {
  --t-primary: #8b1538;
  --t-primary-hover: #70102d;
  --t-primary-soft: rgba(139, 21, 56, .11);
  --t-primary-ring: rgba(139, 21, 56, .24);
  --t-bg: #eff2f6;
  --t-surface: #ffffff;
  --t-surface-muted: #f7f8fa;
  --t-border: #dde3eb;
  --t-text: #14191e;
  --t-muted: #777d8e;
  --t-radius: 8px;
  --t-gap: 24px;
  --t-header-height: 58px;
  --t-stack-gap: 8px;
  --bs-blue: #8b1538;
  --bs-primary: #8b1538;
  --bs-info: #8b1538;
  --bs-primary-rgb: 139, 21, 56;
  --bs-info-rgb: 139, 21, 56;
  --primary: #8b1538;
  --primary-dark: #70102d;
  --brand-accent: #8b1538;
  --brand-accent-hover: #70102d;
  --brand-accent-alpha-10: rgba(139, 21, 56, .10);
  --brand-accent-alpha-16: rgba(139, 21, 56, .16);
  --brand-accent-alpha-20: rgba(139, 21, 56, .20);
  --brand-accent-alpha-30: rgba(139, 21, 56, .30);
  --theme-info: #8b1538;
  --theme-info-soft: rgba(139, 21, 56, .12);
  --ui-surface: #ffffff;
  --ui-surface-muted: #f7f8fa;
  --ui-border: #dde3eb;
  --ui-ring: 0 0 0 3px rgba(139, 21, 56, .18);
  --text: #14191e;
  --text-dim: #777d8e;
  --on-primary: #ffffff;
  --theme-on-accent: #ffffff;
}

html[data-public-theme="turkmod"][data-theme="dark"] {
  --t-bg: #11141a;
  --t-surface: #151820;
  --t-surface-muted: #1b1f28;
  --t-border: #272c37;
  --t-text: #f6f7fb;
  --t-muted: #a2a7b4;
  --t-primary-soft: rgba(139, 21, 56, .24);
  --bs-body-bg: #11141a;
  --bs-body-color: #a2a7b4;
  --bs-secondary-color: #a2a7b4;
  --ui-surface: #151820;
  --ui-surface-muted: #1b1f28;
  --ui-border: #272c37;
  --text: #f6f7fb;
  --text-dim: #a2a7b4;
}

html[data-public-theme="turkmod"] body {
  background: var(--t-bg);
  color: var(--t-muted);
}

html[data-public-theme="turkmod"] body,
html[data-public-theme="turkmod"] .shell,
html[data-public-theme="turkmod"] .site-header,
html[data-public-theme="turkmod"] .site-main,
html[data-public-theme="turkmod"] .card,
html[data-public-theme="turkmod"] .widget,
html[data-public-theme="turkmod"] .content-area .widget,
html[data-public-theme="turkmod"] .content-area .feed-card,
html[data-public-theme="turkmod"] .content-area .category-header,
html[data-public-theme="turkmod"] .crumb,
html[data-public-theme="turkmod"] .form-control,
html[data-public-theme="turkmod"] .btn {
  transition:
    background-color .22s ease,
    color .22s ease,
    border-color .22s ease,
    box-shadow .22s ease;
}

@media (prefers-reduced-motion: reduce) {
  html[data-public-theme="turkmod"] *,
  html[data-public-theme="turkmod"] *::before,
  html[data-public-theme="turkmod"] *::after {
    transition-duration: .01ms !important;
    animation-duration: .01ms !important;
    animation-iteration-count: 1 !important;
  }
}

html[data-public-theme="turkmod"] a {
  color: inherit;
  text-decoration: none;
}

html[data-public-theme="turkmod"] a:hover {
  color: var(--t-primary);
}

html[data-public-theme="turkmod"] .shell {
  min-height: 100vh;
}

html[data-public-theme="turkmod"] .container {
  width: 100%;
  max-width: 1400px;
}

html[data-public-theme="turkmod"] .site-header {
  min-height: 58px;
  border-bottom: 1px solid rgba(20, 25, 30, .08);
  background: var(--t-surface) !important;
  box-shadow: none;
}

html[data-public-theme="turkmod"][data-theme="dark"] .site-header {
  border-bottom-color: #222733;
  background: #101217 !important;
}

html[data-public-theme="turkmod"] .site-header .navbar {
  min-height: 58px;
  padding: 0;
}

html[data-public-theme="turkmod"] .site-header .container {
  max-width: 1400px;
  gap: 18px;
  flex-wrap: nowrap;
}

html[data-public-theme="turkmod"] .site-header form {
  width: min(320px, 27vw);
}

html[data-public-theme="turkmod"] .site-header .navbar-collapse {
  min-width: 0;
  gap: 20px;
}

html[data-public-theme="turkmod"] .site-header .navbar-collapse > .nav {
  flex: 0 0 320px;
  min-width: 250px;
  padding-right: 0 !important;
  padding-left: 0 !important;
}

html[data-public-theme="turkmod"] .site-header .navbar-nav {
  flex-wrap: nowrap;
  gap: 2px;
  white-space: nowrap;
}

html[data-public-theme="turkmod"] .site-header .container > ul.nav {
  flex: 0 0 auto;
  margin-left: 14px !important;
}

html[data-public-theme="turkmod"] .site-header .form-control {
  min-height: 40px;
  border: 1px solid transparent;
  border-radius: 7px;
  background: #eef1f5 !important;
  color: var(--t-text);
  box-shadow: none;
}

html[data-public-theme="turkmod"][data-theme="dark"] .site-header .form-control {
  background: #1d222c !important;
  color: var(--t-text);
}

html[data-public-theme="turkmod"] .site-header .navbar-nav .nav-link {
  padding-right: 13px;
  padding-left: 13px;
  color: #686e7c;
  font-weight: 700;
}

html[data-public-theme="turkmod"][data-theme="dark"] .site-header .navbar-nav .nav-link {
  color: #c0c4ce;
}

html[data-public-theme="turkmod"] .site-header .navbar-nav .nav-link:hover,
html[data-public-theme="turkmod"] .site-header .navbar-nav .nav-link:focus {
  color: var(--t-primary);
}

html[data-public-theme="turkmod"] .site-main {
  padding-top: var(--t-header-height);
  padding-bottom: 34px;
  background: var(--t-bg);
}

html[data-public-theme="turkmod"] body.topic-detail-page #main-content.site-main {
  padding-top: var(--t-header-height) !important;
  padding-bottom: 34px !important;
  background: var(--t-bg);
}

html[data-public-theme="turkmod"] .grid {
  display: grid;
  grid-template-columns: 276px minmax(0, 800px) 276px;
  justify-content: center;
  gap: var(--t-gap);
  align-items: start;
}

html[data-public-theme="turkmod"] .container,
html[data-public-theme="turkmod"] .layout,
html[data-public-theme="turkmod"] .content,
html[data-public-theme="turkmod"] .sidebar {
  min-width: 0;
}

html[data-public-theme="turkmod"] .grid--wide {
  grid-template-columns: 276px minmax(0, 800px) 276px;
}

html[data-public-theme="turkmod"] .sidebar-left,
html[data-public-theme="turkmod"] .sidebar-right,
html[data-public-theme="turkmod"] .content-area {
  min-width: 0;
}

html[data-public-theme="turkmod"] .sidebar-left,
html[data-public-theme="turkmod"] .sidebar-right {
  width: auto;
  max-width: none;
  padding: 0;
}

html[data-public-theme="turkmod"] .content-area {
  width: 100%;
  max-width: 100%;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

html[data-public-theme="turkmod"] .content-area .content {
  gap: var(--t-stack-gap);
}

html[data-public-theme="turkmod"] .grid--wide .content-area {
  grid-column: 2;
}

html[data-public-theme="turkmod"] .sidebar-left > .navbar,
html[data-public-theme="turkmod"] .sidebar-right > .row {
  position: static;
  top: auto;
}

html[data-public-theme="turkmod"] .sidebar-left > .navbar {
  display: block;
  padding: 0;
}

html[data-public-theme="turkmod"] .sidebar-right > .row {
  --bs-gutter-x: 0;
  --bs-gutter-y: 18px;
  margin: 0;
}

html[data-public-theme="turkmod"] .sidebar-right > .row > * {
  width: 100%;
  padding-right: 0;
  padding-left: 0;
}

html[data-public-theme="turkmod"] .card,
html[data-public-theme="turkmod"] .widget,
html[data-public-theme="turkmod"] .content-area .feed-card,
html[data-public-theme="turkmod"] .content-area .topic-list-card,
html[data-public-theme="turkmod"] .content-area .widget,
html[data-public-theme="turkmod"] .content-area .category-header,
html[data-public-theme="turkmod"] .content-area .leaderboard-header,
html[data-public-theme="turkmod"] .content-area .leaderboard-controls,
html[data-public-theme="turkmod"] .content-area .leaderboard-table-container {
  border: 1px solid var(--t-border);
  border-radius: var(--t-radius);
  background: var(--t-surface);
  box-shadow: none;
}

html[data-public-theme="turkmod"] .card {
  overflow: hidden;
}

html[data-public-theme="turkmod"] .card-header,
html[data-public-theme="turkmod"] .card-footer {
  border-color: var(--t-border);
  background: transparent;
}

html[data-public-theme="turkmod"] .sidebar-left .card .card-header,
html[data-public-theme="turkmod"] .sidebar-right .card .card-header,
html[data-public-theme="turkmod"] .widget__header,
html[data-public-theme="turkmod"] .sidebar-popular-header,
html[data-public-theme="turkmod"] .topic-panel-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  min-height: 48px;
  padding: 12px 14px !important;
  border-bottom: 1px solid var(--t-border) !important;
  background: var(--t-surface-muted) !important;
  color: var(--t-text);
}

html[data-public-theme="turkmod"] .sidebar-left .card .card-header h5,
html[data-public-theme="turkmod"] .sidebar-right .card .card-header h5,
html[data-public-theme="turkmod"] .widget__header h2,
html[data-public-theme="turkmod"] .widget__header strong,
html[data-public-theme="turkmod"] .sidebar-popular-header h2,
html[data-public-theme="turkmod"] .topic-panel-head h2,
html[data-public-theme="turkmod"] .topic-panel-head strong {
  margin: 0;
  color: var(--t-text);
  font-size: .9rem;
  font-weight: 850;
  line-height: 1.2;
}

html[data-public-theme="turkmod"] .sidebar-left .card .card-body,
html[data-public-theme="turkmod"] .sidebar-right .card .card-body,
html[data-public-theme="turkmod"] .widget__body {
  padding: 14px !important;
}

html[data-public-theme="turkmod"] .widget__body > :last-child {
  margin-bottom: 0;
}

html[data-public-theme="turkmod"] .card-title,
html[data-public-theme="turkmod"] h1,
html[data-public-theme="turkmod"] h2,
html[data-public-theme="turkmod"] h3,
html[data-public-theme="turkmod"] h4,
html[data-public-theme="turkmod"] h5,
html[data-public-theme="turkmod"] h6,
html[data-public-theme="turkmod"] .h1,
html[data-public-theme="turkmod"] .h2,
html[data-public-theme="turkmod"] .h3,
html[data-public-theme="turkmod"] .h4,
html[data-public-theme="turkmod"] .h5,
html[data-public-theme="turkmod"] .h6 {
  color: var(--t-text);
}

html[data-public-theme="turkmod"] .sidebar-left .offcanvas-body {
  padding-top: 0;
}

html[data-public-theme="turkmod"] .sidebar-left .card .h-50px {
  height: 70px !important;
}

html[data-public-theme="turkmod"] .ui-theme-sidebar-cover {
  background-image: url("../images/bg01.png");
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}

html[data-public-theme="turkmod"] .socials {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 10px;
  margin-top: 14px;
}

html[data-public-theme="turkmod"] .socials a {
  display: grid;
  place-items: center;
  width: 38px;
  height: 38px;
  border-radius: 7px;
  background: var(--t-surface-muted);
  color: #858b98;
}

html[data-public-theme="turkmod"] .socials a:hover {
  background: var(--t-primary);
  color: #fff;
}

html[data-public-theme="turkmod"] .nav-link {
  border-radius: 7px;
}

html[data-public-theme="turkmod"] .nav-link-secondary .nav-link,
html[data-public-theme="turkmod"] .sidebar-left .nav-link {
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-height: 32px;
  padding: 4px 0;
  color: var(--t-text);
  font-size: .88rem;
}

html[data-public-theme="turkmod"] .sidebar-left .nav-link img {
  width: 18px;
  height: 18px;
}

html[data-public-theme="turkmod"] .sidebar-left .nav-link:hover {
  color: var(--t-primary);
}

html[data-public-theme="turkmod"] .cat-menu {
  margin: 0;
}

html[data-public-theme="turkmod"] .cat-menu .nav-item {
  min-width: 0;
}

html[data-public-theme="turkmod"] .cat-menu__item--parent + .cat-menu__item--parent {
  margin-top: 1px;
}

html[data-public-theme="turkmod"] .sidebar-left .cat-menu__link {
  gap: 12px;
  min-height: 34px;
  padding: 3px 0;
}

html[data-public-theme="turkmod"] .sidebar-left .cat-menu__link--parent {
  font-size: .88rem;
}

html[data-public-theme="turkmod"] .sidebar-left .cat-menu__link--child {
  min-height: 28px;
  padding: 2px 0;
  font-size: .8rem;
}

html[data-public-theme="turkmod"] .cat-menu__name {
  display: inline-flex;
  align-items: center;
  min-width: 0;
  overflow: hidden;
  color: var(--t-text);
  font-weight: 800;
  line-height: 1.35;
  text-overflow: ellipsis;
  white-space: nowrap;
}

html[data-public-theme="turkmod"] .cat-menu__label {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

html[data-public-theme="turkmod"] .cat-menu__name i {
  flex: 0 0 auto;
  margin-right: 4px;
  color: #8b929d;
  font-size: .78rem;
  line-height: 1;
}

html[data-public-theme="turkmod"] .cat-menu__link--child .cat-menu__name {
  color: #5f6672;
  font-weight: 700;
}

html[data-public-theme="turkmod"] .cat-menu__link--child .cat-menu__name i {
  color: #b2b8c2;
  font-size: .72rem;
}

html[data-public-theme="turkmod"] .cat-menu__count {
  flex: 0 0 auto;
  margin-left: auto;
  color: #c7ccd5;
  font-size: .82rem;
  font-weight: 700;
}

html[data-public-theme="turkmod"] .cat-menu--sidebar .cat-menu__count {
  display: inline-grid;
  place-items: center;
  flex: 0 0 48px;
  justify-self: end;
  min-width: 48px;
  width: 48px;
  max-width: 48px;
  min-height: 24px;
  padding: 0 6px;
  border: 1px solid var(--t-border);
  border-radius: 6px;
  background: var(--t-surface-muted);
  color: var(--t-muted);
  font-size: .75rem;
  font-variant-numeric: tabular-nums;
  font-weight: 800;
  line-height: 1;
  text-align: center;
}

html[data-public-theme="turkmod"] .cat-menu__link:hover .cat-menu__name,
html[data-public-theme="turkmod"] .cat-menu__link:hover .cat-menu__name i,
html[data-public-theme="turkmod"] .cat-menu__link:hover .cat-menu__count {
  color: var(--t-primary);
}

html[data-public-theme="turkmod"] .cat-menu__children {
  position: relative;
  gap: 2px;
  margin: 0 0 7px 12px;
  padding: 1px 0 2px 13px;
}

html[data-public-theme="turkmod"] .cat-menu__children::before {
  content: "";
  position: absolute;
  top: 4px;
  bottom: 7px;
  left: 0;
  width: 1px;
  background: var(--t-border);
}

html[data-public-theme="turkmod"][data-theme="dark"] .cat-menu__link--child .cat-menu__name {
  color: #c0c4ce;
}

html[data-public-theme="turkmod"] .sidebar-left hr {
  margin: 16px 0;
}

html[data-public-theme="turkmod"] .cat-widget {
  display: grid;
  gap: 12px;
  min-width: 0;
}

html[data-public-theme="turkmod"] .cat-widget__header {
  display: flex;
  align-items: center;
  gap: 9px;
  padding: 0 2px 10px;
  border-bottom: 1px solid var(--t-border);
  color: var(--t-text);
}

html[data-public-theme="turkmod"] .cat-widget__header h2 {
  margin: 0;
  font-size: .9rem;
  font-weight: 850;
  line-height: 1.2;
}

html[data-public-theme="turkmod"] .cat-widget__icon {
  display: inline-grid;
  place-items: center;
  width: 28px;
  height: 28px;
  border-radius: 6px;
  background: var(--t-primary-soft);
  color: var(--t-primary);
  font-size: .82rem;
}

html[data-public-theme="turkmod"] .cat-widget__body {
  display: grid;
  gap: 10px;
  min-width: 0;
  width: 100%;
}

html[data-public-theme="turkmod"] .cat-widget__more {
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
  min-height: 36px;
  margin-top: 4px;
  padding: 0 11px;
  border: 1px solid transparent;
  border-radius: 6px;
  background: var(--t-primary-soft);
  color: var(--t-primary);
  font-size: .82rem;
  font-weight: 800;
  transition: color .18s ease, background .18s ease, border-color .18s ease;
}

html[data-public-theme="turkmod"] .cat-widget__more i {
  transition: transform .18s ease;
}

html[data-public-theme="turkmod"] .cat-widget__more:hover,
html[data-public-theme="turkmod"] .cat-widget__more:focus-visible {
  background: var(--t-primary);
  color: #fff;
}

html[data-public-theme="turkmod"] .cat-widget__more:hover i,
html[data-public-theme="turkmod"] .cat-widget__more:focus-visible i {
  transform: translateX(2px);
}

html[data-public-theme="turkmod"][data-theme="dark"] .cat-widget__icon,
html[data-public-theme="turkmod"][data-theme="dark"] .cat-widget__more,
html[data-public-theme="turkmod"][data-theme="dark"] .cat-menu__toggle[aria-expanded="true"],
html[data-public-theme="turkmod"][data-theme="dark"] .cat-menu--sidebar .cat-menu__item.is-active > .cat-menu__row .cat-menu__name,
html[data-public-theme="turkmod"][data-theme="dark"] .cat-menu--sidebar .cat-menu__item.is-active > .cat-menu__row .cat-menu__name i,
html[data-public-theme="turkmod"][data-theme="dark"] .cat-menu--sidebar .cat-menu__item.is-active > .cat-menu__row .cat-menu__count,
html[data-public-theme="turkmod"][data-theme="dark"] .cat-menu--sidebar .cat-menu__item.has-active-child > .cat-menu__row .cat-menu__name,
html[data-public-theme="turkmod"][data-theme="dark"] .cat-menu--sidebar .cat-menu__item.has-active-child > .cat-menu__row .cat-menu__name i {
  color: #ef789c;
}

html[data-public-theme="turkmod"] .topic-card .card-header {
  padding: 16px 18px 0;
  background: transparent;
}

html[data-public-theme="turkmod"] .topic-card .card-body {
  padding: 18px;
}

html[data-public-theme="turkmod"] .topic-card .h5 {
  margin-bottom: 9px;
  line-height: 1.28;
}

html[data-public-theme="turkmod"] .topic-card p {
  color: var(--t-muted);
  font-size: .9rem;
  line-height: 1.58;
}

html[data-public-theme="turkmod"] .card-img,
html[data-public-theme="turkmod"] .content-area .feed-card img {
  display: block;
  width: 100%;
  height: 220px;
  object-fit: cover;
}

html[data-public-theme="turkmod"] .topic-card .card-img {
  margin-top: 16px !important;
}

html[data-public-theme="turkmod"] .topic-card .nav-stack {
  align-items: center;
  gap: 8px;
}

html[data-public-theme="turkmod"] .mini-topic img {
  width: 54px;
  height: 54px;
  object-fit: cover;
  flex: 0 0 auto;
}

html[data-public-theme="turkmod"] .mini-topic strong,
html[data-public-theme="turkmod"] .comment-item strong {
  color: var(--t-text);
  font-size: .86rem;
  line-height: 1.35;
}

html[data-public-theme="turkmod"] .comment-item:last-child,
html[data-public-theme="turkmod"] .mini-topic:last-of-type {
  margin-bottom: 0 !important;
}

html[data-public-theme="turkmod"] .comment-excerpt {
  display: -webkit-box !important;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

html[data-public-theme="turkmod"] .tag {
  display: inline-flex;
  align-items: center;
  min-height: 30px;
  padding: 5px 10px;
  border: 1px solid var(--t-border);
  border-radius: 5px;
  background: transparent;
  color: var(--t-muted);
  font-size: .78rem;
  font-weight: 700;
  line-height: 1.15;
}

html[data-public-theme="turkmod"] .tag:hover {
  border-color: var(--t-primary);
  background: var(--t-primary);
  color: #fff;
}

html[data-public-theme="turkmod"] .poll-card label {
  display: block;
  margin-bottom: 4px;
  color: var(--t-muted);
  font-size: .86rem;
}

html[data-public-theme="turkmod"] .poll-card input {
  accent-color: var(--t-primary);
}

html[data-public-theme="turkmod"] .poll-actions {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
  margin-top: 14px;
}

html[data-public-theme="turkmod"] .avatar-fallback {
  display: grid;
  place-items: center;
  background: var(--t-primary);
  color: #fff;
  font-weight: 700;
}

html[data-public-theme="turkmod"] .icon-xl {
  display: grid;
  place-items: center;
  width: 4rem;
  height: 4rem;
  border-radius: 50%;
  background: var(--t-primary-soft);
  color: var(--t-primary);
  font-size: 1.8rem;
}

html[data-public-theme="turkmod"] .topic-hero {
  min-height: 330px;
  overflow: hidden;
  border: 0;
  border-radius: var(--t-radius);
}

html[data-public-theme="turkmod"] .topic-hero::before {
  background: linear-gradient(180deg, rgba(0, 0, 0, .06), rgba(0, 0, 0, .76)) !important;
}

html[data-public-theme="turkmod"] .content-area > .container,
html[data-public-theme="turkmod"] .content-area > .breadcrumb-container,
html[data-public-theme="turkmod"] .content-area > .main-layout-container,
html[data-public-theme="turkmod"] .content-area > .category-page-container,
html[data-public-theme="turkmod"] .content-area > .leaderboard-container {
  width: 100%;
  max-width: 100%;
  padding-right: 0;
  padding-left: 0;
}

html[data-public-theme="turkmod"] .content-area .layout,
html[data-public-theme="turkmod"] .content-area .topic-share-layout {
  display: block;
}

html[data-public-theme="turkmod"] .content-area .sidebar,
html[data-public-theme="turkmod"] .content-area .sidebar-left,
html[data-public-theme="turkmod"] .content-area .sidebar-right,
html[data-public-theme="turkmod"] .content-area .topic-sidebar {
  display: none !important;
}

html[data-public-theme="turkmod"] body.topic-detail-page .content-area > .breadcrumb-container {
  display: none !important;
}

html[data-public-theme="turkmod"] body.topic-detail-page .content-area .topic-detail-layout,
html[data-public-theme="turkmod"] body.topic-detail-page .content-area .topic-detail-main {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  margin: 0 !important;
}

html[data-public-theme="turkmod"] body.topic-detail-page .content-area .topic-title-bar,
html[data-public-theme="turkmod"] body.topic-detail-page .content-area .topic-section,
html[data-public-theme="turkmod"] body.topic-detail-page .content-area .topic-carousel,
html[data-public-theme="turkmod"] body.topic-detail-page .content-area .topic-comments-section {
  border: 1px solid var(--t-border) !important;
  border-radius: var(--t-radius) !important;
  background: var(--t-surface) !important;
  box-shadow: none !important;
}

html[data-public-theme="turkmod"] .content-area .filter-bar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 0;
  padding: 16px 18px;
  border: 1px solid var(--t-border);
  border-radius: var(--t-radius);
  background: var(--t-surface);
  box-shadow: none;
}

html[data-public-theme="turkmod"] .content-area .search-result-info {
  margin-bottom: 0;
}

html[data-public-theme="turkmod"] .content-area .filter-bar + .topic-grid,
html[data-public-theme="turkmod"] .content-area .filter-bar + .search-result-info + .topic-grid {
  margin-top: 0 !important;
}

html[data-public-theme="turkmod"] .content-area .filter-tabs {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

html[data-public-theme="turkmod"] .content-area .filter-tabs button {
  padding: 6px 10px;
  border: 0;
  border-radius: 5px;
  background: transparent;
  color: var(--t-muted);
  font-size: .82rem;
  font-weight: 700;
}

html[data-public-theme="turkmod"] .content-area .filter-tabs button.active {
  background: var(--t-primary-soft);
  color: var(--t-primary);
}

html[data-public-theme="turkmod"] .content-area .sort-select {
  width: auto;
  min-width: 150px;
}

html[data-public-theme="turkmod"] .form-control,
html[data-public-theme="turkmod"] .form-select,
html[data-public-theme="turkmod"] input[type="text"],
html[data-public-theme="turkmod"] input[type="email"],
html[data-public-theme="turkmod"] input[type="password"],
html[data-public-theme="turkmod"] input[type="search"],
html[data-public-theme="turkmod"] input[type="url"],
html[data-public-theme="turkmod"] input[type="number"],
html[data-public-theme="turkmod"] textarea,
html[data-public-theme="turkmod"] select {
  border-color: var(--t-border);
  border-radius: 7px;
  background-color: var(--t-surface);
  color: var(--t-text);
  box-shadow: none;
}

html[data-public-theme="turkmod"] .form-control:focus,
html[data-public-theme="turkmod"] .form-select:focus,
html[data-public-theme="turkmod"] input:focus,
html[data-public-theme="turkmod"] textarea:focus,
html[data-public-theme="turkmod"] select:focus {
  border-color: var(--t-primary);
  box-shadow: var(--ui-ring);
}

html[data-public-theme="turkmod"] .btn-primary,
html[data-public-theme="turkmod"] .bg-primary,
html[data-public-theme="turkmod"] .page-item.active .page-link,
html[data-public-theme="turkmod"] .nav-pills .nav-link.active,
html[data-public-theme="turkmod"] .dropdown-item.active,
html[data-public-theme="turkmod"] .dropdown-item:active {
  border-color: var(--t-primary) !important;
  background-color: var(--t-primary) !important;
  color: #fff !important;
}

html[data-public-theme="turkmod"] .btn-primary:hover,
html[data-public-theme="turkmod"] .btn-primary:focus {
  border-color: var(--t-primary-hover) !important;
  background-color: var(--t-primary-hover) !important;
}

html[data-public-theme="turkmod"] .btn-primary-soft,
html[data-public-theme="turkmod"] .btn-primary-soft-hover:hover,
html[data-public-theme="turkmod"] .btn-secondary-soft,
html[data-public-theme="turkmod"] .alert-primary {
  border-color: transparent !important;
  background-color: var(--t-primary-soft) !important;
  color: var(--t-primary) !important;
}

html[data-public-theme="turkmod"] .text-primary,
html[data-public-theme="turkmod"] .link-primary,
html[data-public-theme="turkmod"] .btn-link,
html[data-public-theme="turkmod"] .page-link {
  color: var(--t-primary) !important;
}

html[data-public-theme="turkmod"] .border-primary {
  border-color: var(--t-primary) !important;
}

html[data-public-theme="turkmod"] .form-check-input:checked {
  border-color: var(--t-primary);
  background-color: var(--t-primary);
}

html[data-public-theme="turkmod"] .progress-bar,
html[data-public-theme="turkmod"] .badge-notif {
  background-color: var(--t-primary) !important;
}

html[data-public-theme="turkmod"] .content-area .ui-events-breadcrumb.container {
  width: 100%;
  max-width: 100%;
  margin-top: 0;
  padding-right: 0;
  padding-left: 0;
}

html[data-public-theme="turkmod"] .content-area .ui-events-page {
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 0 0 8px !important;
}

html[data-public-theme="turkmod"] .content-area .ui-events-page *,
html[data-public-theme="turkmod"] .content-area .ui-events-page *::before,
html[data-public-theme="turkmod"] .content-area .ui-events-page *::after {
  box-sizing: border-box;
}

html[data-public-theme="turkmod"] .content-area .ui-events-hero,
html[data-public-theme="turkmod"] .content-area .ui-events-grid,
html[data-public-theme="turkmod"] .content-area .ui-events-grid-compact {
  max-width: 100%;
}

html[data-public-theme="turkmod"] .content-area .ui-events-hero {
  grid-template-columns: minmax(0, 1.35fr) minmax(240px, .65fr);
}

html[data-public-theme="turkmod"] .content-area .ui-events-panel,
html[data-public-theme="turkmod"] .content-area .ui-events-hero-main,
html[data-public-theme="turkmod"] .content-area .ui-events-profile-card,
html[data-public-theme="turkmod"] .content-area .ui-events-mini-panel {
  border-color: var(--t-border);
  border-radius: var(--t-radius);
  background: var(--t-surface);
  box-shadow: none;
}

html[data-public-theme="turkmod"] .content-area .ui-events-title {
  color: var(--t-text);
}

html[data-public-theme="turkmod"] .content-area .ui-events-eyebrow,
html[data-public-theme="turkmod"] .content-area .ui-events-nav-link.is-active,
html[data-public-theme="turkmod"] .content-area .ui-events-tab-button.is-active,
html[data-public-theme="turkmod"] .content-area .ui-events-btn-primary {
  border-color: var(--t-primary) !important;
  background: var(--t-primary) !important;
  color: #fff !important;
}

@media (max-width: 1199.98px) {
  html[data-public-theme="turkmod"] .container {
    max-width: 1140px;
  }

  html[data-public-theme="turkmod"] .grid {
    grid-template-columns: 240px minmax(0, 1fr) 240px;
    gap: 20px;
  }

  html[data-public-theme="turkmod"] .grid--wide {
    grid-template-columns: 240px minmax(0, 1fr) 240px;
  }
}

@media (max-width: 991.98px) {
  html[data-public-theme="turkmod"] {
    --t-header-height: 123px;
  }

  html[data-public-theme="turkmod"] .site-header,
  html[data-public-theme="turkmod"] .site-header .navbar {
    min-height: var(--t-header-height);
  }

  html[data-public-theme="turkmod"] .site-main {
    padding-top: var(--t-header-height);
  }

  html[data-public-theme="turkmod"] body.topic-detail-page #main-content.site-main {
    padding-top: var(--t-header-height) !important;
  }

  html[data-public-theme="turkmod"] .site-header .navbar {
    padding: 8px 0;
  }

  html[data-public-theme="turkmod"] .site-header form {
    width: 100%;
  }

  html[data-public-theme="turkmod"] .site-header .navbar-collapse {
    gap: 12px;
  }

  html[data-public-theme="turkmod"] .site-header .navbar-collapse > .nav {
    flex: 1 1 auto;
    width: 100%;
    min-width: 0;
  }

  html[data-public-theme="turkmod"] .site-header .navbar-nav {
    flex-wrap: wrap;
    white-space: normal;
  }

  html[data-public-theme="turkmod"] .grid,
  html[data-public-theme="turkmod"] .grid--wide {
    grid-template-columns: minmax(0, 1fr);
    justify-content: stretch;
  }

  html[data-public-theme="turkmod"] .grid--wide .content-area {
    grid-column: auto;
  }

  html[data-public-theme="turkmod"] .sidebar-left,
  html[data-public-theme="turkmod"] .sidebar-right {
    width: 100%;
  }

  html[data-public-theme="turkmod"] .sidebar-left .offcanvas {
    width: min(330px, 92vw);
  }

  html[data-public-theme="turkmod"] .sidebar-left > .navbar > .offcanvas:not(.show) {
    display: none;
  }

  html[data-public-theme="turkmod"] .content-area .ui-events-hero {
    grid-template-columns: minmax(0, 1fr);
  }
}

@media (max-width: 767.98px) {
  html[data-public-theme="turkmod"] .container {
    padding-right: 14px;
    padding-left: 14px;
  }

  html[data-public-theme="turkmod"] .site-main {
    padding-top: var(--t-header-height);
  }

  html[data-public-theme="turkmod"] body.topic-detail-page #main-content.site-main {
    padding-top: var(--t-header-height) !important;
  }

  html[data-public-theme="turkmod"] .content-area .filter-bar {
    align-items: stretch;
    flex-direction: column;
  }

  html[data-public-theme="turkmod"] .content-area .sort-select {
    width: 100%;
  }

  html[data-public-theme="turkmod"] .card-img,
  html[data-public-theme="turkmod"] .content-area .feed-card img {
    height: 190px;
  }

  html[data-public-theme="turkmod"] .topic-hero {
    min-height: 260px;
  }
}

@media (max-width: 575.98px) {
  html[data-public-theme="turkmod"] .site-header .container > ul.nav {
    display: none;
  }

  html[data-public-theme="turkmod"] .topic-card .nav-stack {
    align-items: stretch;
    flex-direction: column;
  }

  html[data-public-theme="turkmod"] .topic-card .nav-stack .ms-sm-auto {
    margin-left: 0 !important;
  }
}

/* TurkMod TurkMod integration layer */
html[data-public-theme="turkmod"] .header__logo {
  display: inline-grid;
  place-items: center;
  flex: 0 0 auto;
  width: 38px;
  height: 38px;
  border-radius: 7px;
  background: var(--t-primary);
  color: #fff;
  font-size: 1.05rem;
}

html[data-public-theme="turkmod"] .header__logo:hover,
html[data-public-theme="turkmod"] .header__logo:focus {
  color: #fff;
  background: var(--t-primary-hover);
}

html[data-public-theme="turkmod"] .site-header .navbar-collapse {
  flex: 1 1 auto;
}

html[data-public-theme="turkmod"] .site-header .navbar-nav {
  margin-right: auto;
  margin-left: 0 !important;
}

html[data-public-theme="turkmod"] .header__search {
  flex: 0 1 300px;
  min-width: 220px;
  margin-left: auto !important;
}

html[data-public-theme="turkmod"] .header__search form {
  width: 100%;
}

html[data-public-theme="turkmod"] .site-header .container > ul.nav {
  margin-left: 10px !important;
}

html[data-public-theme="turkmod"] .site-header .dropdown-menu {
  border: 1px solid var(--t-border);
  border-radius: var(--t-radius);
  background: var(--t-surface);
  box-shadow: 0 18px 45px rgba(15, 23, 42, .12);
}

html[data-public-theme="turkmod"][data-theme="dark"] .site-header .dropdown-menu {
  box-shadow: 0 18px 45px rgba(0, 0, 0, .34);
}

html[data-public-theme="turkmod"] .user-dropdown {
  min-width: 210px;
  padding: 8px;
}

html[data-public-theme="turkmod"] .user-dropdown .dropdown-item {
  display: flex;
  align-items: center;
  gap: 10px;
  min-height: 36px;
  border-radius: 6px;
  color: var(--t-text);
  font-size: .88rem;
  font-weight: 700;
}

html[data-public-theme="turkmod"] .user-dropdown .dropdown-item:hover,
html[data-public-theme="turkmod"] .user-dropdown .dropdown-item:focus {
  background: var(--t-primary-soft);
  color: var(--t-primary);
}

html[data-public-theme="turkmod"] .grid--focus {
  grid-template-columns: minmax(0, 1fr);
}

html[data-public-theme="turkmod"] .grid--focus .content-area {
  grid-column: 1;
}

html[data-public-theme="turkmod"] .site-main--focus .content-area > .container,
html[data-public-theme="turkmod"] .site-main--focus .content-area > .container,
html[data-public-theme="turkmod"] .site-main--focus .content-area > .profile-page-shell,
html[data-public-theme="turkmod"] .site-main--focus .content-area > .profile-shell,
html[data-public-theme="turkmod"] .site-main--focus .content-area > .notifications-shell,
html[data-public-theme="turkmod"] .site-main--focus .content-area > .ui-events-page,
html[data-public-theme="turkmod"] .site-main--focus .content-area > .leaderboard-container {
  width: 100% !important;
  max-width: 100% !important;
  margin-right: 0 !important;
  margin-left: 0 !important;
  padding-right: 0 !important;
  padding-left: 0 !important;
}

html[data-public-theme="turkmod"] .crumb-wrap {
  margin-top: var(--t-stack-gap);
  margin-bottom: var(--t-stack-gap);
}

html[data-public-theme="turkmod"] .crumb {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
  min-height: 42px;
  margin: 0;
  padding: 9px 12px;
  border: 1px solid var(--t-border);
  border-radius: var(--t-radius);
  background: var(--t-surface-muted);
  color: var(--t-muted);
  font-size: .86rem;
  font-weight: 700;
}

html[data-public-theme="turkmod"] .crumb a,
html[data-public-theme="turkmod"] .crumb span {
  display: inline-flex;
  align-items: center;
  gap: 6px;
}

html[data-public-theme="turkmod"] .crumb a {
  color: var(--t-muted);
}

html[data-public-theme="turkmod"] .crumb a:hover {
  color: var(--t-primary);
}

html[data-public-theme="turkmod"] .crumb span[aria-current="page"] {
  color: var(--t-text);
}

html[data-public-theme="turkmod"] .content-area > .breadcrumb-container,
html[data-public-theme="turkmod"] .content-area > .topic-breadcrumb,
html[data-public-theme="turkmod"] .content-area > nav.topic-breadcrumb,
html[data-public-theme="turkmod"] .content-area .ui-events-breadcrumb.container {
  display: none !important;
}

html[data-public-theme="turkmod"] .nav-link-secondary .nav-link,
html[data-public-theme="turkmod"] .sidebar-left .nav-link {
  justify-content: flex-start;
  gap: 8px;
}

html[data-public-theme="turkmod"] .sidebar-left .nav-link span {
  min-width: 0;
}

html[data-public-theme="turkmod"] .cat-menu {
  max-width: 100%;
  min-width: 0;
  width: 100%;
}

html[data-public-theme="turkmod"] .cat-menu--sidebar .cat-menu__item {
  max-width: 100%;
  width: 100%;
}

html[data-public-theme="turkmod"] .cat-menu__row {
  display: flex;
  align-items: center;
  gap: 6px;
  min-width: 0;
  width: 100%;
}

html[data-public-theme="turkmod"] .cat-menu--sidebar .cat-menu__row {
  padding: 2px 4px 2px 8px;
  border: 1px solid transparent;
  border-radius: 6px;
  transition: background .18s ease, border-color .18s ease;
}

html[data-public-theme="turkmod"] .cat-menu--sidebar .cat-menu__trigger {
  appearance: none;
  cursor: pointer;
  background: transparent;
  color: var(--t-text);
  font: inherit;
  font-size: .88rem;
  font-weight: 800;
  text-align: left;
}

html[data-public-theme="turkmod"] .cat-menu--sidebar .cat-menu__trigger,
html[data-public-theme="turkmod"] .cat-menu--sidebar .cat-menu__root-link {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 48px 20px;
  column-gap: 8px;
}

html[data-public-theme="turkmod"] .cat-menu--sidebar .cat-menu__link--child {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 48px;
  column-gap: 8px;
}

html[data-public-theme="turkmod"] .cat-menu--sidebar .cat-menu__trigger:hover {
  border-color: rgba(139, 21, 56, .16);
  background: var(--t-primary-soft);
}

html[data-public-theme="turkmod"] .cat-menu--sidebar .cat-menu__root-link:hover {
  border-color: rgba(139, 21, 56, .16);
  background: var(--t-primary-soft);
}

html[data-public-theme="turkmod"] .cat-menu--sidebar.nav.flex-column .cat-menu__root-link {
  gap: 6px;
  min-height: 32px;
  padding: 2px 4px 2px 8px;
}

html[data-public-theme="turkmod"] .cat-menu--sidebar .cat-menu__trigger:focus-visible {
  outline: 2px solid var(--t-primary-ring);
  outline-offset: 2px;
}

html[data-public-theme="turkmod"] .cat-menu--sidebar .cat-menu__item.is-active > .cat-menu__row,
html[data-public-theme="turkmod"] .cat-menu--sidebar .cat-menu__item.has-active-child > .cat-menu__row {
  border-color: rgba(139, 21, 56, .16);
  background: var(--t-primary-soft);
}

html[data-public-theme="turkmod"] .cat-menu__link {
  flex: 1 1 auto;
  min-width: 0;
}

html[data-public-theme="turkmod"] .cat-menu--sidebar .cat-menu__link:focus-visible {
  border-radius: 4px;
  outline: 2px solid var(--t-primary-ring);
  outline-offset: 2px;
}

html[data-public-theme="turkmod"] .cat-menu--sidebar .cat-menu__item.is-active > .cat-menu__row .cat-menu__name,
html[data-public-theme="turkmod"] .cat-menu--sidebar .cat-menu__item.is-active > .cat-menu__row .cat-menu__name i,
html[data-public-theme="turkmod"] .cat-menu--sidebar .cat-menu__item.is-active > .cat-menu__row .cat-menu__count,
html[data-public-theme="turkmod"] .cat-menu--sidebar .cat-menu__item.has-active-child > .cat-menu__row .cat-menu__name,
html[data-public-theme="turkmod"] .cat-menu--sidebar .cat-menu__item.has-active-child > .cat-menu__row .cat-menu__name i {
  color: var(--t-primary);
}

html[data-public-theme="turkmod"] .cat-menu__toggle {
  display: inline-grid;
  place-items: center;
  flex: 0 0 auto;
  width: 26px;
  height: 26px;
  border: 0;
  border-radius: 6px;
  background: var(--t-surface-muted);
  color: var(--t-muted);
  transition: color .18s ease, background .18s ease, transform .18s ease;
}

html[data-public-theme="turkmod"] .cat-menu__arrow {
  flex: 0 0 20px;
  width: 20px;
  justify-self: end;
  color: var(--t-muted);
  font-size: .78rem;
  line-height: 1;
  transition: transform .18s ease, color .18s ease;
}

html[data-public-theme="turkmod"] .cat-menu__arrow-spacer {
  flex: 0 0 20px;
  width: 20px;
  height: 20px;
}

html[data-public-theme="turkmod"] .cat-menu__toggle:hover,
html[data-public-theme="turkmod"] .cat-menu__toggle:focus-visible,
html[data-public-theme="turkmod"] .cat-menu__toggle[aria-expanded="true"] {
  background: var(--t-primary-soft);
  color: var(--t-primary);
}

html[data-public-theme="turkmod"] .cat-menu__toggle:focus-visible {
  outline: 2px solid var(--t-primary-ring);
  outline-offset: 2px;
}

html[data-public-theme="turkmod"] .cat-menu__toggle[aria-expanded="true"] i {
  transform: rotate(180deg);
}

html[data-public-theme="turkmod"] .cat-menu__toggle i {
  transition: transform .18s ease;
}

html[data-public-theme="turkmod"] .cat-menu__trigger[aria-expanded="true"] .cat-menu__arrow {
  color: var(--t-primary);
  transform: rotate(90deg);
}

html[data-public-theme="turkmod"] .cat-menu__children[hidden] {
  display: none !important;
}

html[data-public-theme="turkmod"] .cat-menu--sidebar .cat-menu__item.has-active-child > .cat-menu__children::before {
  background: rgba(139, 21, 56, .34);
}

html[data-public-theme="turkmod"] .cat-menu--topbar {
  max-height: min(58vh, 520px);
  overflow: auto;
  padding: 6px;
}

html[data-public-theme="turkmod"] .cat-menu--topbar .cat-menu__row {
  padding: 1px 0;
}

html[data-public-theme="turkmod"] .cat-menu--topbar .cat-menu__link {
  min-height: 34px;
  padding: 5px 8px;
  border-radius: 6px;
  color: var(--t-text);
}

html[data-public-theme="turkmod"] .cat-menu--topbar .cat-menu__link:hover {
  background: var(--t-primary-soft);
  color: var(--t-primary);
}

html[data-public-theme="turkmod"] .cat-dropdown {
  min-width: 300px;
  padding: 8px;
}

html[data-public-theme="turkmod"] .cat-menu__all-link {
  display: flex;
  align-items: center;
  gap: 9px;
  min-height: 36px;
  margin-bottom: 4px;
  border-radius: 6px;
  color: var(--t-text);
  font-weight: 800;
}

html[data-public-theme="turkmod"] .cat-menu__all-link:hover {
  background: var(--t-primary-soft);
  color: var(--t-primary);
}

html[data-public-theme="turkmod"] .cat-menu--topbar .cat-menu__children {
  margin: 0 0 5px 11px;
}

html[data-public-theme="turkmod"] .cat-menu__count {
  margin-left: auto;
}

html[data-public-theme="turkmod"] .modal-content,
html[data-public-theme="turkmod"] .popover,
html[data-public-theme="turkmod"] .toast,
html[data-public-theme="turkmod"] .dropdown-menu {
  border-color: var(--t-border);
  background-color: var(--t-surface);
  color: var(--t-text);
}

html[data-public-theme="turkmod"] .dropdown-item {
  color: var(--t-text);
}

html[data-public-theme="turkmod"] .dropdown-item:hover,
html[data-public-theme="turkmod"] .dropdown-item:focus {
  background-color: var(--t-primary-soft);
  color: var(--t-primary);
}

html[data-public-theme="turkmod"][data-theme="dark"] .text-dark,
html[data-public-theme="turkmod"][data-theme="dark"] .dropdown-item {
  color: var(--t-text) !important;
}

html[data-public-theme="turkmod"] .maintenance-card {
  max-width: 680px;
  margin: 0 auto;
}

html[data-public-theme="turkmod"] .maintenance-icon {
  display: inline-grid;
  place-items: center;
  width: 54px;
  height: 54px;
  margin-bottom: 14px;
  border-radius: 8px;
  background: var(--t-primary-soft);
  color: var(--t-primary);
  font-size: 1.45rem;
}

@media (max-width: 1199.98px) {
  html[data-public-theme="turkmod"] .grid--focus {
    grid-template-columns: minmax(0, 1fr);
  }

  html[data-public-theme="turkmod"] .header__search {
    flex-basis: 260px;
  }
}

@media (max-width: 991.98px) {
  html[data-public-theme="turkmod"] .site-header .container {
    flex-wrap: wrap;
  }

  html[data-public-theme="turkmod"] .header__search {
    order: 4;
    flex: 1 1 100%;
    margin: 8px 0 0 !important;
  }

  html[data-public-theme="turkmod"] .site-header .navbar-collapse {
    order: 5;
    flex-basis: 100%;
  }

  html[data-public-theme="turkmod"] .cat-dropdown {
    min-width: 100%;
  }
}

@media (max-width: 575.98px) {
  html[data-public-theme="turkmod"] .header__search {
    display: flex;
  }
}

html[data-public-theme="turkmod"] .category-atlas-widget .sidebar-category-parent-row {
  display: block !important;
}

html[data-public-theme="turkmod"] .category-atlas-widget .sidebar-category-root-row {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) 48px 28px;
  gap: 6px !important;
  width: 100%;
  min-height: 44px;
  margin: 0;
  align-items: center;
}

html[data-public-theme="turkmod"] .category-atlas-widget button.sidebar-category-root-row {
  appearance: none;
  font: inherit;
  text-align: left;
  cursor: pointer;
}

html[data-public-theme="turkmod"] .category-atlas-widget .sidebar-category-root-row .sidebar-category-count {
  margin-left: 0 !important;
}

html[data-public-theme="turkmod"] .category-atlas-widget .sidebar-category-chevron,
html[data-public-theme="turkmod"] .category-atlas-widget .sidebar-category-chevron-spacer {
  display: inline-grid;
  width: 28px;
  height: 28px;
  place-items: center;
  justify-self: end;
}

html[data-public-theme="turkmod"] .category-atlas-widget .sidebar-category-chevron {
  color: var(--cat-atlas-muted);
  border: 0;
  border-radius: 0;
  background: transparent;
  transition: color .18s ease, transform .18s ease;
}

html[data-public-theme="turkmod"] .category-atlas-widget .sidebar-category-chevron .chevron-icon {
  font-size: .72rem;
  transition: transform .18s ease;
}

html[data-public-theme="turkmod"] .category-atlas-widget .sidebar-category-item.open > .sidebar-category-parent-row .sidebar-category-chevron {
  color: var(--cat-atlas-accent);
}

html[data-public-theme="turkmod"] .category-atlas-widget .sidebar-category-item.open > .sidebar-category-parent-row .sidebar-category-chevron .chevron-icon {
  transform: rotate(90deg);
}

html[data-public-theme="turkmod"] .category-atlas-widget .sidebar-category-count,
html[data-public-theme="turkmod"] .category-atlas-widget .subcategory-count {
  display: inline-grid !important;
  box-sizing: border-box;
  width: 48px !important;
  min-width: 48px !important;
  max-width: 48px !important;
  height: 24px !important;
  padding: 0 6px !important;
  place-items: center;
  font-variant-numeric: tabular-nums;
  text-align: center !important;
}

/* Fix for category menu hidden attribute */
.cat-menu__children[hidden] { display: none !important; }

/* === GLOBAL UI STANDARDIZATION FIXES === */

/* 1. Breadcrumb: Uniform 8px spacing above & below, everywhere.
   ---------------------------------------------------------------
   Bootstrap's .breadcrumb ships with margin-bottom:1rem which causes
   uneven spacing.  We reset it globally and let only the *container*
   define vertical rhythm (8px each side). */

/* Reset Bootstrap's own .breadcrumb margin */
.breadcrumb {
    --bs-breadcrumb-margin-bottom: 0 !important;
    margin-bottom: 0 !important;
    margin-top: 0 !important;
}

/* The breadcrumb wrapper (container) is the single source of truth
   for vertical spacing: 8px top, 8px bottom. */
html[data-public-theme="turkmod"] .breadcrumb-container,
html[data-public-theme="turkmod"] .breadcrumb-container.container,
html[data-public-theme="turkmod"] .category-breadcrumb-container,
html[data-public-theme="turkmod"] .category-breadcrumb-container.container,
html[data-public-theme="turkmod"] .public-breadcrumb {
    margin-top: 8px !important;
    margin-bottom: 8px !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

/* Inner .breadcrumb inside a container must NOT add its own spacing */
html[data-public-theme="turkmod"] .breadcrumb-container .breadcrumb,
html[data-public-theme="turkmod"] .category-breadcrumb-container .breadcrumb,
html[data-public-theme="turkmod"] .public-breadcrumb .breadcrumb {
    margin: 0 !important;
}

/* Topic-detail breadcrumb (used on topic pages) */
html[data-public-theme="turkmod"] .topic-breadcrumb,
html[data-public-theme="turkmod"] nav.topic-breadcrumb {
    margin-top: 8px !important;
    margin-bottom: 8px !important;
}

/* Remove gap between breadcrumb-container and the next layout */
html[data-public-theme="turkmod"] .breadcrumb-container + .layout,
html[data-public-theme="turkmod"] .breadcrumb-container + .category-page-layout,
html[data-public-theme="turkmod"] .breadcrumb-container + .topic-layout,
html[data-public-theme="turkmod"] .category-breadcrumb-container + .category-page-layout,
html[data-public-theme="turkmod"] .public-breadcrumb + .category-page-layout,
html[data-public-theme="turkmod"] .public-breadcrumb + .layout {
    margin-top: 0 !important;
}

/* 2. Topbar: search box narrower, header-right matches sidebar width.
   ------------------------------------------------------------------- */
@media (min-width: 992px) {
    html[data-public-theme="turkmod"] .header-right {
        flex: 0 0 300px;
        max-width: 300px;
        justify-content: flex-end;
    }
    html[data-public-theme="turkmod"] .topic-nav-search input {
        width: 140px !important;
    }
    html[data-public-theme="turkmod"] .topic-nav-search input:focus {
        width: 180px !important;
    }
}

/* 3. User dropdown opens on hover (desktop only).
   ------------------------------------------------ */
/* Hide Bootstrap's default caret – we use our own bi-chevron-down icon */
html[data-public-theme="turkmod"] .user-dropdown-container .dropdown-toggle::after {
    display: none !important;
}

@media (min-width: 992px) {
    html[data-public-theme="turkmod"] .user-dropdown-container {
        position: relative;
    }
    html[data-public-theme="turkmod"] .user-dropdown-container:hover > .dropdown-menu,
    html[data-public-theme="turkmod"] .user-dropdown-container:hover > .user-dropdown {
        display: block !important;
        opacity: 1;
        visibility: visible;
        pointer-events: auto;
    }
    html[data-public-theme="turkmod"] .user-dropdown-container > .dropdown-menu,
    html[data-public-theme="turkmod"] .user-dropdown-container > .user-dropdown {
        transition: opacity 0.15s ease, visibility 0.15s ease;
    }
    /* Invisible bridge: fills the mt-2 gap between toggle and menu
       so the mouse never leaves the hoverable surface. */
    html[data-public-theme="turkmod"] .user-dropdown-container > .dropdown-menu::before,
    html[data-public-theme="turkmod"] .user-dropdown-container > .user-dropdown::before {
        content: '';
        position: absolute;
        top: -12px;
        left: 0;
        right: 0;
        height: 12px;
    }
}

/* === TURKMOD TOPIC DETAIL TEMPLATE === */
html[data-public-theme="turkmod"] body.topic-detail-page .content-area {
  gap: var(--t-stack-gap) !important;
}

html[data-public-theme="turkmod"] .ui-theme-topic-detail,
html[data-public-theme="turkmod"] .ui-theme-topic-stack,
html[data-public-theme="turkmod"] .ui-theme-topic-content,
html[data-public-theme="turkmod"] .ui-theme-topic-download,
html[data-public-theme="turkmod"] .ui-theme-topic-comments-slot,
html[data-public-theme="turkmod"] .ui-theme-comments-area {
  display: grid;
  gap: var(--t-stack-gap);
  min-width: 0;
}

html[data-public-theme="turkmod"] .ui-theme-topic-hero {
  position: relative;
  display: flex;
  min-height: 360px;
  flex-direction: column;
  justify-content: space-between;
  overflow: hidden;
  padding: 24px;
  border: 1px solid rgba(255, 255, 255, .16);
  border-radius: var(--t-radius);
  background-color: #171b22;
  background-image: var(--ui-theme-topic-hero-image);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  color: #fff;
  box-shadow: none;
}

html[data-public-theme="turkmod"] .ui-theme-topic-hero__shade {
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(9, 12, 16, .18) 0%, rgba(9, 12, 16, .62) 52%, rgba(9, 12, 16, .88) 100%);
}

html[data-public-theme="turkmod"] .ui-theme-topic-hero__top,
html[data-public-theme="turkmod"] .ui-theme-topic-hero__body {
  position: relative;
  z-index: 1;
}

html[data-public-theme="turkmod"] .ui-theme-topic-hero__top {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
}

html[data-public-theme="turkmod"] .ui-theme-topic-hero__category,
html[data-public-theme="turkmod"] .ui-theme-topic-hero__stat {
  display: inline-flex;
  align-items: center;
  min-height: 34px;
  gap: 7px;
  padding: 7px 10px;
  border: 1px solid rgba(255, 255, 255, .18);
  border-radius: 6px;
  background: rgba(10, 14, 19, .58);
  color: #fff;
  font-size: .82rem;
  font-weight: 700;
  line-height: 1;
  text-decoration: none;
  backdrop-filter: blur(10px);
}

html[data-public-theme="turkmod"] .ui-theme-topic-hero__category:hover {
  border-color: rgba(255, 255, 255, .38);
  background: rgba(139, 21, 56, .82);
  color: #fff;
}

html[data-public-theme="turkmod"] .ui-theme-topic-hero__stats {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 6px;
}

html[data-public-theme="turkmod"] .ui-theme-topic-hero__body {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 16px;
  align-items: end;
  max-width: 880px;
}

html[data-public-theme="turkmod"] .ui-theme-topic-date {
  display: grid;
  width: 66px;
  min-width: 66px;
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, .18);
  border-radius: 7px;
  background: rgba(10, 14, 19, .64);
  color: #fff;
  text-align: center;
  backdrop-filter: blur(10px);
}

html[data-public-theme="turkmod"] .ui-theme-topic-date span {
  padding: 7px 6px;
  background: var(--t-primary);
  font-size: .72rem;
  font-weight: 800;
  line-height: 1;
  text-transform: uppercase;
}

html[data-public-theme="turkmod"] .ui-theme-topic-date strong {
  padding: 9px 6px;
  font-size: 1rem;
  line-height: 1;
}

html[data-public-theme="turkmod"] .ui-theme-topic-hero__copy {
  min-width: 0;
}

html[data-public-theme="turkmod"] .ui-theme-topic-hero h1 {
  max-width: 860px;
  margin: 0 0 10px;
  color: #fff;
  font-size: clamp(1.45rem, 2.2vw, 2.35rem);
  font-weight: 800;
  line-height: 1.14;
  letter-spacing: 0;
}

html[data-public-theme="turkmod"] .ui-theme-topic-hero__meta {
  display: flex;
  flex-wrap: wrap;
  gap: 8px 14px;
  color: rgba(255, 255, 255, .82);
  font-size: .88rem;
  font-weight: 650;
}

html[data-public-theme="turkmod"] .ui-theme-topic-hero__meta span {
  display: inline-flex;
  align-items: center;
  min-width: 0;
  gap: 7px;
}

html[data-public-theme="turkmod"] .ui-theme-topic-detail .topic-section,
html[data-public-theme="turkmod"] .ui-theme-topic-related,
html[data-public-theme="turkmod"] .ui-theme-topic-tags,
html[data-public-theme="turkmod"] .ui-theme-comments-area > .topic-comments {
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 22px !important;
  border: 1px solid var(--t-border) !important;
  border-radius: var(--t-radius) !important;
  background: var(--t-surface) !important;
  box-shadow: none !important;
}

html[data-public-theme="turkmod"] .ui-theme-topic-detail .topic-section + .topic-section {
  margin-top: 0 !important;
}

html[data-public-theme="turkmod"] .ui-theme-topic-detail .topic-title-bar,
html[data-public-theme="turkmod"] .ui-theme-topic-detail .topic-detail-layout,
html[data-public-theme="turkmod"] .ui-theme-topic-detail .topic-detail-main {
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

html[data-public-theme="turkmod"] .ui-theme-topic-detail .topic-section h2,
html[data-public-theme="turkmod"] .ui-theme-topic-related h2,
html[data-public-theme="turkmod"] .ui-theme-comments-area .topic-comments h2 {
  display: flex;
  align-items: center;
  gap: 9px;
  margin: 0 0 16px !important;
  padding: 0 0 12px !important;
  border-bottom: 1px solid var(--t-border);
  color: var(--t-text) !important;
  font-size: 1.02rem !important;
  font-weight: 800 !important;
  line-height: 1.25;
  letter-spacing: 0;
}

html[data-public-theme="turkmod"] .ui-theme-topic-detail .topic-section h2 i,
html[data-public-theme="turkmod"] .ui-theme-topic-related h2 i,
html[data-public-theme="turkmod"] .ui-theme-comments-area .topic-comments h2 i {
  display: inline-grid;
  width: 30px;
  height: 30px;
  place-items: center;
  border-radius: 6px;
  background: var(--t-primary-soft);
  color: var(--t-primary);
  font-size: .92rem;
}

html[data-public-theme="turkmod"] .ui-theme-topic-detail .topic-content,
html[data-public-theme="turkmod"] .ui-theme-topic-detail .topic-detail-content,
html[data-public-theme="turkmod"] .ui-theme-topic-detail .fulstr {
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  color: var(--t-text);
  font-size: .96rem;
  line-height: 1.72;
  box-shadow: none !important;
}

html[data-public-theme="turkmod"] .ui-theme-topic-detail .topic-content > :last-child,
html[data-public-theme="turkmod"] .ui-theme-topic-detail .topic-detail-content > :last-child {
  margin-bottom: 0;
}

html[data-public-theme="turkmod"] .ui-theme-form-page,
html[data-public-theme="turkmod"] .ui-theme-profile-template {
  display: grid;
  gap: var(--ui-theme-page-gap);
  min-width: 0;
}

html[data-public-theme="turkmod"] .ui-theme-form-page__head {
  display: grid;
  gap: var(--ui-theme-space-xs);
}

html[data-public-theme="turkmod"] .ui-theme-form-page__kicker {
  color: var(--t-muted);
  font-size: .78rem;
  font-weight: 800;
  letter-spacing: .04em;
  text-transform: uppercase;
}

html[data-public-theme="turkmod"] .ui-theme-form-page__head h1 {
  margin: 0;
  font-size: clamp(1.4rem, 1.8vw, 2rem);
}

html[data-public-theme="turkmod"] .ui-theme-form-page__body {
  min-width: 0;
}

html[data-public-theme="turkmod"] .ui-theme-profile-template__cover {
  min-height: 120px;
  border-radius: var(--ui-theme-radius);
  background-image: var(--ui-theme-profile-cover);
  background-position: center;
  background-size: cover;
}

html[data-public-theme="turkmod"] .ui-theme-profile-template__meta {
  display: none !important;
}

html[data-public-theme="turkmod"] .ui-theme-topic-detail .topic-content img,
html[data-public-theme="turkmod"] .ui-theme-topic-detail .topic-detail-content img,
html[data-public-theme="turkmod"] .ui-theme-topic-detail .topic-carousel-media {
  max-width: 100%;
  border-radius: 7px;
}

html[data-public-theme="turkmod"] .ui-theme-topic-detail .topic-carousel {
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

html[data-public-theme="turkmod"] .ui-theme-topic-detail .topic-carousel-main {
  overflow: hidden;
  border: 1px solid var(--t-border);
  border-radius: var(--t-radius);
  background: #0d1117;
}

html[data-public-theme="turkmod"] .ui-theme-topic-detail .topic-carousel-content {
  display: grid;
  min-height: 320px;
  place-items: center;
}

html[data-public-theme="turkmod"] .ui-theme-topic-detail .topic-carousel-thumbs {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 10px;
}

html[data-public-theme="turkmod"] .ui-theme-topic-detail .ui-comment-thumb {
  overflow: hidden;
  width: 74px;
  height: 54px;
  padding: 0;
  border: 1px solid var(--t-border);
  border-radius: 6px;
  background: var(--t-surface-muted);
}

html[data-public-theme="turkmod"] .ui-theme-topic-detail .ui-comment-thumb.active {
  border-color: var(--t-primary);
  box-shadow: 0 0 0 3px var(--t-primary-ring);
}

html[data-public-theme="turkmod"] .ui-theme-topic-detail .topic-media-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
}

html[data-public-theme="turkmod"] .ui-theme-topic-detail .topic-media-placeholder,
html[data-public-theme="turkmod"] .ui-theme-topic-detail .topic-media-item-inline {
  display: grid;
  min-height: 92px;
  place-items: center;
  border: 1px dashed var(--t-border);
  border-radius: 7px;
  background: var(--t-surface-muted);
  color: var(--t-muted);
}

/* Topic detail final overrides: info grid, headings, and download states. */
html[data-public-theme="turkmod"] .ui-theme-topic-detail .topic-details > div {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 8px !important;
}

html[data-public-theme="turkmod"] .ui-theme-topic-detail .topic-info-row {
  display: grid !important;
  grid-template-columns: 30px max-content minmax(0, max-content);
  gap: 8px;
  justify-content: start;
  align-items: center;
  min-height: 54px;
  margin: 0 !important;
  padding: 10px 11px !important;
  border: 1px solid color-mix(in srgb, var(--t-border) 88%, var(--t-primary)) !important;
  border-radius: 8px !important;
  background: color-mix(in srgb, var(--t-surface-muted) 74%, var(--t-surface)) !important;
  color: var(--t-text) !important;
  text-decoration: none;
  box-shadow: none !important;
  transition: border-color .18s ease, background-color .18s ease, transform .18s ease;
}

html[data-public-theme="turkmod"] .ui-theme-topic-detail .topic-info-row i {
  display: inline-grid;
  width: 30px;
  height: 30px;
  place-items: center;
  border-radius: 7px;
  background: color-mix(in srgb, var(--t-primary) 12%, var(--t-surface));
  color: var(--t-primary);
  font-size: .86rem;
  box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--t-primary) 16%, transparent);
}

html[data-public-theme="turkmod"] .ui-theme-topic-detail .topic-info-row span {
  margin: 0 !important;
  color: var(--t-muted) !important;
  font-size: .68rem !important;
  font-weight: 800 !important;
  line-height: 1.1;
  text-transform: uppercase;
}

html[data-public-theme="turkmod"] .ui-theme-topic-detail .topic-info-row span::after {
  content: ":";
}

html[data-public-theme="turkmod"] .ui-theme-topic-detail .topic-info-row strong {
  min-width: 0;
  color: var(--t-text) !important;
  font-size: .84rem !important;
  font-weight: 800 !important;
  line-height: 1.18;
  overflow-wrap: anywhere;
}

html[data-public-theme="turkmod"] .ui-theme-topic-detail .topic-info-row a {
  color: var(--t-primary) !important;
  text-decoration: none;
}

html[data-public-theme="turkmod"] .ui-theme-topic-detail .topic-info-row:hover {
  border-color: color-mix(in srgb, var(--t-primary) 30%, var(--t-border)) !important;
  background: color-mix(in srgb, var(--t-primary) 4%, var(--t-surface)) !important;
  transform: translateY(-1px);
}

html[data-public-theme="turkmod"] .ui-theme-topic-detail .topic-info-row:hover i {
  background: var(--t-primary-soft);
}

html[data-public-theme="turkmod"] .ui-theme-topic-detail .topic-dl-trust {
  display: flex;
  gap: 10px;
  align-items: center;
  margin: 0 0 14px !important;
  padding: 11px 14px;
  border: 1px solid color-mix(in srgb, var(--t-primary) 22%, var(--t-border));
  border-radius: 9px;
  background: linear-gradient(180deg, var(--t-primary-soft), color-mix(in srgb, var(--t-primary-soft) 35%, transparent));
  color: var(--t-text);
  font-size: .85rem;
  font-weight: 600;
  line-height: 1.45;
}

html[data-public-theme="turkmod"] .ui-theme-topic-detail .topic-dl-trust i {
  flex-shrink: 0;
  color: var(--t-primary);
  font-size: 1.1rem;
}

html[data-public-theme="turkmod"] .ui-theme-topic-detail .topic-dl-grid {
  display: grid;
  gap: 10px;
}

html[data-public-theme="turkmod"] .ui-theme-topic-detail .topic-dl-card {
  position: relative;
  display: grid !important;
  grid-template-columns: 48px minmax(0, 1fr) auto;
  gap: 14px;
  align-items: center;
  margin: 0 !important;
  padding: 14px 16px !important;
  border: 1px solid var(--t-border) !important;
  border-radius: 10px !important;
  background: var(--t-surface) !important;
  color: var(--t-text) !important;
  text-decoration: none !important;
  box-shadow: 0 1px 2px rgba(15, 23, 42, .04) !important;
  transition: border-color .2s ease, box-shadow .2s ease, transform .2s ease, background .2s ease !important;
  transform: none !important;
  overflow: hidden;
}

/* Sol kenarda marka aksanı — hover/hazır durumda belirir */
html[data-public-theme="turkmod"] .ui-theme-topic-detail .topic-dl-card::before {
  content: "";
  position: absolute;
  inset: 0 auto 0 0;
  width: 3px;
  background: var(--t-primary);
  opacity: 0;
  transition: opacity .2s ease;
}

html[data-public-theme="turkmod"] .ui-theme-topic-detail .topic-dl-card:hover {
  border-color: color-mix(in srgb, var(--t-primary) 55%, var(--t-border)) !important;
  background: var(--t-surface) !important;
  box-shadow: 0 8px 22px -14px var(--t-primary-ring) !important;
  transform: translateY(-1px) !important;
}

html[data-public-theme="turkmod"] .ui-theme-topic-detail .topic-dl-card:hover::before {
  opacity: 1;
}

html[data-public-theme="turkmod"] .ui-theme-topic-detail .topic-dl-icon {
  display: inline-grid;
  width: 48px;
  height: 48px;
  place-items: center;
  border-radius: 10px;
  background: linear-gradient(135deg, var(--t-primary), var(--t-primary-hover)) !important;
  color: #fff !important;
  font-size: 1.25rem;
  box-shadow: 0 3px 10px -4px var(--t-primary-ring);
  transition: transform .2s ease;
}

html[data-public-theme="turkmod"] .ui-theme-topic-detail .topic-dl-card:hover .topic-dl-icon {
  transform: scale(1.05);
}

html[data-public-theme="turkmod"] .ui-theme-topic-detail .topic-dl-info {
  display: flex;
  flex-direction: column;
  gap: 5px;
  min-width: 0;
}

html[data-public-theme="turkmod"] .ui-theme-topic-detail .topic-dl-info strong {
  display: block;
  color: var(--t-text) !important;
  font-size: .96rem;
  font-weight: 700;
  line-height: 1.25;
  overflow-wrap: anywhere;
}

html[data-public-theme="turkmod"] .ui-theme-topic-detail .topic-dl-info small {
  color: var(--t-muted) !important;
  font-size: .8rem;
}

html[data-public-theme="turkmod"] .ui-theme-topic-detail .topic-dl-count {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  align-self: flex-start;
  margin-top: 1px;
  padding: 3px 9px;
  border: 1px solid var(--t-border);
  border-radius: 999px;
  background: var(--t-surface-muted);
  color: var(--t-muted) !important;
  font-size: .74rem;
  font-weight: 700;
}

html[data-public-theme="turkmod"] .ui-theme-topic-detail .topic-dl-count i {
  color: var(--t-primary);
  font-size: .78rem;
}

html[data-public-theme="turkmod"] .ui-theme-topic-detail .topic-dl-button,
html[data-public-theme="turkmod"] .ui-theme-comments-area .ui-comment-load-more-btn,
html[data-public-theme="turkmod"] .ui-theme-comments-area .ui-comment-btn-submit {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 40px;
  gap: 8px;
  padding: 9px 18px;
  border: 1px solid var(--t-primary) !important;
  border-radius: 8px !important;
  background: linear-gradient(135deg, var(--t-primary), var(--t-primary-hover)) !important;
  color: #fff !important;
  font-size: .84rem;
  font-weight: 700;
  white-space: nowrap;
  box-shadow: 0 3px 10px -5px var(--t-primary-ring);
  transition: filter .2s ease, transform .2s ease, box-shadow .2s ease;
}

html[data-public-theme="turkmod"] .ui-theme-topic-detail .topic-dl-card:hover .topic-dl-button {
  filter: brightness(1.06);
  box-shadow: 0 6px 16px -6px var(--t-primary-ring);
}

/* Spinner: yalnızca sayım sırasında görünür */
html[data-public-theme="turkmod"] .ui-theme-topic-detail .topic-dl-button .topic-dl-spinner {
  width: 15px;
  height: 15px;
  border: 2px solid rgba(255, 255, 255, .4);
  border-top-color: #fff;
  border-radius: 50%;
}

/* Durum: güvenlik beklemesi sürüyor */
html[data-public-theme="turkmod"] .ui-theme-topic-detail .topic-dl-card.is-counting {
  pointer-events: none;
  border-color: color-mix(in srgb, var(--t-primary) 46%, var(--t-border)) !important;
  background: color-mix(in srgb, var(--t-primary) 8%, var(--t-surface)) !important;
  box-shadow: 0 8px 22px -16px var(--t-primary-ring) !important;
  transform: none !important;
}

html[data-public-theme="turkmod"] .ui-theme-topic-detail .topic-dl-card.is-counting .topic-dl-icon {
  background: color-mix(in srgb, var(--t-primary) 14%, var(--t-surface)) !important;
  color: var(--t-primary) !important;
  box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--t-primary) 20%, transparent);
}

html[data-public-theme="turkmod"] .ui-theme-topic-detail .topic-dl-card.is-counting .topic-dl-icon i {
  color: var(--t-primary) !important;
}

html[data-public-theme="turkmod"] .ui-theme-topic-detail .topic-dl-card.is-counting .topic-dl-button {
  border-color: transparent !important;
  background: linear-gradient(135deg, var(--t-primary), var(--t-primary-hover)) !important;
  color: #fff !important;
  box-shadow: 0 8px 18px -10px var(--t-primary-ring);
}

html[data-public-theme="turkmod"] .ui-theme-topic-detail .topic-dl-card.is-counting .topic-dl-action {
  color: inherit !important;
  font-weight: 800;
}

html[data-public-theme="turkmod"] .ui-theme-topic-detail .topic-dl-card.is-counting .topic-dl-spinner {
  border-color: rgba(255, 255, 255, .42) !important;
  border-top-color: #fff !important;
}

/* Topic heading hierarchy: one h1, centered h2 section rhythm. */
html[data-public-theme="turkmod"] .ui-theme-topic-title-card,
html[data-public-theme="turkmod"] body.topic-detail-page .content-area .topic-title-bar {
  text-align: center !important;
}

html[data-public-theme="turkmod"] .ui-theme-topic-title-card__copy,
html[data-public-theme="turkmod"] .ui-theme-topic-detail .topic-title-bar-text {
  justify-items: center !important;
  text-align: center !important;
}

html[data-public-theme="turkmod"] .ui-theme-topic-title-card h1,
html[data-public-theme="turkmod"] .ui-theme-topic-detail .topic-title-bar h1 {
  margin-right: auto !important;
  margin-left: auto !important;
  text-align: center !important;
}

html[data-public-theme="turkmod"] .ui-theme-topic-detail .topic-section > h2,
html[data-public-theme="turkmod"] .ui-theme-topic-related > h2,
html[data-public-theme="turkmod"] .ui-theme-comments-area .topic-comments h2 {
  display: flex !important;
  justify-content: center !important;
  align-items: baseline !important;
  gap: 8px !important;
  width: 100% !important;
  text-align: center !important;
}

html[data-public-theme="turkmod"] .ui-theme-topic-detail .topic-section > h2 i,
html[data-public-theme="turkmod"] .ui-theme-topic-related > h2 i,
html[data-public-theme="turkmod"] .ui-theme-comments-area .topic-comments h2 i {
  display: none !important;
}

html[data-public-theme="turkmod"] .ui-theme-comments-area .ui-comment-header {
  grid-template-columns: minmax(0, 1fr) auto !important;
}

html[data-public-theme="turkmod"] .ui-theme-comments-area .ui-comment-header h2 {
  justify-self: center !important;
}

/* Durum: indirme hazır */
html[data-public-theme="turkmod"] .ui-theme-topic-detail .topic-dl-card.is-ready {
  border-color: color-mix(in srgb, #16a34a 55%, var(--t-border)) !important;
  background: color-mix(in srgb, #16a34a 7%, var(--t-surface)) !important;
  box-shadow: 0 6px 18px -12px rgba(22, 163, 74, .55) !important;
}

html[data-public-theme="turkmod"] .ui-theme-topic-detail .topic-dl-card.is-ready::before {
  background: #16a34a;
  opacity: 1;
}

html[data-public-theme="turkmod"] .ui-theme-topic-detail .topic-dl-card.is-ready .topic-dl-icon {
  background: linear-gradient(135deg, #16a34a, #15803d) !important;
  box-shadow: 0 3px 10px -4px rgba(22, 163, 74, .5);
}

html[data-public-theme="turkmod"] .ui-theme-topic-detail .topic-dl-card.is-ready .topic-dl-info strong {
  color: #15803d !important;
}

html[data-public-theme="turkmod"] .ui-theme-topic-detail .topic-dl-card.is-ready .topic-dl-button {
  border-color: #16a34a !important;
  background: linear-gradient(135deg, #16a34a, #15803d) !important;
}

html[data-public-theme="turkmod"] .ui-theme-topic-detail .topic-dl-card.is-ready .topic-dl-action {
  display: inline-flex;
  align-items: center;
  gap: 6px;
}

html[data-public-theme="turkmod"] .ui-theme-topic-detail .topic-dl-card.is-ready .topic-dl-action::before {
  content: "\2713";
  display: inline-grid;
  width: 16px;
  height: 16px;
  place-items: center;
  border-radius: 999px;
  background: rgba(255, 255, 255, .22);
  color: #fff;
  font-size: .72rem;
  font-weight: 900;
  line-height: 1;
}

html[data-public-theme="turkmod"] .ui-theme-comments-area > .topic-comments {
  display: grid;
  gap: 14px;
}

html[data-public-theme="turkmod"] .ui-theme-comments-area .ui-comment-header {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: start;
  gap: var(--ui-theme-space-xs);
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

html[data-public-theme="turkmod"] .ui-theme-comments-area .ui-comment-header h2 {
  margin-bottom: 0 !important;
  width: auto !important;
  text-align: left !important;
  justify-self: start !important;
}

html[data-public-theme="turkmod"] .ui-theme-comments-area .ui-comment-sort {
  display: inline-flex;
  align-items: center;
  justify-self: end;
  align-self: start;
  gap: 8px;
  margin-left: auto;
  margin-bottom: 0;
  order: 0;
  color: var(--t-muted);
  font-size: .84rem;
  font-weight: 700;
}

html[data-public-theme="turkmod"] .ui-theme-comments-area .ui-comment-sort-select,
html[data-public-theme="turkmod"] .ui-theme-comments-area .ui-comment-textarea {
  border: 1px solid var(--t-border) !important;
  border-radius: 6px !important;
  background: var(--t-surface-muted) !important;
  color: var(--t-text) !important;
  box-shadow: none !important;
}

html[data-public-theme="turkmod"] .ui-theme-comments-area .ui-comment-form-wrap {
  display: grid !important;
  grid-template-columns: 42px minmax(0, 1fr);
  gap: 12px;
  margin: 0 !important;
  padding: var(--space-3, 12px) !important;
  border: 1px solid var(--t-border) !important;
  border-radius: 7px !important;
  background: var(--t-surface-muted) !important;
  box-shadow: none !important;
}

html[data-public-theme="turkmod"] .ui-theme-comments-area .ui-comment-form-avatar,
html[data-public-theme="turkmod"] .ui-theme-comments-area .ui-comment-avatar {
  display: inline-grid;
  width: 42px !important;
  height: 42px !important;
  min-width: 42px !important;
  place-items: center;
  overflow: hidden;
  border-radius: 7px !important;
  background: var(--t-primary-soft) !important;
  color: var(--t-primary) !important;
  font-weight: 800;
}

html[data-public-theme="turkmod"] .ui-theme-comments-area .ui-comment-form-avatar img,
html[data-public-theme="turkmod"] .ui-theme-comments-area .ui-comment-avatar img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

html[data-public-theme="turkmod"] .ui-theme-comments-area .ui-comment-list {
  display: grid !important;
  gap: 8px;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

html[data-public-theme="turkmod"] .ui-theme-comments-area .ui-comment-item {
  display: grid !important;
  grid-template-columns: 42px minmax(0, 1fr);
  gap: 12px;
  margin: 0 !important;
  padding: var(--space-3, 12px) !important;
  border: 1px solid var(--t-border) !important;
  border-radius: 7px !important;
  background: var(--t-surface-muted) !important;
  box-shadow: none !important;
}

html[data-public-theme="turkmod"] .ui-theme-comments-area template {
  display: none !important;
}

html[data-public-theme="turkmod"] .ui-theme-comments-area i.bi,
html[data-public-theme="turkmod"] .ui-comment-report-modal i.bi {
  display: inline-grid !important;
}

html[data-public-theme="turkmod"] .ui-theme-comment-form-shell {
  display: block;
  min-width: 0;
}

html[data-public-theme="turkmod"] .ui-theme-comments-area .ui-comment-body {
  min-width: 0;
  color: var(--t-text);
}

html[data-public-theme="turkmod"] .ui-theme-comments-area .ui-comment-meta,
html[data-public-theme="turkmod"] .ui-theme-comments-area .ui-comment-bottom-bar {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
}

html[data-public-theme="turkmod"] .ui-theme-comments-area .ui-comment-meta {
  justify-content: space-between;
  margin-bottom: 8px;
}

html[data-public-theme="turkmod"] .ui-theme-comments-area .ui-comment-author-line {
  display: inline-flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 7px;
  min-width: 0;
}

html[data-public-theme="turkmod"] .ui-theme-comments-area .ui-comment-author {
  color: var(--t-text);
  font-size: .95rem;
  font-weight: 800;
  line-height: 1.25;
}

html[data-public-theme="turkmod"] .ui-theme-comments-area .ui-comment-author-badge,
html[data-public-theme="turkmod"] .ui-theme-comments-area .comment-edited-badge {
  display: inline-flex;
  align-items: center;
  min-height: 22px;
  padding: 3px 7px;
  border: 1px solid var(--t-border);
  border-radius: 6px;
  background: var(--t-surface);
  color: var(--t-muted);
  font-size: .72rem;
  font-weight: 800;
  line-height: 1;
}

html[data-public-theme="turkmod"] .ui-theme-comments-area .ui-comment-time {
  color: var(--t-muted);
  font-size: .78rem;
  font-weight: 700;
  line-height: 1.2;
}

html[data-public-theme="turkmod"] .ui-theme-comments-area .ui-comment-text {
  margin-top: 2px;
  color: var(--t-text);
  line-height: 1.62;
  overflow-wrap: anywhere;
}

html[data-public-theme="turkmod"] .ui-theme-comments-area .ui-comment-bottom-bar {
  justify-content: space-between;
  margin-top: 10px;
}

html[data-public-theme="turkmod"] .ui-theme-comments-area .ui-comment-actions-row,
html[data-public-theme="turkmod"] .ui-theme-comments-area .ui-comment-reactions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 6px;
}

html[data-public-theme="turkmod"] .ui-theme-comments-area .ui-comment-reactions {
  margin-left: auto;
}

html[data-public-theme="turkmod"] .ui-theme-comments-area .ui-comment-replies {
  display: grid;
  gap: 8px;
  margin-top: 8px;
  margin-left: 54px;
}

html[data-public-theme="turkmod"] .ui-theme-comments-area .ui-comment-reply {
  background: var(--t-surface) !important;
}

html[data-public-theme="turkmod"] .ui-theme-comments-area .ui-comment-quote-tag,
html[data-public-theme="turkmod"] .ui-theme-comments-area .ui-comment-quote-info {
  margin: 8px 0;
  padding: 9px 10px;
  border: 1px solid var(--t-border);
  border-radius: 6px;
  background: var(--t-surface);
  color: var(--t-muted);
  font-size: .82rem;
  line-height: 1.4;
}

html[data-public-theme="turkmod"] .ui-theme-comments-area .ui-comment-action-btn,
html[data-public-theme="turkmod"] .ui-theme-comments-area .comment-reaction-btn,
html[data-public-theme="turkmod"] .ui-theme-comments-area .ui-comment-btn-cancel {
  min-height: 32px;
  padding: 6px 9px;
  border: 1px solid var(--t-border) !important;
  border-radius: 6px !important;
  background: var(--t-surface) !important;
  color: var(--t-muted) !important;
  font-size: .78rem;
  font-weight: 750;
  line-height: 1.15;
  text-decoration: none !important;
}

html[data-public-theme="turkmod"] .ui-theme-comments-area .ui-comment-action-btn:hover,
html[data-public-theme="turkmod"] .ui-theme-comments-area .comment-reaction-btn:hover,
html[data-public-theme="turkmod"] .ui-theme-comments-area .comment-reaction-btn.active {
  border-color: var(--t-primary) !important;
  color: var(--t-primary) !important;
}

html[data-public-theme="turkmod"] .ui-theme-comments-area .ui-comment-delete:hover {
  border-color: #dc3545 !important;
  color: #dc3545 !important;
}

html[data-public-theme="turkmod"] .ui-theme-comments-area .ui-comment-empty-state,
html[data-public-theme="turkmod"] .ui-theme-comments-area .ui-comment-login-prompt,
html[data-public-theme="turkmod"] .ui-theme-comments-area .ui-comment-loading {
  margin: 0 !important;
  padding: 16px !important;
  border: 1px solid var(--t-border) !important;
  border-radius: 7px !important;
  background: var(--t-surface-muted) !important;
  color: var(--t-muted) !important;
  box-shadow: none !important;
}

html[data-public-theme="turkmod"] .ui-theme-comments-area .ui-comment-empty-state {
  display: grid;
  justify-items: center;
  gap: 6px;
  text-align: center;
}

html[data-public-theme="turkmod"] .ui-theme-comments-area .ui-comment-empty-state-title,
html[data-public-theme="turkmod"] .ui-theme-comments-area .ui-comment-empty-state-desc {
  margin: 0;
}

@media (max-width: 767.98px) {
  html[data-public-theme="turkmod"] .ui-theme-topic-hero {
    min-height: 320px;
    padding: 18px;
  }

  html[data-public-theme="turkmod"] .ui-theme-topic-hero__top {
    align-items: flex-start;
    flex-direction: column;
  }

  html[data-public-theme="turkmod"] .ui-theme-comments-area .ui-comment-header {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  html[data-public-theme="turkmod"] .ui-theme-comments-area .ui-comment-header h2,
  html[data-public-theme="turkmod"] .ui-theme-comments-area .ui-comment-sort {
    grid-column: 1 !important;
  }

  html[data-public-theme="turkmod"] .ui-theme-comments-area .ui-comment-sort {
    justify-self: end;
    align-self: start;
    margin-left: auto;
  }

  html[data-public-theme="turkmod"] .ui-theme-topic-hero__stats {
    justify-content: flex-start;
  }

  html[data-public-theme="turkmod"] .ui-theme-topic-hero__body {
    grid-template-columns: minmax(0, 1fr);
  }

  html[data-public-theme="turkmod"] .ui-theme-topic-date {
    grid-template-columns: auto auto;
    width: max-content;
    min-width: 0;
  }

  html[data-public-theme="turkmod"] .ui-theme-topic-detail .topic-section,
  html[data-public-theme="turkmod"] .ui-theme-topic-related,
  html[data-public-theme="turkmod"] .ui-theme-topic-tags,
  html[data-public-theme="turkmod"] .ui-theme-comments-area > .topic-comments {
    padding: 16px !important;
  }

  html[data-public-theme="turkmod"] .ui-theme-topic-detail .topic-media-grid,
  html[data-public-theme="turkmod"] .ui-theme-topic-detail .topic-dl-card {
    grid-template-columns: 48px minmax(0, 1fr) !important;
    grid-template-areas:
      "icon info"
      "button button" !important;
    row-gap: 12px;
  }

  html[data-public-theme="turkmod"] .ui-theme-topic-detail .topic-details > div {
    grid-template-columns: 1fr !important;
  }

  html[data-public-theme="turkmod"] .ui-theme-topic-detail .topic-info-row {
    grid-template-columns: 30px max-content minmax(0, max-content);
    min-height: 52px;
  }

  html[data-public-theme="turkmod"] .ui-theme-topic-detail .topic-dl-icon {
    grid-area: icon;
  }

  html[data-public-theme="turkmod"] .ui-theme-topic-detail .topic-dl-info {
    grid-area: info;
  }

  html[data-public-theme="turkmod"] .ui-theme-topic-detail .topic-dl-button {
    grid-area: button;
    width: 100%;
    white-space: normal;
  }

  html[data-public-theme="turkmod"] .ui-theme-comments-area .ui-comment-form-wrap,
  html[data-public-theme="turkmod"] .ui-theme-comments-area .ui-comment-item {
    grid-template-columns: minmax(0, 1fr) !important;
  }
}

/* === TURKMOD PUBLIC RHYTHM AND DIRECTORY PASS === */
html[data-public-theme="turkmod"] {
  --t-page-gap: 12px;
  --t-panel-pad: 16px;
  --t-focus-width: 1120px;
  --t-download-width: 920px;
  --t-category-card-min: 270px;
  --t-stack-gap: var(--t-page-gap);
}

html[data-public-theme="turkmod"] .site-main {
  padding-top: calc(var(--t-header-height) + var(--t-page-gap)) !important;
  padding-bottom: var(--t-page-gap) !important;
}

html[data-public-theme="turkmod"] body.topic-detail-page #main-content.site-main {
  padding-top: calc(var(--t-header-height) + var(--t-page-gap)) !important;
  padding-bottom: var(--t-page-gap) !important;
}

html[data-public-theme="turkmod"] .crumb-wrap,
html[data-public-theme="turkmod"] .breadcrumb-container,
html[data-public-theme="turkmod"] .breadcrumb-container.container,
html[data-public-theme="turkmod"] .public-breadcrumb {
  margin-top: 0 !important;
  margin-bottom: var(--t-page-gap) !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

html[data-public-theme="turkmod"] .crumb,
html[data-public-theme="turkmod"] .breadcrumb-container .breadcrumb,
html[data-public-theme="turkmod"] .public-breadcrumb .breadcrumb {
  min-height: 42px !important;
  margin: 0 !important;
  padding: 9px 12px !important;
  border: 1px solid var(--t-border) !important;
  border-radius: var(--t-radius) !important;
  background: var(--t-surface-muted) !important;
  box-shadow: none !important;
}

html[data-public-theme="turkmod"] .page-wrap {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

html[data-public-theme="turkmod"] .layout.grid {
  gap: var(--t-page-gap) !important;
}

html[data-public-theme="turkmod"] .content-area {
  display: flex !important;
  flex-direction: column !important;
  gap: var(--t-page-gap) !important;
}

html[data-public-theme="turkmod"] .content-area > * {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

html[data-public-theme="turkmod"] .content-area > section {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

html[data-public-theme="turkmod"] .sidebar-right > .row {
  --bs-gutter-y: var(--t-page-gap) !important;
}

html[data-public-theme="turkmod"] .site-main--focus .layout.grid--focus {
  width: min(var(--t-focus-width), 100%);
  margin-right: auto;
  margin-left: auto;
}

html[data-public-theme="turkmod"] body.public-page-download .site-main--focus .layout.grid--focus {
  width: min(var(--t-download-width), 100%);
}

html[data-public-theme="turkmod"] body.public-page-events .site-main--focus .layout.grid--focus,
html[data-public-theme="turkmod"] body.public-page-profile .site-main--focus .layout.grid--focus,
html[data-public-theme="turkmod"] body.public-page-public-profile .site-main--focus .layout.grid--focus,
html[data-public-theme="turkmod"] body.public-page-notifications .site-main--focus .layout.grid--focus,
html[data-public-theme="turkmod"] body.public-page-leaderboard .site-main--focus .layout.grid--focus {
  width: 100%;
}

html[data-public-theme="turkmod"] body.public-page-login .site-main--focus .layout.grid--focus {
  width: 100%;
}

html[data-public-theme="turkmod"] body.public-page-download .download-confirm-wrap {
  width: 100%;
  margin: 0 !important;
}

html[data-public-theme="turkmod"] body.public-page-download .download-confirm-card {
  width: 100%;
  margin: 0 !important;
  border-radius: var(--t-radius) !important;
  box-shadow: none !important;
}

html[data-public-theme="turkmod"] .ui-theme-category-shell,
html[data-public-theme="turkmod"] .ui-theme-category-content,
html[data-public-theme="turkmod"] .ui-theme-category-directory {
  display: grid;
  gap: var(--t-page-gap);
  min-width: 0;
}

html[data-public-theme="turkmod"] .ui-theme-category-hero {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: var(--t-page-gap);
  align-items: stretch;
  min-height: 184px;
  padding: 20px;
  border: 1px solid var(--t-border);
  border-radius: var(--t-radius);
  background:
    linear-gradient(135deg, color-mix(in srgb, var(--t-primary) 8%, transparent), transparent 48%),
    var(--t-surface);
  color: var(--t-text);
  box-shadow: none;
}

html[data-public-theme="turkmod"] .ui-theme-category-hero__copy {
  display: grid;
  gap: 8px;
  min-width: 0;
}

html[data-public-theme="turkmod"] .ui-theme-category-hero__kicker {
  display: inline-flex;
  align-items: center;
  width: max-content;
  gap: 7px;
  min-height: 30px;
  padding: 0 10px;
  border: 1px solid color-mix(in srgb, var(--t-primary) 22%, var(--t-border));
  border-radius: 999px;
  background: var(--t-primary-soft);
  color: var(--t-primary);
  font-size: .78rem;
  font-weight: 850;
  line-height: 1;
}

html[data-public-theme="turkmod"] .ui-theme-category-hero h1 {
  margin: 0;
  color: var(--t-text);
  font-size: 1.45rem;
  font-weight: 900;
  line-height: 1.15;
  letter-spacing: 0;
}

html[data-public-theme="turkmod"] .ui-theme-category-hero p {
  max-width: 760px;
  margin: 0;
  color: var(--t-muted);
  font-size: .94rem;
  line-height: 1.55;
}

html[data-public-theme="turkmod"] .ui-theme-category-hero__stats {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));
  gap: 8px;
  width: 100%;
}

html[data-public-theme="turkmod"] .ui-theme-category-hero__stats span {
  display: grid;
  min-width: 0;
  gap: 2px;
  padding: 10px 12px;
  border: 1px solid var(--t-border);
  border-radius: 7px;
  background: var(--t-surface-muted);
}

html[data-public-theme="turkmod"] .ui-theme-category-hero__stats strong {
  color: var(--t-text);
  font-size: 1.05rem;
  font-weight: 900;
  line-height: 1;
}

html[data-public-theme="turkmod"] .ui-theme-category-hero__stats small {
  color: var(--t-muted);
  font-size: .73rem;
  font-weight: 800;
  line-height: 1.2;
}

html[data-public-theme="turkmod"] .ui-theme-category-hero__tools {
  position: absolute;
  top: 14px;
  right: 14px;
}

html[data-public-theme="turkmod"] .ui-theme-icon-button {
  display: inline-grid;
  width: 36px;
  height: 36px;
  place-items: center;
  border: 1px solid var(--t-border);
  border-radius: 7px;
  background: var(--t-surface);
  color: var(--t-muted);
}

html[data-public-theme="turkmod"] .ui-theme-icon-button:hover,
html[data-public-theme="turkmod"] .ui-theme-icon-button:focus-visible {
  border-color: var(--t-primary);
  color: var(--t-primary);
}

html[data-public-theme="turkmod"] .ui-theme-category-grid {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, var(--t-category-card-min)), 1fr));
  gap: var(--t-page-gap) !important;
  margin: 0 !important;
}

html[data-public-theme="turkmod"] .ui-theme-category-card {
  display: grid !important;
  grid-template-columns: 44px minmax(0, 1fr) auto 30px;
  gap: 12px;
  align-items: center;
  min-height: 116px;
  padding: 16px;
  overflow: hidden;
  border: 1px solid var(--t-border) !important;
  border-radius: var(--t-radius) !important;
  background: var(--t-surface) !important;
  color: var(--t-text) !important;
  text-decoration: none !important;
  box-shadow: none !important;
  transition: border-color .18s ease, background .18s ease, transform .18s ease;
}

html[data-public-theme="turkmod"] .ui-theme-category-card:hover,
html[data-public-theme="turkmod"] .ui-theme-category-card:focus-visible {
  border-color: color-mix(in srgb, var(--t-primary) 46%, var(--t-border)) !important;
  background: color-mix(in srgb, var(--t-surface) 92%, var(--t-primary) 8%) !important;
  color: var(--t-text) !important;
  transform: translateY(-1px);
}

html[data-public-theme="turkmod"] .ui-theme-category-card__icon,
html[data-public-theme="turkmod"] .ui-theme-category-card__arrow {
  display: inline-grid;
  place-items: center;
  border-radius: 7px;
}

html[data-public-theme="turkmod"] .ui-theme-category-card__icon {
  width: 44px;
  height: 44px;
  background: var(--t-primary-soft);
  color: var(--t-primary);
  font-size: 1.1rem;
}

html[data-public-theme="turkmod"] .ui-theme-category-card.is-child .ui-theme-category-card__icon {
  background: var(--t-surface-muted);
  color: var(--t-muted);
}

html[data-public-theme="turkmod"] .ui-theme-category-card__body {
  display: grid;
  gap: 5px;
  min-width: 0;
}

html[data-public-theme="turkmod"] .ui-theme-category-card__meta {
  color: var(--t-primary);
  font-size: .74rem;
  font-weight: 850;
  line-height: 1.15;
}

html[data-public-theme="turkmod"] .ui-theme-category-card__body strong {
  overflow: hidden;
  color: var(--t-text);
  font-size: .98rem;
  font-weight: 900;
  line-height: 1.25;
  text-overflow: ellipsis;
  white-space: nowrap;
}

html[data-public-theme="turkmod"] .ui-theme-category-card__body small {
  display: -webkit-box;
  overflow: hidden;
  color: var(--t-muted);
  font-size: .82rem;
  font-weight: 650;
  line-height: 1.42;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

html[data-public-theme="turkmod"] .ui-theme-category-card__count {
  display: grid;
  min-width: 68px;
  justify-items: end;
  gap: 2px;
  color: var(--t-muted);
  font-size: .72rem;
  font-weight: 800;
  line-height: 1.1;
}

html[data-public-theme="turkmod"] .ui-theme-category-card__count strong {
  color: var(--t-text);
  font-size: 1rem;
  font-weight: 900;
  line-height: 1;
}

html[data-public-theme="turkmod"] .ui-theme-category-card__arrow {
  width: 30px;
  height: 30px;
  border: 1px solid var(--t-border);
  background: var(--t-surface-muted);
  color: var(--t-muted);
  transition: border-color .18s ease, background .18s ease, color .18s ease, transform .18s ease;
}

html[data-public-theme="turkmod"] .ui-theme-category-card:hover .ui-theme-category-card__arrow,
html[data-public-theme="turkmod"] .ui-theme-category-card:focus-visible .ui-theme-category-card__arrow {
  border-color: var(--t-primary);
  background: var(--t-primary);
  color: #fff;
  transform: translateX(2px);
}

html[data-public-theme="turkmod"] .ui-theme-category-content > .topic-grid,
html[data-public-theme="turkmod"] .ui-theme-category-content > .topic-grid--list {
  margin: 0 !important;
}

html[data-public-theme="turkmod"] .content-area .ui-events-page {
  display: grid !important;
  gap: var(--t-page-gap) !important;
  width: 100% !important;
  max-width: 100% !important;
  padding: 0 !important;
}

html[data-public-theme="turkmod"] .content-area .ui-events-page > * {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

html[data-public-theme="turkmod"] .content-area .ui-events-panel,
html[data-public-theme="turkmod"] .content-area .ui-events-hero,
html[data-public-theme="turkmod"] .content-area .ui-events-summary-strip,
html[data-public-theme="turkmod"] .content-area .ui-events-info-cards,
html[data-public-theme="turkmod"] .content-area .ui-events-grid {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

html[data-public-theme="turkmod"] .content-area .ui-events-panel,
html[data-public-theme="turkmod"] .content-area .ui-events-hero-main,
html[data-public-theme="turkmod"] .content-area .ui-events-profile-card,
html[data-public-theme="turkmod"] .content-area .ui-events-tab-section,
html[data-public-theme="turkmod"] .content-area .ui-events-info-card {
  border-radius: var(--t-radius) !important;
  box-shadow: none !important;
}

@media (max-width: 991.98px) {
  html[data-public-theme="turkmod"] .site-main,
  html[data-public-theme="turkmod"] body.topic-detail-page #main-content.site-main {
    padding-top: calc(var(--t-header-height) + var(--t-page-gap)) !important;
  }

  html[data-public-theme="turkmod"] .ui-theme-category-hero,
  html[data-public-theme="turkmod"] .ui-theme-category-hero__stats {
    grid-template-columns: minmax(0, 1fr);
    grid-auto-flow: row;
  }
}

@media (max-width: 640px) {
  html[data-public-theme="turkmod"] {
    --t-page-gap: 10px;
    --t-panel-pad: 14px;
  }

  html[data-public-theme="turkmod"] .ui-theme-category-hero {
    min-height: 212px;
    padding: 16px;
  }

  html[data-public-theme="turkmod"] .ui-theme-category-card {
    grid-template-columns: 40px minmax(0, 1fr) 28px;
    min-height: 104px;
    padding: 14px;
  }

  html[data-public-theme="turkmod"] .ui-theme-category-card__count {
    grid-column: 2 / 3;
    grid-row: 2;
    justify-items: start;
  }

  html[data-public-theme="turkmod"] .ui-theme-category-card__arrow {
    grid-column: 3;
    grid-row: 1 / 3;
  }

  html[data-public-theme="turkmod"] .ui-theme-category-card__body strong {
    white-space: normal;
  }
}

/* === TURKMOD THEME REFINEMENTS: CATEGORY TREE, TOPIC HERO, PROFILE MENU === */
html[data-public-theme="turkmod"] .ui-theme-profile-dropdown {
  position: relative;
}

html[data-public-theme="turkmod"] .ui-theme-profile-toggle {
  display: inline-flex;
  align-items: center;
  min-height: 40px;
  gap: 9px;
  padding: 5px 10px 5px 6px;
  border: 1px solid color-mix(in srgb, var(--t-primary) 18%, var(--t-border));
  border-radius: 8px;
  background: var(--t-primary-soft);
  color: var(--t-text);
  font: inherit;
  font-size: .86rem;
  font-weight: 800;
  line-height: 1;
  cursor: pointer;
  transition: border-color .18s ease, background .18s ease, color .18s ease;
}

html[data-public-theme="turkmod"] .ui-theme-profile-toggle:hover,
html[data-public-theme="turkmod"] .ui-theme-profile-toggle:focus-visible,
html[data-public-theme="turkmod"] .ui-theme-profile-dropdown.is-open .ui-theme-profile-toggle {
  border-color: color-mix(in srgb, var(--t-primary) 48%, var(--t-border));
  background: color-mix(in srgb, var(--t-primary-soft) 72%, var(--t-surface) 28%);
  color: var(--t-primary);
}

html[data-public-theme="turkmod"] .ui-theme-profile-toggle .bi-chevron-down {
  font-size: .78rem;
  transition: transform .18s ease;
}

html[data-public-theme="turkmod"] .ui-theme-profile-dropdown.is-open .ui-theme-profile-toggle .bi-chevron-down {
  transform: rotate(180deg);
}

html[data-public-theme="turkmod"] .ui-theme-profile-menu,
html[data-public-theme="turkmod"] .user-dropdown-container:hover > .ui-theme-profile-menu {
  position: absolute;
  top: calc(100% + 10px);
  right: 0;
  z-index: 1060;
  display: grid !important;
  width: min(286px, calc(100vw - 24px));
  min-width: 0;
  gap: 5px;
  padding: 10px;
  border: 1px solid var(--t-border);
  border-radius: 8px;
  background: var(--t-surface);
  box-shadow: 0 18px 42px rgba(15, 23, 42, .16);
  transform: translateY(-4px);
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: opacity .16s ease, transform .16s ease, visibility .16s ease;
}

html[data-public-theme="turkmod"][data-theme="dark"] .ui-theme-profile-menu {
  box-shadow: 0 20px 48px rgba(0, 0, 0, .42);
}

html[data-public-theme="turkmod"] .ui-theme-profile-menu[hidden] {
  display: none !important;
}

html[data-public-theme="turkmod"] .ui-theme-profile-menu.show:not([hidden]) {
  transform: translateY(0);
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}

html[data-public-theme="turkmod"] .ui-theme-profile-menu::before {
  content: "";
  position: absolute;
  top: -7px;
  right: 20px;
  width: 12px;
  height: 12px;
  border-top: 1px solid var(--t-border);
  border-left: 1px solid var(--t-border);
  background: var(--t-surface);
  transform: rotate(45deg);
}

html[data-public-theme="turkmod"] .ui-theme-profile-menu__head {
  display: grid;
  grid-template-columns: 38px minmax(0, 1fr);
  gap: 10px;
  align-items: center;
  padding: 8px;
  border: 1px solid var(--t-border);
  border-radius: 7px;
  background: var(--t-surface-muted);
}

html[data-public-theme="turkmod"] .ui-theme-profile-menu__head strong,
html[data-public-theme="turkmod"] .ui-theme-profile-menu__head small {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

html[data-public-theme="turkmod"] .ui-theme-profile-menu__head strong {
  color: var(--t-text);
  font-size: .9rem;
  font-weight: 900;
}

html[data-public-theme="turkmod"] .ui-theme-profile-menu__head small {
  color: var(--t-muted);
  font-size: .74rem;
  font-weight: 750;
}

html[data-public-theme="turkmod"] .ui-theme-profile-menu__item {
  display: grid;
  grid-template-columns: 30px minmax(0, 1fr);
  align-items: center;
  min-height: 40px;
  gap: 9px;
  padding: 7px 8px;
  border-radius: 7px;
  color: var(--t-text);
  font-size: .88rem;
  font-weight: 800;
  line-height: 1.1;
  text-decoration: none !important;
  transition: background-color .15s ease, color .15s ease !important;
}

html[data-public-theme="turkmod"] .ui-theme-profile-menu__item i {
  display: inline-grid;
  width: 30px;
  height: 30px;
  place-items: center;
  border-radius: 6px;
  background: var(--t-primary-soft);
  color: var(--t-primary);
  font-size: .9rem;
  transition: color .15s ease !important;
}



html[data-public-theme="turkmod"] .ui-theme-profile-menu__item.is-danger {
  color: #b42342;
}

html[data-public-theme="turkmod"] .ui-theme-profile-menu__item.is-danger i {
  background: rgba(180, 35, 66, .1);
  color: #b42342;
}

html[data-public-theme="turkmod"] .ui-theme-profile-menu__divider {
  display: block;
  height: 1px;
  margin: 4px 2px;
  background: var(--t-border);
}

html[data-public-theme="turkmod"] .ui-theme-topic-title-card {
  display: grid;
  grid-template-columns: 66px minmax(0, 1fr) 38px;
  gap: 16px;
  align-items: start;
  padding: 20px;
  border: 1px solid var(--t-border);
  border-radius: var(--t-radius);
  background:
    linear-gradient(135deg, color-mix(in srgb, var(--t-primary) 7%, transparent), transparent 46%),
    var(--t-surface);
  color: var(--t-text);
  box-shadow: none;
}

html[data-public-theme="turkmod"] .ui-theme-topic-title-card__copy {
  display: grid;
  gap: 10px;
  min-width: 0;
}

html[data-public-theme="turkmod"] .ui-theme-topic-title-card__category {
  display: inline-flex;
  align-items: center;
  width: max-content;
  max-width: 100%;
  min-height: 30px;
  gap: 7px;
  padding: 0 10px;
  border: 1px solid color-mix(in srgb, var(--t-primary) 22%, var(--t-border));
  border-radius: 999px;
  background: var(--t-primary-soft);
  color: var(--t-primary);
  font-size: .78rem;
  font-weight: 850;
  line-height: 1;
  text-decoration: none;
}

html[data-public-theme="turkmod"] .ui-theme-topic-title-card__category:hover,
html[data-public-theme="turkmod"] .ui-theme-topic-title-card__category:focus-visible {
  border-color: var(--t-primary);
  background: var(--t-primary);
  color: #fff;
}

html[data-public-theme="turkmod"] .ui-theme-topic-title-card h1 {
  margin: 0;
  color: var(--t-text);
  font-size: clamp(1.34rem, 2vw, 1.95rem);
  font-weight: 900;
  line-height: 1.16;
  letter-spacing: 0;
}

html[data-public-theme="turkmod"] .ui-theme-topic-title-card__meta {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  color: var(--t-muted);
  font-size: .84rem;
  font-weight: 750;
}

html[data-public-theme="turkmod"] .ui-theme-topic-title-card__meta span {
  display: inline-flex;
  align-items: center;
  min-height: 30px;
  gap: 7px;
  padding: 0 9px;
  border: 1px solid var(--t-border);
  border-radius: 7px;
  background: var(--t-surface-muted);
}

html[data-public-theme="turkmod"] .ui-theme-topic-title-card__meta i {
  color: var(--t-primary);
}

html[data-public-theme="turkmod"] .ui-theme-topic-title-card__open {
  display: inline-grid;
  width: 38px;
  height: 38px;
  place-items: center;
  border: 1px solid var(--t-border);
  border-radius: 7px;
  background: var(--t-surface-muted);
  color: var(--t-muted);
  text-decoration: none;
  transition: border-color .18s ease, background .18s ease, color .18s ease;
}

html[data-public-theme="turkmod"] .ui-theme-topic-title-card__open:hover,
html[data-public-theme="turkmod"] .ui-theme-topic-title-card__open:focus-visible {
  border-color: var(--t-primary);
  background: var(--t-primary);
  color: #fff;
}

html[data-public-theme="turkmod"] .ui-theme-topic-hero {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  aspect-ratio: 16 / 8.8;
  min-height: 300px;
  padding: 0 !important;
  border: 1px solid var(--t-border) !important;
  border-radius: var(--t-radius) !important;
  background-color: var(--t-surface-muted) !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;
  color: transparent !important;
}

html[data-public-theme="turkmod"] .ui-theme-topic-hero > * {
  display: none !important;
}

html[data-public-theme="turkmod"] .ui-theme-topic-hero > .ui-theme-topic-hero__image {
  position: absolute !important;
  inset: 0 !important;
  z-index: 0 !important;
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
}

html[data-public-theme="turkmod"] .ui-theme-category-parent-grid {
  display: block !important;
  column-count: 2;
  column-gap: var(--t-page-gap);
  gap: var(--t-page-gap) !important;
  margin: 0 !important;
}

html[data-public-theme="turkmod"] .ui-theme-category-family {
  position: relative;
  display: inline-grid;
  width: 100%;
  min-width: 0;
  margin: 0 0 var(--t-page-gap);
  overflow: hidden;
  border: 1px solid var(--t-border);
  border-radius: var(--t-radius);
  background:
    linear-gradient(135deg, color-mix(in srgb, var(--t-primary) 7%, transparent), transparent 52%),
    var(--t-surface);
  box-shadow: none;
  break-inside: avoid;
}

html[data-public-theme="turkmod"] .ui-theme-category-family::before {
  content: "";
  position: absolute;
  inset: 0;
  background-image: var(--ui-theme-category-bg, none);
  background-position: center;
  background-size: cover;
  opacity: .12;
  pointer-events: none;
}

html[data-public-theme="turkmod"] .ui-theme-category-family__head,
html[data-public-theme="turkmod"] .ui-theme-category-child {
  position: relative;
  z-index: 1;
  text-decoration: none !important;
}

html[data-public-theme="turkmod"] .ui-theme-category-family__head {
  display: grid;
  grid-template-columns: 44px minmax(0, 1fr) auto 30px;
  gap: 12px;
  align-items: center;
  min-height: 124px;
  padding: 16px;
  color: var(--t-text) !important;
}

html[data-public-theme="turkmod"] .ui-theme-category-family__head:hover,
html[data-public-theme="turkmod"] .ui-theme-category-family__head:focus-visible {
  background: color-mix(in srgb, var(--t-surface) 90%, var(--t-primary) 10%);
  color: var(--t-text) !important;
  outline: 0;
}

html[data-public-theme="turkmod"] .ui-theme-category-family__icon,
html[data-public-theme="turkmod"] .ui-theme-category-family__arrow,
html[data-public-theme="turkmod"] .ui-theme-category-child__icon {
  display: inline-grid;
  place-items: center;
  border-radius: 7px;
}

html[data-public-theme="turkmod"] .ui-theme-category-family__icon {
  width: 44px;
  height: 44px;
  background: var(--t-primary-soft);
  color: var(--t-primary);
  font-size: 1.1rem;
}

html[data-public-theme="turkmod"] .ui-theme-category-family__copy,
html[data-public-theme="turkmod"] .ui-theme-category-child__copy {
  display: grid;
  min-width: 0;
}

html[data-public-theme="turkmod"] .ui-theme-category-family__copy {
  gap: 5px;
}

html[data-public-theme="turkmod"] .ui-theme-category-family__meta {
  color: var(--t-primary);
  font-size: .74rem;
  font-weight: 850;
  line-height: 1.15;
}

html[data-public-theme="turkmod"] .ui-theme-category-family__copy strong,
html[data-public-theme="turkmod"] .ui-theme-category-child__copy strong {
  overflow: hidden;
  color: var(--t-text);
  text-overflow: ellipsis;
  white-space: nowrap;
}

html[data-public-theme="turkmod"] .ui-theme-category-family__copy strong {
  font-size: .98rem;
  font-weight: 900;
  line-height: 1.25;
}

html[data-public-theme="turkmod"] .ui-theme-category-family__copy small,
html[data-public-theme="turkmod"] .ui-theme-category-child__copy small {
  display: -webkit-box;
  overflow: hidden;
  color: var(--t-muted);
  font-weight: 650;
  -webkit-box-orient: vertical;
}

html[data-public-theme="turkmod"] .ui-theme-category-family__copy small {
  font-size: .82rem;
  line-height: 1.42;
  -webkit-line-clamp: 2;
}

html[data-public-theme="turkmod"] .ui-theme-category-family__total {
  display: grid;
  min-width: 58px;
  justify-items: end;
  gap: 2px;
  color: var(--t-muted);
  font-size: .72rem;
  font-weight: 800;
  line-height: 1.1;
}

html[data-public-theme="turkmod"] .ui-theme-category-family__total strong {
  color: var(--t-text);
  font-size: 1rem;
  font-weight: 900;
  line-height: 1;
}

html[data-public-theme="turkmod"] .ui-theme-category-family__arrow {
  width: 30px;
  height: 30px;
  border: 1px solid var(--t-border);
  background: var(--t-surface-muted);
  color: var(--t-muted);
}

html[data-public-theme="turkmod"] .ui-theme-category-family__head:hover .ui-theme-category-family__arrow,
html[data-public-theme="turkmod"] .ui-theme-category-family__head:focus-visible .ui-theme-category-family__arrow {
  border-color: var(--t-primary);
  background: var(--t-primary);
  color: #fff;
}

html[data-public-theme="turkmod"] .ui-theme-category-family__children {
  position: relative;
  z-index: 1;
  display: grid;
  border-top: 1px solid var(--t-border);
  background: color-mix(in srgb, var(--t-surface-muted) 76%, var(--t-surface) 24%);
}

html[data-public-theme="turkmod"] .ui-theme-category-child {
  display: grid;
  grid-template-columns: 30px minmax(0, 1fr) auto;
  gap: 10px;
  align-items: center;
  min-height: 58px;
  padding: 10px 14px;
  border-top: 1px solid color-mix(in srgb, var(--t-border) 72%, transparent);
  color: var(--t-text) !important;
}

html[data-public-theme="turkmod"] .ui-theme-category-child:first-child {
  border-top: 0;
}

html[data-public-theme="turkmod"] .ui-theme-category-child:hover,
html[data-public-theme="turkmod"] .ui-theme-category-child:focus-visible {
  background: var(--t-primary-soft);
  color: var(--t-primary) !important;
  outline: 0;
}

html[data-public-theme="turkmod"] .ui-theme-category-child__icon {
  width: 30px;
  height: 30px;
  background: var(--t-surface);
  color: var(--t-muted);
}

html[data-public-theme="turkmod"] .ui-theme-category-child:hover .ui-theme-category-child__icon,
html[data-public-theme="turkmod"] .ui-theme-category-child:focus-visible .ui-theme-category-child__icon {
  background: var(--t-primary);
  color: #fff;
}

html[data-public-theme="turkmod"] .ui-theme-category-child__copy {
  gap: 3px;
}

html[data-public-theme="turkmod"] .ui-theme-category-child__copy strong {
  font-size: .86rem;
  font-weight: 850;
  line-height: 1.2;
}

html[data-public-theme="turkmod"] .ui-theme-category-child__copy small {
  font-size: .75rem;
  line-height: 1.3;
  -webkit-line-clamp: 1;
}

html[data-public-theme="turkmod"] .ui-theme-category-child__count {
  min-width: 30px;
  padding: 4px 7px;
  border: 1px solid var(--t-border);
  border-radius: 999px;
  background: var(--t-surface);
  color: var(--t-muted);
  font-size: .74rem;
  font-weight: 850;
  line-height: 1;
  text-align: center;
}

html[data-public-theme="turkmod"] .ui-theme-category-family__empty {
  position: relative;
  z-index: 1;
  padding: 12px 16px;
  border-top: 1px solid var(--t-border);
  background: var(--t-surface-muted);
  color: var(--t-muted);
  font-size: .82rem;
  font-weight: 750;
}

html[data-public-theme="turkmod"] .topic-comments .ui-comment-load-more-wrap.is-hidden,
html[data-public-theme="turkmod"] .topic-comments .ui-comment-pagination-info.is-hidden {
  display: none !important;
}

@media (max-width: 991.98px) {
  html[data-public-theme="turkmod"] .ui-theme-category-parent-grid {
    column-count: 1;
  }

  html[data-public-theme="turkmod"] .ui-theme-profile-menu {
    right: 0;
  }
}

@media (max-width: 640px) {
  html[data-public-theme="turkmod"] .ui-theme-profile-toggle__name {
    display: none;
  }

  html[data-public-theme="turkmod"] .ui-theme-topic-title-card {
    grid-template-columns: minmax(0, 1fr) 38px;
    padding: 16px;
  }

  html[data-public-theme="turkmod"] .ui-theme-topic-title-card .ui-theme-topic-date {
    grid-column: 1 / -1;
    width: 100%;
  }

  html[data-public-theme="turkmod"] .ui-theme-topic-hero {
    aspect-ratio: 16 / 10.5;
    min-height: 220px;
  }

  html[data-public-theme="turkmod"] .ui-theme-category-family__head {
    grid-template-columns: 40px minmax(0, 1fr) 28px;
    min-height: 112px;
    padding: 14px;
  }

  html[data-public-theme="turkmod"] .ui-theme-category-family__total {
    grid-column: 2 / 3;
    grid-row: 2;
    justify-items: start;
  }

  html[data-public-theme="turkmod"] .ui-theme-category-family__arrow {
    grid-column: 3;
    grid-row: 1 / 3;
  }

  html[data-public-theme="turkmod"] .ui-theme-category-family__copy strong,
  html[data-public-theme="turkmod"] .ui-theme-category-child__copy strong {
    white-space: normal;
  }
}

/* === TOPIC DETAIL MOCKUP REFINEMENT === */
html[data-public-theme="turkmod"] .ui-theme-topic-title-card {
  grid-template-columns: minmax(0, 1fr) !important;
  gap: 0 !important;
  align-items: start !important;
  padding: 16px 18px !important;
}

html[data-public-theme="turkmod"] .ui-theme-topic-title-card__copy {
  gap: 9px !important;
}

html[data-public-theme="turkmod"] .ui-theme-topic-title-card__category {
  min-height: 28px !important;
  padding: 0 9px !important;
  font-size: .74rem !important;
}

html[data-public-theme="turkmod"] .ui-theme-topic-title-card h1 {
  max-width: 740px;
  font-size: clamp(1.18rem, 1.45vw, 1.58rem) !important;
  line-height: 1.18 !important;
}

html[data-public-theme="turkmod"] .ui-theme-topic-title-card__open {
  width: 34px !important;
  height: 34px !important;
}

html[data-public-theme="turkmod"] .ui-theme-topic-toolbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  min-width: 0;
  padding: 10px 12px;
  border: 1px solid var(--t-border);
  border-radius: var(--t-radius);
  background: var(--t-surface);
  box-shadow: none;
}

html[data-public-theme="turkmod"] .ui-theme-topic-toolbar__meta,
html[data-public-theme="turkmod"] .ui-theme-topic-toolbar__actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  min-width: 0;
  gap: 7px;
}

html[data-public-theme="turkmod"] .ui-theme-topic-toolbar__meta span,
html[data-public-theme="turkmod"] .ui-theme-topic-action {
  display: inline-flex;
  align-items: center;
  min-height: 32px;
  gap: 7px;
  padding: 0 10px;
  border: 1px solid var(--t-border);
  border-radius: 7px;
  background: var(--t-surface-muted);
  color: var(--t-muted);
  font-size: .8rem;
  font-weight: 800;
  line-height: 1;
  text-decoration: none !important;
  white-space: nowrap;
}

html[data-public-theme="turkmod"] .ui-theme-topic-toolbar__meta i,
html[data-public-theme="turkmod"] .ui-theme-topic-action i {
  color: var(--t-primary);
  font-size: .9rem;
}

html[data-public-theme="turkmod"] .ui-theme-topic-action {
  cursor: pointer;
  transition: border-color .18s ease, background .18s ease, color .18s ease;
}

html[data-public-theme="turkmod"] .ui-theme-topic-action:hover,
html[data-public-theme="turkmod"] .ui-theme-topic-action:focus-visible,
html[data-public-theme="turkmod"] .ui-theme-topic-action.is-active {
  border-color: color-mix(in srgb, var(--t-primary) 42%, var(--t-border));
  background: var(--t-primary-soft);
  color: var(--t-primary);
  outline: 0;
}

html[data-public-theme="turkmod"] .ui-theme-topic-action.is-optimistic-pending {
  opacity: .72;
  pointer-events: none;
}

html[data-public-theme="turkmod"] .ui-theme-topic-action--edit {
  border-color: color-mix(in srgb, var(--t-primary) 28%, var(--t-border));
  color: var(--t-text);
}

html[data-public-theme="turkmod"] .ttb-favorite-count {
  display: inline-grid;
  min-width: 22px;
  height: 20px;
  place-items: center;
  padding: 0 6px;
  border-radius: 999px;
  background: var(--t-surface);
  color: var(--t-muted);
  font-size: .72rem;
  font-weight: 900;
}

html[data-public-theme="turkmod"] .ui-theme-topic-action.is-active .ttb-favorite-count {
  color: var(--t-primary);
}

@media (max-width: 640px) {
  html[data-public-theme="turkmod"] .ui-theme-topic-title-card {
    grid-template-columns: minmax(0, 1fr) !important;
    padding: 14px !important;
  }

  html[data-public-theme="turkmod"] .ui-theme-topic-toolbar {
    align-items: stretch;
    flex-direction: column;
  }

  html[data-public-theme="turkmod"] .ui-theme-topic-toolbar__meta,
  html[data-public-theme="turkmod"] .ui-theme-topic-toolbar__actions {
    width: 100%;
  }

  html[data-public-theme="turkmod"] .ui-theme-topic-toolbar__meta span,
  html[data-public-theme="turkmod"] .ui-theme-topic-action {
    flex: 1 1 auto;
    justify-content: center;
  }
}

/* === CATEGORY DIRECTORY POLISHED GRID === */
html[data-public-theme="turkmod"] body.public-page-category .ui-theme-category-shell {
  gap: var(--t-page-gap) !important;
}

html[data-public-theme="turkmod"] body.public-page-category .ui-theme-category-hero {
  grid-template-columns: minmax(0, 1fr) minmax(196px, 232px) !important;
  align-items: stretch !important;
  min-height: auto !important;
  padding: 18px !important;
  overflow: hidden;
}

html[data-public-theme="turkmod"] body.public-page-category .ui-theme-category-hero__copy {
  align-content: center;
  gap: 9px !important;
}

html[data-public-theme="turkmod"] body.public-page-category .ui-theme-category-hero h1 {
  font-size: 1.34rem !important;
  line-height: 1.16 !important;
}

html[data-public-theme="turkmod"] body.public-page-category .ui-theme-category-hero p {
  max-width: 520px !important;
  font-size: .9rem !important;
  line-height: 1.5 !important;
}

html[data-public-theme="turkmod"] body.public-page-category .ui-theme-category-hero__stats {
  align-self: stretch;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  gap: 8px !important;
  width: 100% !important;
  min-width: 0 !important;
}

html[data-public-theme="turkmod"] body.public-page-category .ui-theme-category-hero__stats span {
  align-content: center;
  min-width: 0 !important;
  min-height: 62px;
  padding: 10px 12px !important;
  overflow: hidden;
}

html[data-public-theme="turkmod"] body.public-page-category .ui-theme-category-parent-grid {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  align-items: start;
  row-gap: var(--t-page-gap) !important;
  column-gap: calc(var(--t-page-gap) + 6px) !important;
  column-count: initial !important;
}

html[data-public-theme="turkmod"] body.public-page-category .ui-theme-category-family {
  display: grid !important;
  width: 100% !important;
  min-width: 0;
  margin: 0 !important;
  grid-template-rows: auto auto;
  overflow: hidden;
  break-inside: auto;
  border-color: color-mix(in srgb, var(--t-border) 88%, var(--t-primary) 12%);
  background:
    linear-gradient(135deg, color-mix(in srgb, var(--t-primary) 6%, transparent), transparent 42%),
    var(--t-surface) !important;
}

html[data-public-theme="turkmod"] body.public-page-category .ui-theme-category-family.is-expanded {
  grid-row: auto;
}

html[data-public-theme="turkmod"] body.public-page-category .ui-theme-category-family__head {
  grid-template-columns: 40px minmax(0, 1fr) auto 30px !important;
  gap: 11px !important;
  min-height: 112px !important;
  padding: 14px !important;
  border-bottom: 1px solid var(--t-border);
}

html[data-public-theme="turkmod"] body.public-page-category .ui-theme-category-family__icon {
  width: 40px !important;
  height: 40px !important;
}

html[data-public-theme="turkmod"] body.public-page-category .ui-theme-category-family__copy {
  gap: 4px !important;
}

html[data-public-theme="turkmod"] body.public-page-category .ui-theme-category-family__copy strong {
  font-size: .94rem !important;
  line-height: 1.22 !important;
}

html[data-public-theme="turkmod"] body.public-page-category .ui-theme-category-family__copy small {
  font-size: .78rem !important;
  line-height: 1.36 !important;
  -webkit-line-clamp: 2;
}

html[data-public-theme="turkmod"] body.public-page-category .ui-theme-category-family__total {
  min-width: 56px !important;
}

html[data-public-theme="turkmod"] body.public-page-category .ui-theme-category-family__children {
  align-content: start;
  border-top: 0 !important;
  background: var(--t-surface-muted) !important;
}

html[data-public-theme="turkmod"] body.public-page-category .ui-theme-category-child {
  grid-template-columns: 28px minmax(0, 1fr) auto !important;
  min-height: 46px !important;
  gap: 9px !important;
  padding: 8px 12px !important;
}

html[data-public-theme="turkmod"] body.public-page-category .ui-theme-category-child[hidden] {
  display: none !important;
}

html[data-public-theme="turkmod"] body.public-page-category .ui-theme-category-child__icon {
  width: 28px !important;
  height: 28px !important;
  background: var(--t-surface) !important;
}

html[data-public-theme="turkmod"] body.public-page-category .ui-theme-category-child__copy strong {
  font-size: .8rem !important;
  line-height: 1.18 !important;
}

html[data-public-theme="turkmod"] body.public-page-category .ui-theme-category-child__count {
  min-width: 34px !important;
  padding: 4px 7px !important;
  background: var(--t-surface) !important;
}

html[data-public-theme="turkmod"] body.public-page-category .ui-theme-category-family__empty {
  align-self: start;
  padding: 12px 14px !important;
  border-top: 0 !important;
}

html[data-public-theme="turkmod"] body.public-page-category .ui-theme-category-family__expand {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: 28px minmax(0, 1fr) auto;
  align-items: center;
  min-height: 42px;
  gap: 9px;
  width: 100%;
  padding: 9px 12px;
  border: 0;
  border-top: 1px solid var(--t-border);
  background: var(--t-surface);
  color: var(--t-primary);
  font: inherit;
  font-size: .8rem;
  font-weight: 850;
  line-height: 1.1;
  cursor: pointer;
}

html[data-public-theme="turkmod"] body.public-page-category .ui-theme-category-family__expand span {
  grid-column: 2;
  min-width: 0;
  overflow: hidden;
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap;
}

html[data-public-theme="turkmod"] body.public-page-category .ui-theme-category-family__expand strong {
  display: inline-grid;
  grid-column: 3;
  min-width: 34px;
  place-items: center;
  padding: 4px 7px;
  border: 1px solid var(--t-border);
  border-radius: 999px;
  background: var(--t-surface);
  color: var(--t-muted);
  font-size: .74rem;
  font-weight: 850;
  line-height: 1;
  text-align: center;
}

html[data-public-theme="turkmod"] body.public-page-category .ui-theme-category-family__expand i {
  grid-column: 1;
  grid-row: 1;
  display: inline-grid;
  width: 28px;
  height: 28px;
  place-items: center;
  border-radius: 7px;
  background: var(--t-surface-muted);
  color: var(--t-primary);
  transition: transform .18s ease;
}

html[data-public-theme="turkmod"] body.public-page-category .ui-theme-category-family.is-expanded .ui-theme-category-family__expand i {
  transform: rotate(180deg);
}

html[data-public-theme="turkmod"] body.public-page-category .ui-theme-category-family__expand:hover,
html[data-public-theme="turkmod"] body.public-page-category .ui-theme-category-family__expand:focus-visible {
  background: var(--t-primary-soft);
  outline: 0;
}

@media (max-width: 991.98px) {
  html[data-public-theme="turkmod"] body.public-page-category .ui-theme-category-hero {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  html[data-public-theme="turkmod"] body.public-page-category .ui-theme-category-hero__stats {
    grid-template-columns: repeat(auto-fit, minmax(130px, 1fr)) !important;
  }

  html[data-public-theme="turkmod"] body.public-page-category .ui-theme-category-parent-grid {
    grid-template-columns: minmax(0, 1fr) !important;
  }
}

@media (max-width: 640px) {
  html[data-public-theme="turkmod"] body.public-page-category .ui-theme-category-hero {
    padding: 14px !important;
  }

  html[data-public-theme="turkmod"] body.public-page-category .ui-theme-category-family__head {
    grid-template-columns: 38px minmax(0, 1fr) 28px !important;
    min-height: 104px !important;
  }

  html[data-public-theme="turkmod"] body.public-page-category .ui-theme-category-family__total {
    grid-column: 2 / 3;
    grid-row: 2;
    justify-items: start !important;
  }
}

/* Final category hero alignment guard */
html[data-public-theme="turkmod"] body.public-page-category .ui-theme-category-hero {
  display: flex !important;
  align-items: stretch !important;
  justify-content: space-between !important;
  min-height: 142px !important;
  height: auto !important;
  overflow: visible !important;
}

html[data-public-theme="turkmod"] body.public-page-category .ui-theme-category-hero__copy {
  flex: 1 1 auto;
  min-width: 0;
}

html[data-public-theme="turkmod"] body.public-page-category .ui-theme-category-hero__stats {
  flex: 0 0 220px;
  max-width: 220px;
}

@media (max-width: 991.98px) {
  html[data-public-theme="turkmod"] body.public-page-category .ui-theme-category-hero {
    flex-direction: column;
  }

  html[data-public-theme="turkmod"] body.public-page-category .ui-theme-category-hero__stats {
    flex: 0 0 auto;
    max-width: none;
  }
}

/* === TURKMOD THEME HARDENING PASS === */
html[data-public-theme="turkmod"] {
  --ui-theme-space-2xs: 4px;
  --ui-theme-space-xs: 6px;
  --ui-theme-space-sm: 8px;
  --ui-theme-space-md: 12px;
  --ui-theme-space-lg: 16px;
  --ui-theme-space-xl: 22px;
  --ui-theme-page-gap: 12px;
  --ui-theme-panel-pad: 14px;
  --ui-theme-radius: 8px;
  --ui-theme-radius-sm: 7px;
  --ui-theme-control-height: 38px;
  --ui-theme-danger: #b42342;
  --ui-theme-success: #047857;
  --ui-theme-warning: #b45309;
  --t-page-gap: var(--ui-theme-page-gap);
  --t-panel-pad: var(--ui-theme-panel-pad);
  --t-stack-gap: var(--ui-theme-page-gap);
  --t-radius: var(--ui-theme-radius);
  --t-muted: #626a78;
  --text-dim: #626a78;
}

html[data-public-theme="turkmod"][data-theme="dark"] {
  --t-muted: #b6bdca;
  --text-dim: #b6bdca;
  --t-border: #303744;
  --ui-border: #303744;
  --t-surface-muted: #1d222c;
  --ui-surface-muted: #1d222c;
}

@media (max-width: 640px) {
  html[data-public-theme="turkmod"] {
    --ui-theme-page-gap: 10px;
    --ui-theme-panel-pad: 12px;
  }
}

html[data-public-theme="turkmod"] :where(.content-area, .ui-theme-topic-detail, .ui-theme-topic-stack, .ui-theme-category-shell, .ui-theme-category-content, .ui-theme-category-directory, .ui-theme-comments-area) {
  box-sizing: border-box;
  min-width: 0;
}

html[data-public-theme="turkmod"] .content-area > :where(article, section, div, main, nav) {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

html[data-public-theme="turkmod"] .content-area > :where(article, section).ui-theme-topic-detail,
html[data-public-theme="turkmod"] .content-area > :where(article, section).ui-theme-category-shell,
html[data-public-theme="turkmod"] .content-area > section {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

html[data-public-theme="turkmod"] .ui-theme-topic-detail,
html[data-public-theme="turkmod"] .ui-theme-topic-stack,
html[data-public-theme="turkmod"] .ui-theme-topic-content,
html[data-public-theme="turkmod"] .ui-theme-topic-download,
html[data-public-theme="turkmod"] .ui-theme-topic-comments-slot,
html[data-public-theme="turkmod"] .ui-theme-comments-area,
html[data-public-theme="turkmod"] .ui-theme-category-shell,
html[data-public-theme="turkmod"] .ui-theme-category-content,
html[data-public-theme="turkmod"] .ui-theme-category-directory {
  gap: var(--ui-theme-page-gap) !important;
}

html[data-public-theme="turkmod"] :where(.ui-theme-topic-detail, .ui-theme-category-shell, .ui-theme-comments-area) :where(h1, h2, h3, h4, p) {
  margin-top: 0;
}

/* Category card visual hooks: future cover/accent data only needs inline CSS vars. */
html[data-public-theme="turkmod"] :where(.ui-theme-category-family, .ui-theme-category-card) {
  --ui-theme-category-accent: var(--t-primary);
  --ui-theme-category-accent-soft: color-mix(in srgb, var(--ui-theme-category-accent) 11%, transparent);
}

html[data-public-theme="turkmod"] body.public-page-category .ui-theme-category-family {
  background:
    linear-gradient(135deg, color-mix(in srgb, var(--ui-theme-category-accent) 7%, transparent), transparent 44%),
    var(--t-surface) !important;
}

html[data-public-theme="turkmod"] body.public-page-category .ui-theme-category-family::before {
  background-image: var(--ui-theme-category-bg, none);
  opacity: .13;
}

html[data-public-theme="turkmod"][data-theme="dark"] body.public-page-category .ui-theme-category-family::before {
  opacity: .18;
}

html[data-public-theme="turkmod"] body.public-page-category .ui-theme-category-family[style*="--ui-theme-category-bg"] .ui-theme-category-family__head {
  background:
    linear-gradient(90deg, color-mix(in srgb, var(--t-surface) 92%, transparent), color-mix(in srgb, var(--t-surface) 78%, transparent)),
    transparent;
}

html[data-public-theme="turkmod"] body.public-page-category .ui-theme-category-family__meta,
html[data-public-theme="turkmod"] body.public-page-category .ui-theme-category-family__expand {
  color: var(--ui-theme-category-accent);
}

html[data-public-theme="turkmod"] body.public-page-category .ui-theme-category-family__icon,
html[data-public-theme="turkmod"] body.public-page-category .ui-theme-category-child:hover .ui-theme-category-child__icon,
html[data-public-theme="turkmod"] body.public-page-category .ui-theme-category-child:focus-visible .ui-theme-category-child__icon {
  background: color-mix(in srgb, var(--ui-theme-category-accent) 13%, var(--t-surface));
  color: var(--ui-theme-category-accent);
}

html[data-public-theme="turkmod"] body.public-page-category .ui-theme-category-family__head:hover .ui-theme-category-family__arrow,
html[data-public-theme="turkmod"] body.public-page-category .ui-theme-category-family__head:focus-visible .ui-theme-category-family__arrow {
  border-color: var(--ui-theme-category-accent);
  background: var(--ui-theme-category-accent);
}

/* Comments: one-card rhythm, readable actions, stable light/dark contrast. */
html[data-public-theme="turkmod"] .ui-theme-comments-area > .topic-comments {
  gap: var(--ui-theme-page-gap) !important;
  padding: var(--ui-theme-panel-pad) !important;
}

html[data-public-theme="turkmod"] .ui-theme-comments-area .ui-comment-header {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr) !important;
  align-items: start !important;
  gap: var(--ui-theme-space-xs) !important;
  min-height: 0 !important;
  padding: 0 0 var(--ui-theme-space-xs) !important;
  border-bottom: 1px solid var(--t-border) !important;
  margin: 0 0 var(--ui-theme-space-sm) !important;
}

html[data-public-theme="turkmod"] .ui-theme-comments-area .ui-comment-header h2 {
  grid-column: 2 !important;
  padding: 0 !important;
  border-bottom: 0 !important;
  font-size: 1rem !important;
  line-height: 1.2 !important;
  width: max-content !important;
  max-width: 100% !important;
  text-align: center !important;
  justify-content: center !important;
  justify-self: center !important;
}

html[data-public-theme="turkmod"] .ui-theme-comments-area .ui-comment-header .ui-comment-sort {
  grid-column: 3 !important;
  justify-self: end !important;
  align-self: start !important;
  order: 0 !important;
  width: max-content !important;
  max-width: 100% !important;
  margin: 0 0 0 auto !important;
}

html[data-public-theme="turkmod"] .ui-theme-comments-area .ui-comment-count {
  display: inline-grid;
  min-width: 28px;
  min-height: 22px;
  place-items: center;
  padding: 0 var(--ui-theme-space-xs);
  border: 1px solid var(--t-border);
  border-radius: 999px;
  background: var(--t-surface-muted);
  color: var(--t-muted);
  font-size: .74rem;
  font-weight: 850;
}


html[data-public-theme="turkmod"] .ui-theme-comments-area .ui-comment-item {
  background: var(--t-surface) !important;
}

html[data-public-theme="turkmod"][data-theme="dark"] .ui-theme-comments-area .ui-comment-item {
  background: color-mix(in srgb, var(--t-surface) 88%, #000 12%) !important;
}

html[data-public-theme="turkmod"] .ui-theme-comments-area .ui-comment-textarea,
html[data-public-theme="turkmod"] .ui-theme-comments-area .ui-comment-inline-textarea,
html[data-public-theme="turkmod"] .ui-theme-comments-area .ui-comment-sort-select {
  min-height: var(--ui-theme-control-height);
  border-radius: var(--ui-theme-radius-sm) !important;
  background: var(--t-surface) !important;
}

html[data-public-theme="turkmod"][data-theme="dark"] .ui-theme-comments-area .ui-comment-textarea,
html[data-public-theme="turkmod"][data-theme="dark"] .ui-theme-comments-area .ui-comment-inline-textarea,
html[data-public-theme="turkmod"][data-theme="dark"] .ui-theme-comments-area .ui-comment-sort-select {
  background: color-mix(in srgb, var(--t-surface-muted) 84%, #000 16%) !important;
}

html[data-public-theme="turkmod"] .ui-theme-comments-area .ui-comment-avatar,
html[data-public-theme="turkmod"] .ui-theme-comments-area .ui-comment-form-avatar {
  border: 1px solid color-mix(in srgb, var(--t-primary) 22%, var(--t-border));
  box-shadow: inset 0 0 0 1px color-mix(in srgb, #fff 56%, transparent);
}

html[data-public-theme="turkmod"][data-theme="dark"] .ui-theme-comments-area .ui-comment-avatar,
html[data-public-theme="turkmod"][data-theme="dark"] .ui-theme-comments-area .ui-comment-form-avatar {
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .08);
}

html[data-public-theme="turkmod"] .ui-theme-comments-area .ui-comment-body {
  display: grid;
  gap: var(--ui-theme-space-sm);
}

html[data-public-theme="turkmod"] .ui-theme-comments-area .ui-comment-meta {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: var(--ui-theme-space-sm);
  margin-bottom: 0;
}

html[data-public-theme="turkmod"] .ui-theme-comments-area .ui-comment-author {
  color: var(--t-text) !important;
}

html[data-public-theme="turkmod"] .ui-theme-comments-area .ui-comment-time {
  justify-self: end;
  color: var(--t-muted) !important;
  white-space: nowrap;
}

html[data-public-theme="turkmod"] .ui-theme-comments-area .ui-comment-text,
html[data-public-theme="turkmod"] .ui-theme-comments-area .comment-body {
  margin: 0 !important;
  color: var(--t-text) !important;
  font-size: .92rem;
  line-height: 1.62;
}

html[data-public-theme="turkmod"] .ui-theme-comments-area .ui-comment-bottom-bar {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: var(--ui-theme-space-sm);
  align-items: center;
  margin-top: var(--ui-theme-space-xs);
}

html[data-public-theme="turkmod"] .ui-theme-comments-area .ui-comment-actions-row,
html[data-public-theme="turkmod"] .ui-theme-comments-area .ui-comment-reactions {
  gap: var(--ui-theme-space-xs);
}

html[data-public-theme="turkmod"] .ui-theme-comments-area .ui-comment-action-btn,
html[data-public-theme="turkmod"] .ui-theme-comments-area .comment-reaction-btn,
html[data-public-theme="turkmod"] .ui-theme-comments-area .ui-comment-btn-cancel {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 30px;
  gap: var(--ui-theme-space-xs);
  padding: 0 var(--ui-theme-space-sm);
  border-radius: var(--ui-theme-radius-sm) !important;
  background: var(--t-surface-muted) !important;
  color: var(--t-muted) !important;
  font-size: .76rem;
  font-weight: 850;
  white-space: nowrap;
}

html[data-public-theme="turkmod"] .ui-theme-comments-area :where(.ui-comment-action-btn, .comment-reaction-btn) i.bi {
  display: inline-grid !important;
  width: 16px;
  height: 16px;
  place-items: center;
  color: currentColor;
  font-size: .82rem;
}

html[data-public-theme="turkmod"] .ui-theme-comments-area .comment-reaction-btn .reaction-count {
  display: inline-grid;
  min-width: 20px;
  height: 20px;
  place-items: center;
  padding: 0 var(--ui-theme-space-xs);
  border-radius: 999px;
  background: var(--t-surface);
  color: var(--t-muted);
  font-size: .72rem;
  font-weight: 900;
}

html[data-public-theme="turkmod"] .ui-theme-comments-area .ui-comment-action-btn:hover,
html[data-public-theme="turkmod"] .ui-theme-comments-area .comment-reaction-btn:hover,
html[data-public-theme="turkmod"] .ui-theme-comments-area .comment-reaction-btn.active {
  border-color: color-mix(in srgb, var(--t-primary) 42%, var(--t-border)) !important;
  background: var(--t-primary-soft) !important;
  color: var(--t-primary) !important;
}

html[data-public-theme="turkmod"] .ui-theme-comments-area .ui-comment-delete:hover {
  border-color: color-mix(in srgb, var(--ui-theme-danger) 58%, var(--t-border)) !important;
  background: color-mix(in srgb, var(--ui-theme-danger) 10%, var(--t-surface)) !important;
  color: var(--ui-theme-danger) !important;
}

html[data-public-theme="turkmod"] .ui-theme-comments-area .ui-comment-author-badge,
html[data-public-theme="turkmod"] .ui-theme-comments-area .comment-edited-badge {
  border-color: color-mix(in srgb, var(--t-primary) 20%, var(--t-border));
  background: var(--t-primary-soft);
  color: var(--t-primary);
}

html[data-public-theme="turkmod"] .ui-theme-comments-area .comment-edited-badge button,
html[data-public-theme="turkmod"] .ui-theme-comments-area .comment-edit-history-btn {
  margin-left: var(--ui-theme-space-xs);
  padding: 0;
  border: 0;
  background: transparent;
  color: currentColor;
  font: inherit;
  font-weight: 900;
  text-decoration: underline;
  text-underline-offset: 2px;
}

html[data-public-theme="turkmod"] .ui-theme-comments-area .ui-comment-replies {
  gap: var(--ui-theme-space-sm);
  margin-top: var(--ui-theme-space-sm);
  margin-left: 54px;
  padding-left: var(--ui-theme-space-md);
  border-left: 2px solid color-mix(in srgb, var(--t-primary) 24%, var(--t-border));
}

html[data-public-theme="turkmod"] .ui-theme-comments-area .ui-comment-replies .ui-comment-item {
  background: var(--t-surface-muted) !important;
}

html[data-public-theme="turkmod"] .ui-theme-comments-area .ui-comment-empty-state,
html[data-public-theme="turkmod"] .ui-theme-comments-area .ui-comment-login-prompt,
html[data-public-theme="turkmod"] .ui-theme-comments-area .ui-comment-loading {
  padding: var(--ui-theme-panel-pad) !important;
  border-radius: var(--ui-theme-radius) !important;
  background: var(--t-surface-muted) !important;
}

html[data-public-theme="turkmod"] .ui-theme-comments-area .ui-comment-empty-state-title {
  color: var(--t-text);
  font-size: .98rem;
  font-weight: 900;
}

html[data-public-theme="turkmod"] .ui-theme-comments-area .ui-comment-empty-state-desc {
  color: var(--t-muted);
  font-size: .88rem;
  line-height: 1.48;
}

@media (max-width: 640px) {
  html[data-public-theme="turkmod"] .ui-theme-comments-area .ui-comment-meta,
  html[data-public-theme="turkmod"] .ui-theme-comments-area .ui-comment-bottom-bar {
    grid-template-columns: minmax(0, 1fr);
  }

  html[data-public-theme="turkmod"] .ui-theme-comments-area .ui-comment-time,
  html[data-public-theme="turkmod"] .ui-theme-comments-area .ui-comment-reactions {
    justify-self: start;
    margin-left: 0;
  }

  html[data-public-theme="turkmod"] .ui-theme-comments-area .ui-comment-replies {
    margin-left: 0;
  }
}

/* === TURKMOD MOD UPLOAD AND EDIT FOCUS PASS === */
html[data-public-theme="turkmod"] body.public-page-upload-topic,
html[data-public-theme="turkmod"] body.public-page-edit-topic {
  --ui-theme-upload-width: 1240px;
  --ui-theme-upload-side-width: 318px;
  --ui-theme-upload-accent: var(--t-primary, #8b1538);
  --ui-theme-upload-teal: #0f766e;
  --ui-theme-upload-amber: #b45309;
  --ui-theme-upload-line: var(--t-border, #dde3eb);
  --ui-theme-upload-panel: var(--t-surface, #fff);
  --ui-theme-upload-panel-muted: var(--t-surface-muted, #f7f8fa);
  --ui-theme-upload-text: var(--t-text, #14191e);
  --ui-theme-upload-muted: var(--t-muted, #626a78);
}

html[data-public-theme="turkmod"][data-theme="dark"] body.public-page-upload-topic,
html[data-public-theme="turkmod"][data-theme="dark"] body.public-page-edit-topic {
  --ui-theme-upload-teal: #5eead4;
  --ui-theme-upload-amber: #fbbf24;
  --ui-theme-upload-line: var(--t-border, #303744);
}

html[data-public-theme="turkmod"] body.public-page-upload-topic .sidebar-left,
html[data-public-theme="turkmod"] body.public-page-upload-topic .sidebar-right,
html[data-public-theme="turkmod"] body.public-page-edit-topic .sidebar-left,
html[data-public-theme="turkmod"] body.public-page-edit-topic .sidebar-right {
  display: none !important;
}

html[data-public-theme="turkmod"] body.public-page-upload-topic .layout.grid,
html[data-public-theme="turkmod"] body.public-page-edit-topic .layout.grid {
  width: 100% !important;
  grid-template-columns: minmax(0, 1fr) !important;
  margin-right: auto !important;
  margin-left: auto !important;
}

html[data-public-theme="turkmod"] body.public-page-upload-topic .content-area,
html[data-public-theme="turkmod"] body.public-page-edit-topic .content-area {
  grid-column: 1 !important;
}

html[data-public-theme="turkmod"] body.public-page-upload-topic .site-main--focus .layout.grid--focus,
html[data-public-theme="turkmod"] body.public-page-edit-topic .site-main--focus .layout.grid--focus {
  width: 100% !important;
}



html[data-public-theme="turkmod"] .ui-theme-form-page,
html[data-public-theme="turkmod"] .public-upload-shell {
  display: grid !important;
  width: 100% !important;
  max-width: none !important;
  gap: var(--ui-theme-page-gap, 16px) !important;
  margin: 0 !important;
  padding: 0 !important;
  color: var(--ui-theme-upload-text, var(--t-text));
}

html[data-public-theme="turkmod"] .ui-theme-form-page__header,
html[data-public-theme="turkmod"] .public-upload-head {
  display: grid !important;
  gap: 8px !important;
  margin: 0 0 var(--ui-theme-page-gap, 16px) !important;
  padding: clamp(18px, 3vw, 28px) !important;
  border: 1px solid var(--ui-theme-upload-line) !important;
  border-radius: var(--ui-theme-radius, 8px) !important;
  background:
    linear-gradient(135deg, color-mix(in srgb, var(--ui-theme-upload-accent) 9%, transparent), transparent 45%),
    linear-gradient(90deg, color-mix(in srgb, var(--ui-theme-upload-teal) 7%, transparent), transparent 56%),
    var(--ui-theme-upload-panel) !important;
  box-shadow: none !important;
  text-align: left !important;
}

html[data-public-theme="turkmod"] .ui-theme-form-page__eyebrow {
  display: inline-flex;
  width: fit-content;
  align-items: center;
  gap: 8px;
  min-height: 32px;
  padding: 5px 9px;
  border: 1px solid color-mix(in srgb, var(--ui-theme-upload-accent) 24%, var(--ui-theme-upload-line));
  border-radius: var(--ui-theme-radius-sm, 7px);
  background: color-mix(in srgb, var(--ui-theme-upload-accent) 8%, transparent);
  color: var(--ui-theme-upload-accent);
  font-size: .78rem;
  font-weight: 900;
}

html[data-public-theme="turkmod"] .ui-theme-form-page__header h1,
html[data-public-theme="turkmod"] .public-upload-head h1 {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 12px !important;
  margin: 0 !important;
  color: var(--ui-theme-upload-text) !important;
  font-size: clamp(1.55rem, 3vw, 2.15rem) !important;
  line-height: 1.1 !important;
  font-weight: 900 !important;
  letter-spacing: 0 !important;
  text-shadow: none !important;
}

html[data-public-theme="turkmod"] .public-upload-head h1 i {
  display: inline-grid !important;
  width: 44px !important;
  height: 44px !important;
  place-items: center !important;
  flex: 0 0 auto !important;
  padding: 0 !important;
  border: 1px solid color-mix(in srgb, var(--ui-theme-upload-accent) 24%, var(--ui-theme-upload-line)) !important;
  border-radius: var(--ui-theme-radius-sm, 7px) !important;
  background: color-mix(in srgb, var(--ui-theme-upload-accent) 10%, var(--ui-theme-upload-panel)) !important;
  color: var(--ui-theme-upload-accent) !important;
  box-shadow: none !important;
  transform: none !important;
  font-size: 1.25rem !important;
}

html[data-public-theme="turkmod"] .ui-theme-form-page__header p,
html[data-public-theme="turkmod"] .public-upload-head p {
  max-width: 780px !important;
  margin: 0 !important;
  color: var(--ui-theme-upload-muted) !important;
  font-size: .98rem !important;
  line-height: 1.6 !important;
  font-weight: 650 !important;
}

html[data-public-theme="turkmod"] .ui-theme-form-page__body,
html[data-public-theme="turkmod"] .public-upload-body,
html[data-public-theme="turkmod"] .public-upload-card {
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  overflow: visible !important;
}

html[data-public-theme="turkmod"] .public-alert-note {
  display: flex !important;
  align-items: flex-start !important;
  gap: 12px !important;
  margin: 0 0 var(--ui-theme-page-gap, 16px) !important;
  padding: 14px !important;
  border: 1px solid color-mix(in srgb, var(--ui-theme-upload-teal) 24%, var(--ui-theme-upload-line)) !important;
  border-radius: var(--ui-theme-radius, 8px) !important;
  background: color-mix(in srgb, var(--ui-theme-upload-teal) 7%, var(--ui-theme-upload-panel)) !important;
  color: var(--ui-theme-upload-text) !important;
}

html[data-public-theme="turkmod"] .public-alert-note i {
  flex: 0 0 auto !important;
  color: var(--ui-theme-upload-teal) !important;
  font-size: 1.35rem !important;
  text-shadow: none !important;
}

html[data-public-theme="turkmod"] .public-alert-note-strong {
  border-color: color-mix(in srgb, var(--ui-theme-upload-amber) 30%, var(--ui-theme-upload-line)) !important;
  background: color-mix(in srgb, var(--ui-theme-upload-amber) 8%, var(--ui-theme-upload-panel)) !important;
}

html[data-public-theme="turkmod"] .public-alert-note-strong i {
  color: var(--ui-theme-upload-amber) !important;
}

html[data-public-theme="turkmod"] .upload-wizard-progress {
  display: grid !important;
  grid-template-columns: repeat(7, minmax(0, 1fr)) !important;
  gap: 12px !important;
  max-width: none !important;
  width: 100% !important;
  margin: 0 0 var(--ui-theme-page-gap, 24px) !important;
  padding: clamp(24px, 3.5vw, 36px) clamp(24px, 3.5vw, 36px) 0 clamp(24px, 3.5vw, 36px) !important;
}

html[data-public-theme="turkmod"] .upload-wizard-step {
  min-height: auto !important;
  align-items: center !important;
  justify-content: flex-start !important;
  flex-direction: column !important;
  gap: 8px !important;
  padding: 0 !important;
  border: none !important;
  background: transparent !important;
  color: var(--ui-theme-upload-muted) !important;
  text-align: center !important;
  box-shadow: none !important;
  position: relative !important;
  overflow: visible !important;
}

html[data-public-theme="turkmod"] .upload-wizard-step::after {
  content: '';
  position: absolute;
  top: 18px;
  left: calc(50% + 20px);
  right: calc(-50% + 20px);
  height: 2px;
  background: var(--ui-theme-upload-line);
  z-index: 0;
  transition: background 0.3s ease;
}

html[data-public-theme="turkmod"] .upload-wizard-step:last-child::after {
  display: none !important;
}

@media (max-width: 1024px) {
  html[data-public-theme="turkmod"] .upload-wizard-step::after {
    display: none !important;
  }
}

html[data-public-theme="turkmod"] .upload-wizard-step span {
  display: inline-flex !important;
  width: 36px !important;
  height: 36px !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 50% !important;
  background: var(--ui-theme-upload-panel) !important;
  border: 2px solid var(--ui-theme-upload-line) !important;
  color: inherit !important;
  font-size: .9rem !important;
  font-weight: 800 !important;
  position: relative !important;
  z-index: 2 !important;
  flex-shrink: 0 !important;
}

html[data-public-theme="turkmod"] .upload-wizard-step strong {
  display: block !important;
  color: inherit !important;
  font-size: .82rem !important;
  line-height: 1.25 !important;
  font-weight: 700 !important;
  max-width: 100% !important;
  word-break: break-word !important;
}

html[data-public-theme="turkmod"] .upload-wizard-step:hover {
  transform: translateY(-2px) !important;
  color: color-mix(in srgb, var(--ui-theme-upload-accent) 80%, var(--ui-theme-upload-muted)) !important;
  background: transparent !important;
  border: none !important;
}

html[data-public-theme="turkmod"] .upload-wizard-step:hover span {
  border-color: color-mix(in srgb, var(--ui-theme-upload-accent) 80%, var(--ui-theme-upload-line)) !important;
}

html[data-public-theme="turkmod"] .upload-wizard-step.is-active,
html[data-public-theme="turkmod"] .upload-wizard-step.is-complete {
  color: var(--ui-theme-upload-text) !important;
  background: transparent !important;
  border: none !important;
  transform: none !important;
}

html[data-public-theme="turkmod"] .upload-wizard-step.is-active span,
html[data-public-theme="turkmod"] .upload-wizard-step.is-complete span {
  background: var(--ui-theme-upload-accent) !important;
  border-color: var(--ui-theme-upload-accent) !important;
  color: var(--on-primary, #fff) !important;
}

html[data-public-theme="turkmod"] .upload-wizard-step.is-complete::after {
  background: var(--ui-theme-upload-accent) !important;
}

html[data-public-theme="turkmod"] .upload-composer-layout {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) var(--ui-theme-upload-side-width) !important;
  max-width: none !important;
  width: 100% !important;
  margin: 0 !important;
  gap: clamp(24px, 3vw, 40px) !important;
  align-items: start !important;
}

html[data-public-theme="turkmod"] .upload-form-fields {
  display: flex !important;
  flex-direction: column !important;
  gap: 0 !important;
  min-width: 0 !important;
  background: var(--ui-theme-upload-panel) !important;
  border: 1px solid var(--ui-theme-upload-line) !important;
  border-radius: var(--ui-theme-radius-lg, 12px) !important;
  box-shadow: 0 4px 24px rgba(0, 0, 0, 0.04) !important;
  overflow: visible !important;
  position: relative !important;
}

html[data-public-theme="turkmod"] .upload-form-fields .row,
html[data-public-theme="turkmod"] .upload-form-fields .mb-4,
html[data-public-theme="turkmod"] .upload-form-fields .public-upload-grid,
html[data-public-theme="turkmod"] .upload-form-fields .public-alert-note {
  margin-bottom: 0 !important;
}

html[data-public-theme="turkmod"] .upload-wizard-panel,
html[data-public-theme="turkmod"] .public-media-card,
html[data-public-theme="turkmod"] .upload-assist-panel,
html[data-public-theme="turkmod"] .upload-limit-summary,
html[data-public-theme="turkmod"] .upload-profile-followup,
html[data-public-theme="turkmod"] .upload-review-list > div,
html[data-public-theme="turkmod"] .upload-rich-fallback,
html[data-public-theme="turkmod"] .upload-quill-container {
  border: 1px solid var(--ui-theme-upload-line) !important;
  border-radius: var(--ui-theme-radius, 8px) !important;
  background: var(--ui-theme-upload-panel) !important;
  color: var(--ui-theme-upload-text) !important;
  box-shadow: none !important;
}

html[data-public-theme="turkmod"] .upload-wizard-panel {
  padding: clamp(24px, 3.5vw, 36px) !important;
  animation: uploadStepIn .18s ease-out;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  flex: 1 1 auto !important;
}

html[data-public-theme="turkmod"] .upload-wizard-panel[hidden] {
  display: none !important;
}

html[data-public-theme="turkmod"] .upload-step-eyebrow {
  display: inline-flex !important;
  align-items: center !important;
  min-height: 30px !important;
  margin: 0 0 10px !important;
  padding: 4px 8px !important;
  border: 1px solid color-mix(in srgb, var(--ui-theme-upload-accent) 22%, var(--ui-theme-upload-line)) !important;
  border-radius: var(--ui-theme-radius-sm, 7px) !important;
  background: color-mix(in srgb, var(--ui-theme-upload-accent) 8%, transparent) !important;
  color: var(--ui-theme-upload-accent) !important;
  font-size: .75rem !important;
  font-weight: 900 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
}

html[data-public-theme="turkmod"] .upload-step-title {
  margin: 0 0 6px !important;
  color: var(--ui-theme-upload-text) !important;
  font-size: 1.22rem !important;
  line-height: 1.2 !important;
  font-weight: 900 !important;
}

html[data-public-theme="turkmod"] .upload-step-copy {
  max-width: 760px !important;
  margin: 0 0 16px !important;
  color: var(--ui-theme-upload-muted) !important;
  font-size: .95rem !important;
  line-height: 1.55 !important;
}

html[data-public-theme="turkmod"] .public-media-card {
  display: grid !important;
  gap: 14px !important;
  margin: 0 !important;
  padding: 16px !important;
}

html[data-public-theme="turkmod"] .public-media-head {
  display: flex !important;
  align-items: flex-start !important;
  justify-content: space-between !important;
  gap: 12px !important;
  margin: 0 !important;
  padding-bottom: 12px !important;
  border-bottom: 1px solid var(--ui-theme-upload-line) !important;
}

html[data-public-theme="turkmod"] .public-media-head h3 {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  margin: 0 !important;
  color: var(--ui-theme-upload-text) !important;
  font-size: 1rem !important;
  line-height: 1.3 !important;
  font-weight: 900 !important;
}

html[data-public-theme="turkmod"] .public-media-head h3 i {
  color: var(--ui-theme-upload-accent) !important;
}

html[data-public-theme="turkmod"] .public-media-head p {
  margin: 4px 0 0 !important;
  color: var(--ui-theme-upload-muted) !important;
  font-size: .86rem !important;
  line-height: 1.45 !important;
}

html[data-public-theme="turkmod"] .public-pill {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  min-height: 30px !important;
  padding: 4px 8px !important;
  border: 1px solid color-mix(in srgb, var(--ui-theme-upload-teal) 28%, var(--ui-theme-upload-line)) !important;
  border-radius: var(--ui-theme-radius-sm, 7px) !important;
  background: color-mix(in srgb, var(--ui-theme-upload-teal) 8%, transparent) !important;
  color: var(--ui-theme-upload-teal) !important;
  font-size: .74rem !important;
  font-weight: 900 !important;
  white-space: nowrap !important;
}

html[data-public-theme="turkmod"] .public-dropzone {
  display: grid !important;
  min-height: 190px !important;
  overflow: hidden !important;
  border: 1px dashed color-mix(in srgb, var(--ui-theme-upload-muted) 38%, var(--ui-theme-upload-line)) !important;
  border-radius: var(--ui-theme-radius, 8px) !important;
  background:
    linear-gradient(135deg, color-mix(in srgb, var(--ui-theme-upload-teal) 6%, transparent), transparent 52%),
    var(--ui-theme-upload-panel-muted) !important;
}

html[data-public-theme="turkmod"] .public-dropzone:hover,
html[data-public-theme="turkmod"] .public-dropzone.is-active {
  border-color: color-mix(in srgb, var(--ui-theme-upload-accent) 55%, var(--ui-theme-upload-line)) !important;
  background:
    linear-gradient(135deg, color-mix(in srgb, var(--ui-theme-upload-accent) 7%, transparent), transparent 52%),
    var(--ui-theme-upload-panel-muted) !important;
}

html[data-public-theme="turkmod"] .public-dropzone-trigger {
  display: grid !important;
  place-items: center !important;
  gap: 8px !important;
  padding: clamp(20px, 3vw, 34px) !important;
  text-align: center !important;
  cursor: pointer !important;
}

html[data-public-theme="turkmod"] .public-dropzone-trigger i {
  color: var(--ui-theme-upload-accent) !important;
  font-size: 2.1rem !important;
  margin: 0 !important;
  transform: none !important;
}

html[data-public-theme="turkmod"] .public-dropzone-trigger strong {
  color: var(--ui-theme-upload-text) !important;
  font-size: 1rem !important;
  line-height: 1.25 !important;
  font-weight: 900 !important;
}

html[data-public-theme="turkmod"] .public-dropzone-trigger span {
  color: var(--ui-theme-upload-muted) !important;
  font-size: .88rem !important;
  line-height: 1.45 !important;
}

html[data-public-theme="turkmod"] .public-preview-grid,
html[data-public-theme="turkmod"] .topic-edit-existing-media {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 10px !important;
  margin: 0 !important;
  padding: 0 12px 12px !important;
}

html[data-public-theme="turkmod"] .topic-edit-existing-media {
  padding: 0 0 12px !important;
  border-bottom: 1px dashed var(--ui-theme-upload-line) !important;
}

html[data-public-theme="turkmod"] .public-preview-item {
  position: relative !important;
  width: 128px !important;
  overflow: hidden !important;
  border: 1px solid var(--ui-theme-upload-line) !important;
  border-radius: var(--ui-theme-radius-sm, 7px) !important;
  background: var(--ui-theme-upload-panel) !important;
  box-shadow: none !important;
}

html[data-public-theme="turkmod"] .public-preview-item img {
  display: block !important;
  width: 100% !important;
  height: 96px !important;
  object-fit: cover !important;
}

html[data-public-theme="turkmod"] .public-preview-fallback {
  display: grid !important;
  width: 100% !important;
  height: 96px !important;
}

html[data-public-theme="turkmod"] .public-preview-fallback {
  place-items: center !important;
  gap: 4px !important;
  color: var(--ui-theme-upload-muted) !important;
  background: var(--ui-theme-upload-panel-muted) !important;
  font-size: .76rem !important;
  font-weight: 800 !important;
}

html[data-public-theme="turkmod"] .public-preview-name {
  position: absolute !important;
  inset: 0 0 auto !important;
  padding: 8px 8px 18px !important;
  color: #fff !important;
  background: linear-gradient(180deg, rgba(0,0,0,.76), transparent) !important;
  font-size: .72rem !important;
  font-weight: 850 !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  pointer-events: none !important;
}

html[data-public-theme="turkmod"] .public-preview-remove-bar {
  display: inline-flex !important;
  width: 100% !important;
  min-height: 34px !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 6px !important;
  border: 0 !important;
  background: var(--ui-theme-danger, #b42342) !important;
  color: #fff !important;
  font-size: .8rem !important;
  font-weight: 900 !important;
}

html[data-public-theme="turkmod"] .public-preview-order {
  position: absolute !important;
  top: 8px !important;
  left: 8px !important;
  z-index: 8 !important;
  min-width: 24px !important;
  height: 24px !important;
  display: inline-grid !important;
  place-items: center !important;
  border-radius: 999px !important;
  background: var(--ui-theme-upload-accent) !important;
  color: var(--on-primary, #fff) !important;
  font-size: .74rem !important;
  font-weight: 900 !important;
  pointer-events: none !important;
}

html[data-public-theme="turkmod"] .topic-edit-keep-toggle {
  display: flex !important;
  min-height: 34px !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 6px !important;
  margin: 0 !important;
  padding: 6px 8px !important;
  background: color-mix(in srgb, var(--ui-theme-success, #047857) 9%, var(--ui-theme-upload-panel)) !important;
  color: var(--ui-theme-upload-text) !important;
  font-size: .78rem !important;
  font-weight: 900 !important;
}

html[data-public-theme="turkmod"] .topic-edit-keep-toggle input {
  accent-color: var(--ui-theme-success, #047857) !important;
}

html[data-public-theme="turkmod"] .upload-image-rules,
html[data-public-theme="turkmod"] .upload-field-rules {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 7px !important;
  margin-top: 12px !important;
}

html[data-public-theme="turkmod"] .upload-image-rules span,
html[data-public-theme="turkmod"] .upload-field-rules span {
  display: inline-flex !important;
  min-height: 30px !important;
  align-items: center !important;
  gap: 6px !important;
  padding: 4px 8px !important;
  border: 1px solid var(--ui-theme-upload-line) !important;
  border-radius: var(--ui-theme-radius-sm, 7px) !important;
  background: var(--ui-theme-upload-panel-muted) !important;
  color: var(--ui-theme-upload-muted) !important;
  font-size: .78rem !important;
  font-weight: 850 !important;
}

html[data-public-theme="turkmod"] .upload-image-rules i,
html[data-public-theme="turkmod"] .upload-field-rules i {
  color: var(--ui-theme-upload-accent) !important;
}

html[data-public-theme="turkmod"] .public-upload-shell .form-label {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  margin-bottom: 8px !important;
  color: var(--ui-theme-upload-text) !important;
  font-size: .9rem !important;
  font-weight: 900 !important;
}

html[data-public-theme="turkmod"] .public-upload-shell .ui-admin-form-control,
html[data-public-theme="turkmod"] .public-upload-shell .form-control,
html[data-public-theme="turkmod"] .public-upload-shell .form-select {
  width: 100% !important;
  min-width: 0 !important;
  min-height: 46px !important;
  padding: 10px 12px !important;
  border: 1px solid var(--ui-theme-upload-line) !important;
  border-radius: var(--ui-theme-radius-sm, 7px) !important;
  background: var(--ui-theme-upload-panel-muted) !important;
  color: var(--ui-theme-upload-text) !important;
  box-shadow: none !important;
  font: inherit !important;
  font-size: .95rem !important;
  font-weight: 650 !important;
  line-height: 1.45 !important;
}

html[data-public-theme="turkmod"] .public-upload-shell .ui-admin-form-control:focus,
html[data-public-theme="turkmod"] .public-upload-shell .form-control:focus,
html[data-public-theme="turkmod"] .public-upload-shell .form-select:focus,
html[data-public-theme="turkmod"] .public-upload-shell .upload-rich-editor:focus {
  outline: none !important;
  border-color: var(--ui-theme-upload-accent) !important;
  background: color-mix(in srgb, var(--ui-theme-upload-accent) 6%, var(--ui-theme-upload-panel)) !important;
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--ui-theme-upload-accent) 14%, transparent) !important;
}

html[data-public-theme="turkmod"] .public-upload-shell textarea.ui-admin-form-control,
html[data-public-theme="turkmod"] .public-upload-shell .upload-rich-editor,
html[data-public-theme="turkmod"] .public-upload-shell .quill-container .ql-editor {
  min-height: 220px !important;
  line-height: 1.65 !important;
}

html[data-public-theme="turkmod"] .public-upload-shell .upload-rich-toolbar,
html[data-public-theme="turkmod"] .public-upload-shell .ql-toolbar {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 4px !important;
  padding: 8px !important;
  border-bottom: 1px solid var(--ui-theme-upload-line) !important;
  background: var(--ui-theme-upload-panel-muted) !important;
}

html[data-public-theme="turkmod"] .public-upload-shell .upload-rich-toolbar button {
  width: 34px !important;
  height: 34px !important;
  display: inline-grid !important;
  place-items: center !important;
  border: 1px solid var(--ui-theme-upload-line) !important;
  border-radius: var(--ui-theme-radius-sm, 7px) !important;
  background: var(--ui-theme-upload-panel) !important;
  color: var(--ui-theme-upload-text) !important;
}

html[data-public-theme="turkmod"] .public-upload-shell .dl-row {
  display: grid !important;
  grid-template-columns: minmax(145px, 190px) minmax(0, 1fr) 42px !important;
  align-items: stretch !important;
  gap: 8px !important;
  margin-bottom: 8px !important;
}

html[data-public-theme="turkmod"] .public-upload-shell .dl-row .ui-admin-form-control.w-25 {
  width: 100% !important;
}

html[data-public-theme="turkmod"] .public-upload-shell .dl-row .ui-admin-btn {
  width: 42px !important;
  min-height: 46px !important;
  padding: 0 !important;
  border-radius: var(--ui-theme-radius-sm, 7px) !important;
  display: inline-grid !important;
  place-items: center !important;
}

html[data-public-theme="turkmod"] .btn-add-link,
html[data-public-theme="turkmod"] .btn-submit-mod,
html[data-public-theme="turkmod"] .btn-cancel-mod,
html[data-public-theme="turkmod"] .upload-profile-followup-link {
  display: inline-flex !important;
  min-height: 42px !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  border-radius: var(--ui-theme-radius-sm, 7px) !important;
  padding: 9px 13px !important;
  font-size: .92rem !important;
  font-weight: 900 !important;
  line-height: 1.15 !important;
  text-decoration: none !important;
}

html[data-public-theme="turkmod"] .btn-add-link {
  width: 100% !important;
  border: 1px dashed color-mix(in srgb, var(--ui-theme-upload-accent) 34%, var(--ui-theme-upload-line)) !important;
  background: color-mix(in srgb, var(--ui-theme-upload-accent) 6%, transparent) !important;
  color: var(--ui-theme-upload-accent) !important;
}

html[data-public-theme="turkmod"] .btn-submit-mod,
html[data-public-theme="turkmod"] .upload-profile-followup-link {
  border: 1px solid var(--ui-theme-upload-accent) !important;
  background: var(--ui-theme-upload-accent) !important;
  color: var(--on-primary, #fff) !important;
  box-shadow: none !important;
}

html[data-public-theme="turkmod"] .btn-cancel-mod {
  border: 1px solid var(--ui-theme-upload-line) !important;
  background: var(--ui-theme-upload-panel-muted) !important;
  color: var(--ui-theme-upload-text) !important;
}

html[data-public-theme="turkmod"] .btn-add-link:hover,
html[data-public-theme="turkmod"] .btn-submit-mod:hover,
html[data-public-theme="turkmod"] .btn-cancel-mod:hover,
html[data-public-theme="turkmod"] .upload-profile-followup-link:hover {
  transform: translateY(-1px) !important;
  box-shadow: 0 10px 24px color-mix(in srgb, var(--ui-theme-upload-accent) 14%, transparent) !important;
}

html[data-public-theme="turkmod"] .upload-wizard-controls,
html[data-public-theme="turkmod"] .upload-final-actions,
html[data-public-theme="turkmod"] .public-actions {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 10px !important;
  margin-top: var(--ui-theme-page-gap, 16px) !important;
  padding-top: 0 !important;
  border-top: 0 !important;
}

html[data-public-theme="turkmod"] .upload-final-actions,
html[data-public-theme="turkmod"] .public-actions {
  justify-content: space-between !important;
}

html[data-public-theme="turkmod"] .upload-wizard-controls .btn-cancel-mod:disabled,
html[data-public-theme="turkmod"] .upload-final-actions .btn-submit-mod:disabled,
html[data-public-theme="turkmod"] .upload-final-actions .btn-submit-mod.is-submitted,
html[data-public-theme="turkmod"] .upload-final-actions .btn-submit-mod.is-submit-locked {
  opacity: .62 !important;
  cursor: not-allowed !important;
  transform: none !important;
  box-shadow: none !important;
}

html[data-public-theme="turkmod"] .upload-assist-panel {
  position: sticky !important;
  top: calc(var(--t-header-height, 72px) + var(--ui-theme-page-gap, 16px)) !important;
  display: grid !important;
  gap: 16px !important;
  padding: 20px !important;
  border: 1px solid color-mix(in srgb, var(--ui-theme-upload-amber) 18%, var(--ui-theme-upload-line)) !important;
  border-radius: var(--ui-theme-radius-lg, 12px) !important;
  background:
    linear-gradient(180deg, color-mix(in srgb, var(--ui-theme-upload-amber) 4%, transparent), transparent 60%),
    var(--ui-theme-upload-panel) !important;
  box-shadow: 0 12px 35px rgba(0, 0, 0, 0.15) !important;
}

html[data-public-theme="turkmod"] .upload-assist-status {
  display: inline-flex !important;
  width: fit-content !important;
  align-items: center !important;
  gap: 8px !important;
  min-height: 30px !important;
  padding: 4px 8px !important;
  border: 1px solid color-mix(in srgb, var(--ui-theme-upload-teal) 28%, var(--ui-theme-upload-line)) !important;
  border-radius: var(--ui-theme-radius-sm, 7px) !important;
  background: color-mix(in srgb, var(--ui-theme-upload-teal) 8%, transparent) !important;
  color: var(--ui-theme-upload-teal) !important;
  font-size: .76rem !important;
  font-weight: 900 !important;
}

html[data-public-theme="turkmod"] .upload-status-dot {
  width: 7px !important;
  height: 7px !important;
  border-radius: 999px !important;
  background: var(--ui-theme-upload-teal) !important;
  box-shadow: 0 0 0 4px color-mix(in srgb, var(--ui-theme-upload-teal) 14%, transparent) !important;
}

html[data-public-theme="turkmod"] .upload-assist-panel h2 {
  margin: 0 !important;
  color: var(--ui-theme-upload-text) !important;
  font-size: 1.08rem !important;
  line-height: 1.25 !important;
  font-weight: 900 !important;
}

html[data-public-theme="turkmod"] .upload-assist-panel p {
  margin: 0 !important;
  color: var(--ui-theme-upload-muted) !important;
  font-size: .88rem !important;
  line-height: 1.52 !important;
}

html[data-public-theme="turkmod"] .upload-check-list {
  display: grid !important;
  gap: 8px !important;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
}

html[data-public-theme="turkmod"] .upload-check-list li {
  display: grid !important;
  grid-template-columns: 30px minmax(0, 1fr) !important;
  align-items: center !important;
  gap: 8px !important;
  min-height: 40px !important;
  padding: 7px !important;
  border: 1px solid var(--ui-theme-upload-line) !important;
  border-radius: var(--ui-theme-radius-sm, 7px) !important;
  background: var(--ui-theme-upload-panel-muted) !important;
  color: var(--ui-theme-upload-text) !important;
  font-size: .84rem !important;
  font-weight: 800 !important;
}

html[data-public-theme="turkmod"] .upload-check-list i {
  display: inline-grid !important;
  width: 30px !important;
  height: 30px !important;
  place-items: center !important;
  border-radius: var(--ui-theme-radius-sm, 7px) !important;
  background: color-mix(in srgb, var(--ui-theme-upload-accent) 10%, transparent) !important;
  color: var(--ui-theme-upload-accent) !important;
}

html[data-public-theme="turkmod"] .upload-review-list {
  display: grid !important;
  gap: 8px !important;
  margin: 14px 0 0 !important;
}

html[data-public-theme="turkmod"] .upload-review-list > div {
  display: grid !important;
  grid-template-columns: 28px minmax(0, 1fr) !important;
  align-items: start !important;
  gap: 8px !important;
  padding: 10px !important;
  background: var(--ui-theme-upload-panel-muted) !important;
}

html[data-public-theme="turkmod"] .upload-review-list i {
  color: var(--ui-theme-upload-accent) !important;
  font-size: 1rem !important;
}

html[data-public-theme="turkmod"] .upload-live-hint {
  min-height: 22px !important;
  margin-top: 8px !important;
  color: var(--ui-theme-upload-muted) !important;
  font-size: .84rem !important;
  font-weight: 800 !important;
}

html[data-public-theme="turkmod"] .upload-live-hint.is-ok,
html[data-public-theme="turkmod"] .upload-live-hint.is-warning,
html[data-public-theme="turkmod"] .upload-live-hint.is-error {
  display: inline-flex !important;
  align-items: center !important;
  min-height: 30px !important;
  padding: 4px 8px !important;
  border-radius: var(--ui-theme-radius-sm, 7px) !important;
}

html[data-public-theme="turkmod"] .upload-live-hint.is-ok {
  border: 1px solid color-mix(in srgb, var(--ui-theme-success, #047857) 24%, var(--ui-theme-upload-line)) !important;
  background: color-mix(in srgb, var(--ui-theme-success, #047857) 8%, transparent) !important;
  color: var(--ui-theme-success, #047857) !important;
}

html[data-public-theme="turkmod"] .upload-live-hint.is-warning {
  border: 1px solid color-mix(in srgb, var(--ui-theme-warning, #b45309) 26%, var(--ui-theme-upload-line)) !important;
  background: color-mix(in srgb, var(--ui-theme-warning, #b45309) 9%, transparent) !important;
  color: var(--ui-theme-warning, #b45309) !important;
}

html[data-public-theme="turkmod"] .upload-live-hint.is-error {
  border: 1px solid color-mix(in srgb, var(--ui-theme-danger, #b42342) 24%, var(--ui-theme-upload-line)) !important;
  background: color-mix(in srgb, var(--ui-theme-danger, #b42342) 8%, transparent) !important;
  color: var(--ui-theme-danger, #b42342) !important;
}

@media (max-width: 1199px) {
  html[data-public-theme="turkmod"] .upload-wizard-progress {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  }

  html[data-public-theme="turkmod"] .upload-composer-layout {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  html[data-public-theme="turkmod"] .upload-assist-panel {
    position: static !important;
    order: -1 !important;
  }
}

@media (max-width: 767px) {
  html[data-public-theme="turkmod"] body.public-page-upload-topic,
  html[data-public-theme="turkmod"] body.public-page-edit-topic {
    --ui-theme-upload-width: var(--container-wide);
  }

  html[data-public-theme="turkmod"] .upload-wizard-progress {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  html[data-public-theme="turkmod"] .upload-wizard-step {
    min-height: 62px !important;
  }

  html[data-public-theme="turkmod"] .public-media-head,
  html[data-public-theme="turkmod"] .upload-wizard-controls,
  html[data-public-theme="turkmod"] .upload-final-actions,
  html[data-public-theme="turkmod"] .public-actions {
    align-items: stretch !important;
    flex-direction: column !important;
  }

  html[data-public-theme="turkmod"] .upload-wizard-controls > *,
  html[data-public-theme="turkmod"] .upload-final-actions > *,
  html[data-public-theme="turkmod"] .public-actions > * {
    width: 100% !important;
  }

  html[data-public-theme="turkmod"] .public-upload-shell .dl-row {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  html[data-public-theme="turkmod"] .public-upload-shell .dl-row .ui-admin-btn {
    width: 100% !important;
  }
}

/* === TURKMOD TOPIC LIST CARD REDESIGN === */
html[data-public-theme="turkmod"] .topic-grid[data-topic-list-container],
html[data-public-theme="turkmod"] .topic-grid.topic-grid--list {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  gap: 14px !important;
  align-items: stretch !important;
}

html[data-public-theme="turkmod"] .ui-theme-topic-card.topic-card {
  --ptc-accent: var(--t-primary, #8b1538);
  --ptc-accent-strong: var(--t-primary-hover, #70102d);
  --ptc-teal: #0f766e;
  --ptc-amber: #b45309;
  --ptc-bg: var(--t-surface, #fff);
  --ptc-muted-bg: var(--t-surface-muted, #f7f8fa);
  --ptc-line: var(--t-border, #dde3eb);
  --ptc-text: var(--t-text, #14191e);
  --ptc-muted: var(--t-muted, #777d8e);
  position: relative !important;
  isolation: isolate;
  display: grid !important;
  grid-template-columns: minmax(168px, 204px) minmax(0, 1fr) !important;
  align-items: center !important;
  gap: 16px !important;
  min-width: 0 !important;
  min-height: 0 !important;
  overflow: hidden !important;
  padding: 11px !important;
  border: 1px solid color-mix(in srgb, var(--ptc-line) 70%, var(--ptc-accent) 30%) !important;
  border-radius: 8px !important;
  background:
    linear-gradient(135deg, color-mix(in srgb, var(--ptc-accent) 5%, transparent), transparent 36%),
    linear-gradient(180deg, var(--ptc-bg), color-mix(in srgb, var(--ptc-bg) 94%, var(--ptc-muted-bg) 6%)) !important;
  box-shadow: 0 18px 44px -36px rgba(20, 25, 30, .58), inset 0 1px 0 rgba(255, 255, 255, .78) !important;
  color: var(--ptc-text) !important;
  transform: translateZ(0);
  transition: border-color .18s ease, box-shadow .18s ease, transform .18s ease !important;
}

html[data-public-theme="turkmod"] .ui-theme-topic-card.topic-card::before {
  content: "";
  position: absolute;
  inset: 0 auto 0 0;
  z-index: 3;
  width: 3px;
  background: linear-gradient(180deg, var(--ptc-accent), var(--ptc-teal) 58%, var(--ptc-amber));
}

html[data-public-theme="turkmod"] .ui-theme-topic-card.topic-card::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  background:
    linear-gradient(118deg, transparent 0 41%, color-mix(in srgb, var(--ptc-accent) 8%, transparent) 41% 45%, transparent 45%),
    radial-gradient(circle at 82% 18%, color-mix(in srgb, var(--ptc-amber) 8%, transparent), transparent 34%);
  pointer-events: none;
}

html[data-public-theme="turkmod"] .ui-theme-topic-card.topic-card:hover,
html[data-public-theme="turkmod"] .ui-theme-topic-card.topic-card:focus-within {
  border-color: color-mix(in srgb, var(--ptc-accent) 42%, var(--ptc-line)) !important;
  box-shadow: 0 24px 54px -36px rgba(20, 25, 30, .62), 0 0 0 1px color-mix(in srgb, var(--ptc-accent) 13%, transparent) !important;
  transform: translateY(-2px);
}

html[data-public-theme="turkmod"] .ui-theme-topic-card.topic-card .ui-theme-topic-card__media {
  position: relative;
  display: block;
  min-width: 0;
  min-height: 0;
  height: 168px;
  overflow: hidden;
  background:
    linear-gradient(135deg, color-mix(in srgb, var(--ptc-accent) 12%, var(--ptc-muted-bg)), var(--ptc-muted-bg));
  border: 1px solid color-mix(in srgb, var(--ptc-line) 74%, transparent);
  border-radius: 7px;
  box-shadow: 0 14px 30px -26px rgba(20, 25, 30, .72);
  color: inherit;
  text-decoration: none;
}

html[data-public-theme="turkmod"] .ui-theme-topic-card.topic-card .ui-theme-topic-card__media::before {
  content: "";
  position: absolute;
  inset: -30% auto -30% -62%;
  z-index: 2;
  width: 42%;
  background: linear-gradient(100deg, transparent, rgba(255, 255, 255, .24), transparent);
  opacity: 0;
  pointer-events: none;
  transform: skewX(-18deg) translateX(0);
  transition: opacity .22s ease, transform .48s ease;
}

html[data-public-theme="turkmod"] .ui-theme-topic-card.topic-card .ui-theme-topic-card__image {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  min-height: 0 !important;
  object-fit: cover !important;
  object-position: center !important;
  transform: scale(1.001);
  transition: filter .24s ease, transform .32s ease !important;
}

html[data-public-theme="turkmod"] .ui-theme-topic-card.topic-card .ui-theme-topic-card__media-shade {
  position: absolute;
  inset: 0;
  background:
    linear-gradient(90deg, transparent 56%, color-mix(in srgb, var(--ptc-bg) 18%, transparent)),
    linear-gradient(180deg, transparent 45%, rgba(0, 0, 0, .32));
  pointer-events: none;
}

html[data-public-theme="turkmod"] .ui-theme-topic-card.topic-card:hover .ui-theme-topic-card__image,
html[data-public-theme="turkmod"] .ui-theme-topic-card.topic-card:focus-within .ui-theme-topic-card__image {
  filter: saturate(1.12) contrast(1.05) brightness(1.03);
  transform: scale(1.045);
}

html[data-public-theme="turkmod"] .ui-theme-topic-card.topic-card:hover .ui-theme-topic-card__media::before,
html[data-public-theme="turkmod"] .ui-theme-topic-card.topic-card:focus-within .ui-theme-topic-card__media::before {
  opacity: 1;
  transform: skewX(-18deg) translateX(380%);
}

html[data-public-theme="turkmod"] .ui-theme-topic-card.topic-card .ui-theme-topic-card__body {
  display: grid !important;
  grid-template-rows: auto auto auto auto;
  min-width: 0 !important;
  gap: 8px;
  padding: 8px 12px 8px 0 !important;
  color: var(--ptc-text) !important;
}

html[data-public-theme="turkmod"] .ui-theme-topic-card.topic-card .ui-theme-topic-card__top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  min-width: 0;
}

html[data-public-theme="turkmod"] .ui-theme-topic-card.topic-card .ui-theme-topic-card__category,
html[data-public-theme="turkmod"] .ui-theme-topic-card.topic-card .ui-theme-topic-card__date {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  min-width: 0;
  min-height: 29px;
  padding: 5px 10px;
  border-radius: 7px;
  font-size: .73rem;
  font-weight: 850;
  letter-spacing: 0;
  line-height: 1;
  text-decoration: none;
  white-space: nowrap;
}

html[data-public-theme="turkmod"] .ui-theme-topic-card.topic-card .ui-theme-topic-card__category {
  max-width: min(100%, 320px);
  border: 1px solid color-mix(in srgb, var(--ptc-accent) 28%, var(--ptc-line));
  background: linear-gradient(180deg, color-mix(in srgb, var(--ptc-accent) 11%, var(--ptc-bg)), color-mix(in srgb, var(--ptc-accent) 6%, var(--ptc-bg)));
  color: var(--ptc-accent);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .55);
}

html[data-public-theme="turkmod"] .ui-theme-topic-card.topic-card .ui-theme-topic-card__category span {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
}

html[data-public-theme="turkmod"] .ui-theme-topic-card.topic-card .ui-theme-topic-card__date {
  flex: 0 0 auto;
  margin-left: auto;
  border: 1px solid color-mix(in srgb, var(--ptc-line) 84%, transparent);
  background: color-mix(in srgb, var(--ptc-muted-bg) 78%, var(--ptc-bg) 22%);
  color: color-mix(in srgb, var(--ptc-text) 72%, var(--ptc-muted));
  font-weight: 860;
}

html[data-public-theme="turkmod"] .ui-theme-topic-card.topic-card .ui-theme-topic-card__date i {
  color: var(--ptc-amber);
}

html[data-public-theme="turkmod"] .ui-theme-topic-card.topic-card .ui-theme-topic-card__title {
  min-width: 0 !important;
  margin: 0 !important;
  color: var(--ptc-text) !important;
  font-size: clamp(1.02rem, 1.08vw, 1.16rem) !important;
  font-weight: 900 !important;
  letter-spacing: 0 !important;
  line-height: 1.22 !important;
}

html[data-public-theme="turkmod"] .ui-theme-topic-card.topic-card .ui-theme-topic-card__title a {
  display: -webkit-box;
  overflow: hidden;
  color: inherit !important;
  text-decoration: none !important;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  transition: color .18s ease;
}

html[data-public-theme="turkmod"] .ui-theme-topic-card.topic-card .ui-theme-topic-card__title a:hover,
html[data-public-theme="turkmod"] .ui-theme-topic-card.topic-card .ui-theme-topic-card__title a:focus-visible {
  color: var(--ptc-accent) !important;
}

html[data-public-theme="turkmod"] .ui-theme-topic-card.topic-card .ui-theme-topic-card__excerpt {
  display: -webkit-box !important;
  min-width: 0 !important;
  margin: 0 !important;
  overflow: hidden !important;
  color: var(--ptc-muted) !important;
  font-size: .87rem !important;
  font-weight: 520 !important;
  letter-spacing: 0 !important;
  line-height: 1.58 !important;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

html[data-public-theme="turkmod"] .ui-theme-topic-card.topic-card .ui-theme-topic-card__footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  min-width: 0;
  padding-top: 9px;
  border-top: 1px solid color-mix(in srgb, var(--ptc-line) 78%, transparent);
}

html[data-public-theme="turkmod"] .ui-theme-topic-card.topic-card .ui-theme-topic-card__meta {
  display: flex;
  align-items: center;
  flex: 1 1 auto;
  flex-wrap: wrap;
  gap: 6px;
  min-width: 0;
}

html[data-public-theme="turkmod"] .ui-theme-topic-card.topic-card .ui-theme-topic-card__owner,
html[data-public-theme="turkmod"] .ui-theme-topic-card.topic-card .ui-theme-topic-card__metric {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  min-width: 0;
  min-height: 30px;
  max-width: 100%;
  padding: 4px 8px;
  border: 1px solid color-mix(in srgb, var(--ptc-line) 86%, transparent);
  border-radius: 7px;
  background: color-mix(in srgb, var(--ptc-muted-bg) 72%, var(--ptc-bg) 28%);
  color: var(--ptc-muted);
  font-size: .77rem;
  font-weight: 850;
  letter-spacing: 0;
  line-height: 1;
  text-decoration: none;
  white-space: nowrap;
}

html[data-public-theme="turkmod"] .ui-theme-topic-card.topic-card .ui-theme-topic-card__owner {
  color: var(--ptc-text);
  background: linear-gradient(90deg, color-mix(in srgb, var(--ptc-teal) 10%, var(--ptc-bg)), color-mix(in srgb, var(--ptc-muted-bg) 72%, var(--ptc-bg) 28%));
}

html[data-public-theme="turkmod"] .ui-theme-topic-card.topic-card a.ui-theme-topic-card__owner:hover,
html[data-public-theme="turkmod"] .ui-theme-topic-card.topic-card a.ui-theme-topic-card__owner:focus-visible {
  border-color: color-mix(in srgb, var(--ptc-teal) 42%, var(--ptc-line));
  color: var(--ptc-text);
}

html[data-public-theme="turkmod"] .ui-theme-topic-card.topic-card .ui-theme-topic-card__meta-icon {
  display: inline-grid;
  place-items: center;
  flex: 0 0 auto;
  width: 21px;
  height: 21px;
  border-radius: 6px;
  background: color-mix(in srgb, var(--ptc-bg) 68%, var(--ptc-accent) 12%);
  color: var(--ptc-accent);
}

html[data-public-theme="turkmod"] .ui-theme-topic-card.topic-card .ui-theme-topic-card__owner .ui-theme-topic-card__meta-icon {
  background: color-mix(in srgb, var(--ptc-teal) 13%, var(--ptc-bg));
  color: var(--ptc-teal);
}

html[data-public-theme="turkmod"] .ui-theme-topic-card.topic-card .ui-theme-topic-card__metric--comments .ui-theme-topic-card__meta-icon {
  background: color-mix(in srgb, var(--ptc-amber) 12%, var(--ptc-bg));
  color: var(--ptc-amber);
}

html[data-public-theme="turkmod"] .ui-theme-topic-card.topic-card .ui-theme-topic-card__owner strong,
html[data-public-theme="turkmod"] .ui-theme-topic-card.topic-card .ui-theme-topic-card__metric strong {
  min-width: 0;
  overflow: hidden;
  color: var(--ptc-text);
  font-weight: 900;
  text-overflow: ellipsis;
}

html[data-public-theme="turkmod"] .ui-theme-topic-card.topic-card .ui-theme-topic-card__owner strong {
  max-width: 112px;
}

html[data-public-theme="turkmod"] .ui-theme-topic-card.topic-card .ui-theme-topic-card__action {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  justify-self: end;
  flex: 0 0 auto;
  gap: 8px;
  min-height: 35px;
  padding: 7px 14px;
  border: 1px solid var(--ptc-accent);
  border-radius: 7px;
  background: var(--ptc-accent);
  color: #fff !important;
  font-size: .8rem;
  font-weight: 900;
  letter-spacing: 0;
  line-height: 1;
  text-decoration: none !important;
  transition: background .18s ease, border-color .18s ease, transform .18s ease;
}

html[data-public-theme="turkmod"] .ui-theme-topic-card.topic-card .ui-theme-topic-card__action i {
  font-size: .95rem;
  transition: transform .18s ease;
}

html[data-public-theme="turkmod"] .ui-theme-topic-card.topic-card .ui-theme-topic-card__action:hover,
html[data-public-theme="turkmod"] .ui-theme-topic-card.topic-card:hover .ui-theme-topic-card__action,
html[data-public-theme="turkmod"] .ui-theme-topic-card.topic-card:focus-within .ui-theme-topic-card__action,
html[data-public-theme="turkmod"] .ui-theme-topic-card.topic-card .ui-theme-topic-card__action:focus-visible {
  border-color: var(--ptc-accent-strong);
  background: var(--ptc-accent-strong);
  color: #fff !important;
  transform: translateY(-1px);
}

html[data-public-theme="turkmod"] .ui-theme-topic-card.topic-card .ui-theme-topic-card__action:hover i,
html[data-public-theme="turkmod"] .ui-theme-topic-card.topic-card:hover .ui-theme-topic-card__action i,
html[data-public-theme="turkmod"] .ui-theme-topic-card.topic-card:focus-within .ui-theme-topic-card__action i,
html[data-public-theme="turkmod"] .ui-theme-topic-card.topic-card .ui-theme-topic-card__action:focus-visible i {
  transform: translateX(2px);
}

html[data-public-theme="turkmod"] .ui-theme-topic-card.topic-card a:focus-visible {
  outline: 2px solid var(--ptc-accent);
  outline-offset: 2px;
}

html[data-public-theme="turkmod"][data-theme="dark"] .ui-theme-topic-card.topic-card {
  --ptc-teal: #5eead4;
  --ptc-amber: #fbbf24;
  box-shadow: 0 20px 48px -32px rgba(0, 0, 0, .78), inset 0 1px 0 rgba(255, 255, 255, .04) !important;
}

html[data-public-theme="turkmod"][data-theme="dark"] .ui-theme-topic-card.topic-card:hover,
html[data-public-theme="turkmod"][data-theme="dark"] .ui-theme-topic-card.topic-card:focus-within {
  box-shadow: 0 26px 58px -34px rgba(0, 0, 0, .88), 0 0 0 1px color-mix(in srgb, var(--ptc-accent) 28%, transparent) !important;
}

html[data-public-theme="turkmod"][data-theme="dark"] .ui-theme-topic-card.topic-card .ui-theme-topic-card__media-shade {
  background:
    linear-gradient(90deg, transparent 54%, color-mix(in srgb, var(--ptc-bg) 34%, transparent)),
    linear-gradient(180deg, transparent 34%, rgba(0, 0, 0, .54));
}

@media (max-width: 991.98px) {
  html[data-public-theme="turkmod"] .ui-theme-topic-card.topic-card {
    grid-template-columns: minmax(168px, 214px) minmax(0, 1fr) !important;
  }

  html[data-public-theme="turkmod"] .ui-theme-topic-card.topic-card .ui-theme-topic-card__body {
    padding: 13px 14px !important;
  }
}

@media (max-width: 767.98px) {
  html[data-public-theme="turkmod"] .topic-grid[data-topic-list-container],
  html[data-public-theme="turkmod"] .topic-grid.topic-grid--list {
    gap: 14px !important;
  }

  html[data-public-theme="turkmod"] .ui-theme-topic-card.topic-card {
    grid-template-columns: minmax(0, 1fr) !important;
    min-height: 0 !important;
  }

  html[data-public-theme="turkmod"] .ui-theme-topic-card.topic-card:hover,
  html[data-public-theme="turkmod"] .ui-theme-topic-card.topic-card:focus-within {
    transform: none;
  }

  html[data-public-theme="turkmod"] .ui-theme-topic-card.topic-card .ui-theme-topic-card__media {
    min-height: 0;
    height: auto;
    aspect-ratio: 16 / 9;
    border-right: 0;
    border-bottom: 1px solid color-mix(in srgb, var(--ptc-line) 82%, transparent);
  }

  html[data-public-theme="turkmod"] .ui-theme-topic-card.topic-card .ui-theme-topic-card__body {
    padding: 13px !important;
  }

  html[data-public-theme="turkmod"] .ui-theme-topic-card.topic-card .ui-theme-topic-card__top {
    align-items: flex-start;
  }
}

@media (max-width: 575.98px) {
  html[data-public-theme="turkmod"] .ui-theme-topic-card.topic-card .ui-theme-topic-card__body {
    gap: 11px;
    padding: 14px !important;
  }

  html[data-public-theme="turkmod"] .ui-theme-topic-card.topic-card .ui-theme-topic-card__top,
  html[data-public-theme="turkmod"] .ui-theme-topic-card.topic-card .ui-theme-topic-card__top {
    align-items: stretch;
    flex-direction: column;
  }

  html[data-public-theme="turkmod"] .ui-theme-topic-card.topic-card .ui-theme-topic-card__footer {
    flex-direction: column;
    align-items: stretch;
    gap: 10px;
  }

  html[data-public-theme="turkmod"] .ui-theme-topic-card.topic-card .ui-theme-topic-card__date {
    width: fit-content;
    margin-left: 0;
  }

  html[data-public-theme="turkmod"] .ui-theme-topic-card.topic-card .ui-theme-topic-card__meta {
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
    gap: 0;
    min-height: 38px;
    padding: 3px;
    border: 1px solid color-mix(in srgb, var(--ptc-line) 84%, transparent);
    border-radius: 7px;
    background: color-mix(in srgb, var(--ptc-muted-bg) 76%, var(--ptc-bg) 24%);
  }

  html[data-public-theme="turkmod"] .ui-theme-topic-card.topic-card .ui-theme-topic-card__owner {
    flex: 1 1 auto;
    min-width: 0;
    border: 0;
    background: transparent;
    box-shadow: none;
  }

  html[data-public-theme="turkmod"] .ui-theme-topic-card.topic-card .ui-theme-topic-card__action {
    width: fit-content;
    min-width: 148px;
    justify-self: start;
    padding-right: 18px;
    padding-left: 18px;
  }

  html[data-public-theme="turkmod"] .ui-theme-topic-card.topic-card .ui-theme-topic-card__metric {
    flex: 0 0 auto;
    width: auto;
    min-width: 58px;
    border: 0;
    border-left: 1px solid color-mix(in srgb, var(--ptc-line) 78%, transparent);
    border-radius: 0;
    background: transparent;
    box-shadow: none;
    justify-content: center;
    gap: 6px;
    padding-right: 8px;
    padding-left: 8px;
  }

  html[data-public-theme="turkmod"] .ui-theme-topic-card.topic-card .ui-theme-topic-card__metric--comments {
    min-width: 52px;
  }

  html[data-public-theme="turkmod"] .ui-theme-topic-card.topic-card .ui-theme-topic-card__owner strong {
    max-width: none;
  }
}

@media (prefers-reduced-motion: reduce) {
  html[data-public-theme="turkmod"] .ui-theme-topic-card.topic-card,
  html[data-public-theme="turkmod"] .ui-theme-topic-card.topic-card * {
    transition: none !important;
  }
}

/* === TURKMOD UPLOAD/EDIT ACTION POLISH === */
html[data-public-theme="turkmod"] body.public-page-upload-topic,
html[data-public-theme="turkmod"] body.public-page-edit-topic {
  --ui-theme-upload-width: var(--container-wide);
}

html[data-public-theme="turkmod"] body.public-page-upload-topic .page-wrap,
html[data-public-theme="turkmod"] body.public-page-edit-topic .page-wrap,
html[data-public-theme="turkmod"] body.public-page-upload-topic .layout.grid,
html[data-public-theme="turkmod"] body.public-page-edit-topic .layout.grid,
html[data-public-theme="turkmod"] body.public-page-upload-topic .site-main--focus .layout.grid--focus,
html[data-public-theme="turkmod"] body.public-page-edit-topic .site-main--focus .layout.grid--focus,
html[data-public-theme="turkmod"] body.public-page-upload-topic .content-area > .upload-topic-form-container,
html[data-public-theme="turkmod"] body.public-page-edit-topic .content-area > .upload-topic-form-container,
html[data-public-theme="turkmod"] body.public-page-upload-topic .public-upload-shell,
html[data-public-theme="turkmod"] body.public-page-edit-topic .public-upload-shell {
  width: 100% !important;
  max-width: 100% !important;
}

html[data-public-theme="turkmod"] body.public-page-upload-topic .page-wrap,
html[data-public-theme="turkmod"] body.public-page-edit-topic .page-wrap {
  margin-right: auto !important;
  margin-left: auto !important;
  padding-right: 0 !important;
  padding-left: 0 !important;
}

html[data-public-theme="turkmod"] body.public-page-upload-topic form[data-wizard-enabled="1"] .upload-composer-layout + .public-actions,
html[data-public-theme="turkmod"] body.public-page-edit-topic form[data-wizard-enabled="1"] .upload-composer-layout + .public-actions {
  display: none !important;
}

html[data-public-theme="turkmod"] body.public-page-upload-topic .upload-wizard-controls,
html[data-public-theme="turkmod"] body.public-page-edit-topic .upload-wizard-controls {
  display: flex !important;
  justify-content: flex-end !important;
  gap: 12px !important;
  padding: 16px clamp(24px, 3.5vw, 36px) !important;
  background: color-mix(in srgb, var(--ui-theme-upload-panel) 96%, var(--ui-theme-upload-line)) !important;
  border-top: 1px solid var(--ui-theme-upload-line) !important;
  border-radius: 0 0 var(--ui-theme-radius-lg, 12px) var(--ui-theme-radius-lg, 12px) !important;
  margin: 0 !important;
  position: sticky !important;
  bottom: 0 !important;
  z-index: 10 !important;
}

html[data-public-theme="turkmod"] body.public-page-upload-topic .upload-final-actions,
html[data-public-theme="turkmod"] body.public-page-edit-topic .upload-final-actions {
  display: flex !important;
  justify-content: flex-end !important;
  gap: 12px !important;
  padding: 16px clamp(24px, 3.5vw, 36px) !important;
  background: color-mix(in srgb, var(--ui-theme-upload-panel) 96%, var(--ui-theme-upload-line)) !important;
  border-top: 1px solid var(--ui-theme-upload-line) !important;
  border-radius: 0 0 var(--ui-theme-radius-lg, 12px) var(--ui-theme-radius-lg, 12px) !important;
  margin: 16px calc(clamp(24px, 3.5vw, 36px) * -1) calc(clamp(24px, 3.5vw, 36px) * -1) calc(clamp(24px, 3.5vw, 36px) * -1) !important;
  position: sticky !important;
  bottom: 0 !important;
  z-index: 10 !important;
}

html[data-public-theme="turkmod"] body.public-page-upload-topic .public-actions,
html[data-public-theme="turkmod"] body.public-page-edit-topic .public-actions {
  justify-content: flex-end !important;
  gap: 8px !important;
}

html[data-public-theme="turkmod"] body.public-page-upload-topic :where(.btn-submit-mod, .btn-cancel-mod, .btn-add-link, .upload-profile-followup-link),
html[data-public-theme="turkmod"] body.public-page-edit-topic :where(.btn-submit-mod, .btn-cancel-mod, .btn-add-link, .upload-profile-followup-link) {
  flex: 0 0 auto !important;
  width: auto !important;
  min-width: 0 !important;
  max-width: 100% !important;
  min-height: 36px !important;
  padding: 7px 12px !important;
  border-radius: 7px !important;
  font-size: .84rem !important;
  line-height: 1 !important;
  white-space: nowrap !important;
  box-shadow: 0 10px 22px -18px rgba(15, 23, 42, .45) !important;
}

html[data-public-theme="turkmod"] body.public-page-upload-topic :where(.btn-submit-mod, .btn-cancel-mod, .btn-add-link, .upload-profile-followup-link) i,
html[data-public-theme="turkmod"] body.public-page-edit-topic :where(.btn-submit-mod, .btn-cancel-mod, .btn-add-link, .upload-profile-followup-link) i {
  font-size: .92rem !important;
}

html[data-public-theme="turkmod"] body.public-page-upload-topic .btn-submit-mod,
html[data-public-theme="turkmod"] body.public-page-edit-topic .btn-submit-mod {
  min-width: 118px !important;
}

html[data-public-theme="turkmod"] body.public-page-upload-topic .upload-final-actions .btn-submit-mod,
html[data-public-theme="turkmod"] body.public-page-edit-topic .upload-final-actions .btn-submit-mod,
html[data-public-theme="turkmod"] body.public-page-upload-topic .public-actions .btn-submit-mod,
html[data-public-theme="turkmod"] body.public-page-edit-topic .public-actions .btn-submit-mod {
  min-width: 168px !important;
}

html[data-public-theme="turkmod"] body.public-page-upload-topic .btn-add-link,
html[data-public-theme="turkmod"] body.public-page-edit-topic .btn-add-link {
  width: fit-content !important;
}

html[data-public-theme="turkmod"] body.public-page-upload-topic .public-upload-shell .dl-row .ui-admin-btn,
html[data-public-theme="turkmod"] body.public-page-edit-topic .public-upload-shell .dl-row .ui-admin-btn {
  flex: 0 0 36px !important;
  width: 36px !important;
  height: 36px !important;
  min-height: 36px !important;
  border-radius: 7px !important;
}

@media (max-width: 767.98px) {
  html[data-public-theme="turkmod"] body.public-page-upload-topic .upload-wizard-controls,
  html[data-public-theme="turkmod"] body.public-page-edit-topic .upload-wizard-controls,
  html[data-public-theme="turkmod"] body.public-page-upload-topic .upload-final-actions,
  html[data-public-theme="turkmod"] body.public-page-edit-topic .upload-final-actions,
  html[data-public-theme="turkmod"] body.public-page-upload-topic .public-actions,
  html[data-public-theme="turkmod"] body.public-page-edit-topic .public-actions {
    align-items: stretch !important;
    flex-direction: column !important;
  }

  html[data-public-theme="turkmod"] body.public-page-upload-topic .upload-wizard-controls,
  html[data-public-theme="turkmod"] body.public-page-edit-topic .upload-wizard-controls,
  html[data-public-theme="turkmod"] body.public-page-upload-topic .upload-final-actions,
  html[data-public-theme="turkmod"] body.public-page-edit-topic .upload-final-actions {
    position: static !important;
  }

  html[data-public-theme="turkmod"] body.public-page-upload-topic :where(.btn-submit-mod, .btn-cancel-mod),
  html[data-public-theme="turkmod"] body.public-page-edit-topic :where(.btn-submit-mod, .btn-cancel-mod) {
    width: 100% !important;
  }
}

@media (max-width: 767.98px) {
  html[data-public-theme="turkmod"],
  html[data-public-theme="turkmod"] body.public-page-upload-topic,
  html[data-public-theme="turkmod"] body.public-page-edit-topic {
    overflow-x: hidden !important;
    overflow-x: clip !important;
  }

  html[data-public-theme="turkmod"] body.public-page-upload-topic .sidebar-toggle,
  html[data-public-theme="turkmod"] body.public-page-edit-topic .sidebar-toggle,
  html[data-public-theme="turkmod"] body.public-page-profile .sidebar-toggle,
  html[data-public-theme="turkmod"] body.public-page-public-profile .sidebar-toggle,
  html[data-public-theme="turkmod"] body.public-page-events .sidebar-toggle {
    display: none !important;
  }
}

@media (max-width: 479.98px) {
  html[data-public-theme="turkmod"] .profile-mini-row {
    align-items: flex-start !important;
    flex-direction: column !important;
  }

  html[data-public-theme="turkmod"] .profile-mini-row .profile-small-muted {
    margin-left: 0 !important;
  }

  html[data-public-theme="turkmod"] .profile-mini-row .profile-link-strong {
    flex: 0 1 auto !important;
    width: 100% !important;
  }
}

/* --- Premium UI Enhancements --- */
html[data-public-theme="turkmod"] .ui-admin-form-control:focus,
html[data-public-theme="turkmod"] .form-control:focus {
  border-color: var(--ui-theme-upload-accent) !important;
  box-shadow: 0 0 0 4px color-mix(in srgb, var(--ui-theme-upload-accent) 15%, transparent) !important;
  transition: all 0.25s ease !important;
}

html[data-public-theme="turkmod"] .public-dropzone {
  transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important;
}

html[data-public-theme="turkmod"] .public-dropzone:hover {
  border-color: var(--ui-theme-upload-accent) !important;
  background: color-mix(in srgb, var(--ui-theme-upload-accent) 3%, var(--ui-theme-upload-panel)) !important;
  transform: scale(1.01) translateY(-2px) !important;
  box-shadow: 0 12px 24px rgba(0, 0, 0, 0.05) !important;
}

html[data-public-theme="turkmod"] .upload-check-list li {
  transition: all 0.2s ease !important;
}

html[data-public-theme="turkmod"] .upload-check-list li:hover {
  border-color: var(--ui-theme-upload-accent) !important;
  background: color-mix(in srgb, var(--ui-theme-upload-accent) 3%, transparent) !important;
  transform: translateX(4px) !important;
}

html[data-public-theme="turkmod"] .upload-check-list i {
  border-radius: 50% !important;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
}

html[data-public-theme="turkmod"] .upload-check-list li:hover i {
  background: var(--ui-theme-upload-accent) !important;
  color: var(--on-primary, #fff) !important;
  transform: scale(1.1) rotate(5deg) !important;
}

html[data-public-theme="turkmod"] .upload-wizard-step span {
  transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important;
}

html[data-public-theme="turkmod"] .upload-wizard-step.is-active span {
  transform: scale(1.15) !important;
  box-shadow: 0 0 0 5px color-mix(in srgb, var(--ui-theme-upload-accent) 18%, transparent) !important;
}


html[data-public-theme="turkmod"] .sidebar-category-atlas .subcategory-rail {
    width: 6px;
    height: 6px;
    flex: 0 0 6px;
    background: color-mix(in srgb, var(--side-category-muted) 62%, transparent);
    border-radius: 999px;
}

html[data-public-theme="turkmod"] .sidebar-category-child.active .subcategory-rail,
html[data-public-theme="turkmod"] .sidebar-category-child:hover .subcategory-rail {
    background: var(--side-category-accent);
    box-shadow: 0 0 0 4px color-mix(in srgb, var(--side-category-accent) 13%, transparent);
}

html[data-public-theme="turkmod"] .sidebar-category-atlas .subcategory-count,
html[data-public-theme="turkmod"] .sidebar-category-count {
    padding: .16rem .36rem;
}

html[data-public-theme="turkmod"] .sidebar-category-atlas .subcategory-count::before,
html[data-public-theme="turkmod"] .sidebar-category-atlas .subcategory-count::after {
    content: none !important;
}

@media (max-width: 575.98px) {
    html[data-public-theme="turkmod"] .sidebar-category-atlas .sidebar-category-head {
        min-height: 48px;
        padding-inline: .7rem;
    }

    html[data-public-theme="turkmod"] .sidebar-category-list {
        padding: 7px;
    }

    html[data-public-theme="turkmod"] .sidebar-category-children {
        margin-left: 21px;
        padding-left: 9px;
    }
}

/* === TURKMOD ABSOLUTE GLOBAL RHYTHM OVERRIDE === */
/* KULLANICININ İSTEĞİ ÜZERİNE: HER YERDEKİ BOŞLUKLAR SAYFA STANDARTINA (var(--t-page-gap)) EŞİTLENDİ */
html[data-public-theme="turkmod"] .mb-3,
html[data-public-theme="turkmod"] .my-3,
html[data-public-theme="turkmod"] .m-3 {
    margin-bottom: var(--t-page-gap) !important;
}
html[data-public-theme="turkmod"] .mt-3,
html[data-public-theme="turkmod"] .my-3,
html[data-public-theme="turkmod"] .m-3 {
    margin-top: var(--t-page-gap) !important;
}
html[data-public-theme="turkmod"] .ms-3,
html[data-public-theme="turkmod"] .mx-3,
html[data-public-theme="turkmod"] .m-3 {
    margin-left: var(--t-page-gap) !important;
}
html[data-public-theme="turkmod"] .me-3,
html[data-public-theme="turkmod"] .mx-3,
html[data-public-theme="turkmod"] .m-3 {
    margin-right: var(--t-page-gap) !important;
}
html[data-public-theme="turkmod"] .pb-3,
html[data-public-theme="turkmod"] .py-3,
html[data-public-theme="turkmod"] .p-3 {
    padding-bottom: var(--t-page-gap) !important;
}
html[data-public-theme="turkmod"] .pt-3,
html[data-public-theme="turkmod"] .py-3,
html[data-public-theme="turkmod"] .p-3 {
    padding-top: var(--t-page-gap) !important;
}
html[data-public-theme="turkmod"] .ps-3,
html[data-public-theme="turkmod"] .px-3,
html[data-public-theme="turkmod"] .p-3 {
    padding-left: var(--t-page-gap) !important;
}
html[data-public-theme="turkmod"] .pe-3,
html[data-public-theme="turkmod"] .px-3,
html[data-public-theme="turkmod"] .p-3 {
    padding-right: var(--t-page-gap) !important;
}
html[data-public-theme="turkmod"] .gap-3,
html[data-public-theme="turkmod"] .grid,
html[data-public-theme="turkmod"] .row {
    gap: var(--t-page-gap) !important;
}

/* === PROFIL SAYFASI KUTU (PADDING) VE IZGARA (GAP) MUTLAK EŞİTLEMESİ === */
html[data-public-theme="turkmod"] .profile-page-shell {
    --profile-stack-gap: var(--t-page-gap);
}

html[data-public-theme="turkmod"] .profile-page-shell .profile-stat-card,
html[data-public-theme="turkmod"] .profile-page-shell .profile-section {
    padding: var(--t-panel-pad) !important;
}
html[data-public-theme="turkmod"] .profile-page-shell .profile-stats-bar,
html[data-public-theme="turkmod"] .profile-page-shell .profile-topics-grid,
html[data-public-theme="turkmod"] .profile-page-shell .profile-privacy-grid,
html[data-public-theme="turkmod"] .profile-page-shell .profile-collection-grid,
html[data-public-theme="turkmod"] .profile-page-shell .profile-topic-item,
html[data-public-theme="turkmod"] .profile-page-shell .profile-comment-item,
html[data-public-theme="turkmod"] .profile-sidebar {
    gap: var(--t-page-gap) !important;
}

html[data-public-theme="turkmod"] .profile-two-column-layout,
html[data-public-theme="turkmod"] .profile-quick-access {
    gap: var(--profile-stack-gap) !important;
}

html[data-public-theme="turkmod"] .profile-page-shell .profile-tabs {
    gap: var(--profile-stack-gap) !important;
    margin-bottom: var(--profile-stack-gap) !important;
}

html[data-public-theme="turkmod"] .profile-quick-access {
    margin: 0 0 var(--profile-stack-gap) !important;
}
/* Sidebar builder dynamic widgets */
html[data-public-theme="turkmod"] .ui-theme-sidebar-builder .ui-theme-sidebar-widget {
  margin-bottom: 1rem;
}

html[data-public-theme="turkmod"] .ui-theme-sidebar-builder .ui-theme-sidebar-widget:last-child {
  margin-bottom: 0;
}

html[data-public-theme="turkmod"] .ui-theme-sidebar-builder .card,
html[data-public-theme="turkmod"] .ui-theme-sidebar-builder .cat-widget {
  border-radius: 8px;
}

html[data-public-theme="turkmod"] .ui-theme-sidebar-builder .cat-widget.card {
  padding: 1rem;
  border: 1px solid var(--t-border);
  background: var(--t-surface);
  box-shadow: 0 10px 28px rgba(15, 23, 42, .06);
}

html[data-public-theme="turkmod"][data-theme="dark"] .ui-theme-sidebar-builder .cat-widget.card {
  box-shadow: 0 14px 34px rgba(0, 0, 0, .22);
}

html[data-public-theme="turkmod"] .ui-theme-sidebar-builder .ui-theme-sidebar-widget {
  --ui-theme-widget-accent: var(--brand-accent, #8b1538);
}

html[data-public-theme="turkmod"] .ui-theme-sidebar-builder .ui-theme-sidebar-widget.card,
html[data-public-theme="turkmod"] .ui-theme-sidebar-builder .ui-theme-sidebar-widget.cat-widget.card {
  border-color: color-mix(in srgb, var(--ui-theme-widget-accent) 16%, var(--ui-border, rgba(148, 163, 184, .24)));
}

html[data-public-theme="turkmod"] .ui-theme-sidebar-builder .ui-theme-sidebar-widget .card-title i,
html[data-public-theme="turkmod"] .ui-theme-sidebar-builder .cat-widget__icon,
html[data-public-theme="turkmod"] .ui-theme-sidebar-builder .ui-theme-topic-mini small,
html[data-public-theme="turkmod"] .ui-theme-sidebar-builder .ui-theme-category-showcase i {
  color: var(--ui-theme-widget-accent);
}

html[data-public-theme="turkmod"] .ui-theme-sidebar-title-hidden > .card-header,
html[data-public-theme="turkmod"] .ui-theme-sidebar-title-hidden.cat-widget .cat-widget__header {
  display: none !important;
}

html[data-public-theme="turkmod"] .ui-theme-widget-style-minimal.card {
  border-color: transparent !important;
  background: transparent !important;
  box-shadow: none !important;
}

html[data-public-theme="turkmod"] .ui-theme-widget-style-list.card .card-body {
  padding-top: .45rem;
}

html[data-public-theme="turkmod"] .ui-theme-widget-style-highlight.card {
  border-left: 4px solid var(--ui-theme-widget-accent) !important;
  background: linear-gradient(135deg, color-mix(in srgb, var(--ui-theme-widget-accent) 10%, var(--ui-surface, #fff)), var(--ui-surface, #fff));
}

html[data-public-theme="turkmod"] .ui-theme-widget-style-compact.card .card-body,
html[data-public-theme="turkmod"] .ui-theme-widget-style-compact.cat-widget.card {
  padding: .75rem;
}

html[data-public-theme="turkmod"] .ui-theme-sidebar-builder .ui-theme-topic-mini {
  display: grid;
  grid-template-columns: 58px minmax(0, 1fr);
  gap: .7rem;
  align-items: center;
  padding: .6rem 0;
  border-bottom: 1px solid var(--ui-border, rgba(148, 163, 184, .24));
  color: inherit;
  text-decoration: none;
}

html[data-public-theme="turkmod"] .ui-theme-sidebar-builder .ui-theme-topic-mini:last-child {
  border-bottom: 0;
}

html[data-public-theme="turkmod"] .ui-theme-sidebar-builder .ui-theme-topic-mini img {
  width: 58px;
  height: 44px;
  object-fit: cover;
  border-radius: 8px;
  background: var(--ui-surface-muted, #f8fafc);
}

html[data-public-theme="turkmod"] .ui-theme-sidebar-builder .ui-theme-topic-mini strong {
  display: block;
  overflow: hidden;
  color: var(--text, #111827);
  font-size: .86rem;
  font-weight: 900;
  line-height: 1.25;
  text-overflow: ellipsis;
  white-space: nowrap;
}

html[data-public-theme="turkmod"] .ui-theme-sidebar-builder .ui-theme-topic-mini small {
  display: block;
  margin-top: .2rem;
  font-size: .74rem;
  font-weight: 800;
}

html[data-public-theme="turkmod"] .ui-theme-sidebar-builder .ui-theme-category-showcase,
html[data-public-theme="turkmod"] .ui-theme-sidebar-builder .ui-theme-trend-tags {
  display: grid;
  gap: .55rem;
}

html[data-public-theme="turkmod"] .ui-theme-sidebar-builder .ui-theme-category-showcase {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

html[data-public-theme="turkmod"] .ui-theme-sidebar-builder .ui-theme-category-showcase a,
html[data-public-theme="turkmod"] .ui-theme-sidebar-builder .ui-theme-trend-tags a {
  display: grid;
  gap: .2rem;
  min-width: 0;
  padding: .65rem;
  border: 1px solid var(--ui-border, rgba(148, 163, 184, .24));
  border-radius: 8px;
  background: var(--ui-surface-muted, #f8fafc);
  color: inherit;
  text-decoration: none;
}

html[data-public-theme="turkmod"] .ui-theme-sidebar-builder .ui-theme-trend-tags a {
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
}

html[data-public-theme="turkmod"] .ui-theme-sidebar-builder .ui-theme-category-showcase span,
html[data-public-theme="turkmod"] .ui-theme-sidebar-builder .ui-theme-trend-tags span {
  overflow: hidden;
  font-size: .82rem;
  font-weight: 900;
  text-overflow: ellipsis;
  white-space: nowrap;
}

html[data-public-theme="turkmod"] .ui-theme-sidebar-builder .ui-theme-category-showcase small,
html[data-public-theme="turkmod"] .ui-theme-sidebar-builder .ui-theme-trend-tags small {
  color: var(--text-dim, #64748b);
  font-size: .72rem;
  font-weight: 850;
}

html[data-public-theme="turkmod"] .ui-theme-sidebar-builder .ui-theme-announcement-card .card-body,
html[data-public-theme="turkmod"] .ui-theme-sidebar-builder .ui-theme-user-action-card .card-body,
html[data-public-theme="turkmod"] .ui-theme-sidebar-builder .ui-theme-sponsored-card .card-body {
  display: grid;
  gap: .65rem;
}

html[data-public-theme="turkmod"] .ui-theme-sidebar-builder .ui-theme-announcement-card {
  border-color: color-mix(in srgb, var(--ui-theme-widget-accent) 38%, var(--ui-border, rgba(148, 163, 184, .24))) !important;
  background: linear-gradient(135deg, color-mix(in srgb, var(--ui-theme-widget-accent) 13%, var(--ui-surface, #fff)), var(--ui-surface, #fff));
}

html[data-public-theme="turkmod"] .ui-theme-sidebar-builder .ui-theme-announcement-success {
  --ui-theme-widget-accent: #16a34a;
}

html[data-public-theme="turkmod"] .ui-theme-sidebar-builder .ui-theme-announcement-warning {
  --ui-theme-widget-accent: #d97706;
}

html[data-public-theme="turkmod"] .ui-theme-sidebar-builder .ui-theme-announcement-danger {
  --ui-theme-widget-accent: #dc2626;
}

html[data-public-theme="turkmod"] .ui-theme-sidebar-builder .ui-theme-announcement-info {
  --ui-theme-widget-accent: #0284c7;
}

html[data-public-theme="turkmod"] .ui-theme-sidebar-builder .ui-theme-announcement-icon,
html[data-public-theme="turkmod"] .ui-theme-sidebar-builder .ui-theme-user-action-icon {
  display: inline-grid;
  place-items: center;
  width: 38px;
  height: 38px;
  border-radius: 10px;
  background: color-mix(in srgb, var(--ui-theme-widget-accent) 14%, var(--ui-surface, #fff));
  color: var(--ui-theme-widget-accent);
}

html[data-public-theme="turkmod"] .ui-theme-sidebar-builder .ui-theme-announcement-card strong,
html[data-public-theme="turkmod"] .ui-theme-sidebar-builder .ui-theme-user-action-card strong,
html[data-public-theme="turkmod"] .ui-theme-sidebar-builder .ui-theme-sponsored-card strong {
  color: var(--text, #111827);
  font-size: .98rem;
  font-weight: 950;
}

html[data-public-theme="turkmod"] .ui-theme-sidebar-builder .ui-theme-announcement-card p,
html[data-public-theme="turkmod"] .ui-theme-sidebar-builder .ui-theme-user-action-card p,
html[data-public-theme="turkmod"] .ui-theme-sidebar-builder .ui-theme-sponsored-card p {
  margin: 0;
  color: var(--text-dim, #64748b);
  font-size: .84rem;
  line-height: 1.45;
}

html[data-public-theme="turkmod"] .ui-theme-sidebar-builder .ui-theme-announcement-card a,
html[data-public-theme="turkmod"] .ui-theme-sidebar-builder .ui-theme-sponsored-card a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 34px;
  padding: 0 .85rem;
  border-radius: 8px;
  background: var(--ui-theme-widget-accent);
  color: #fff;
  font-size: .78rem;
  font-weight: 900;
  text-decoration: none;
}

html[data-public-theme="turkmod"] .ui-theme-sidebar-builder .ui-theme-sponsored-card > img {
  width: 100%;
  max-height: 150px;
  object-fit: cover;
  border-radius: 8px 8px 0 0;
}

html[data-public-theme="turkmod"] .ui-theme-sidebar-builder .ui-theme-sponsored-card small {
  width: max-content;
  padding: .2rem .45rem;
  border-radius: 999px;
  background: color-mix(in srgb, var(--ui-theme-widget-accent) 12%, var(--ui-surface, #fff));
  color: var(--ui-theme-widget-accent);
  font-size: .68rem;
  font-weight: 950;
  text-transform: uppercase;
}

html[data-public-theme="turkmod"] .ui-theme-sidebar-builder .ui-theme-leader-mini {
  display: grid;
  grid-template-columns: 28px minmax(0, 1fr) auto;
  align-items: center;
  gap: .65rem;
  padding: .6rem 0;
  border-bottom: 1px solid var(--ui-border, rgba(148, 163, 184, .24));
  color: inherit;
  text-decoration: none;
}

html[data-public-theme="turkmod"] .ui-theme-sidebar-builder .ui-theme-leader-mini:last-child {
  border-bottom: 0;
}

html[data-public-theme="turkmod"] .ui-theme-sidebar-builder .ui-theme-leader-mini span {
  display: inline-grid;
  place-items: center;
  width: 26px;
  height: 26px;
  border-radius: 999px;
  background: var(--brand-accent, #8b1538);
  color: var(--theme-on-accent, #fff);
  font-size: .75rem;
  font-weight: 900;
}

html[data-public-theme="turkmod"] .ui-theme-sidebar-builder .ui-theme-leader-mini strong {
  min-width: 0;
  overflow: hidden;
  color: var(--text, #111827);
  font-size: .9rem;
  text-overflow: ellipsis;
  white-space: nowrap;
}

html[data-public-theme="turkmod"] .ui-theme-sidebar-builder .ui-theme-leader-mini small {
  color: var(--text-dim, #64748b);
  font-weight: 800;
}

html[data-public-theme="turkmod"] .ui-theme-sidebar-builder .ui-theme-stat-mini-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: .65rem;
}

html[data-public-theme="turkmod"] .ui-theme-sidebar-builder .ui-theme-stat-mini-grid div {
  display: grid;
  gap: .25rem;
  padding: .75rem;
  border: 1px solid var(--ui-border, rgba(148, 163, 184, .24));
  border-radius: 8px;
  background: var(--ui-surface-muted, #f8fafc);
}

html[data-public-theme="turkmod"] .ui-theme-sidebar-builder .ui-theme-stat-mini-grid i {
  color: var(--brand-accent, #8b1538);
}

html[data-public-theme="turkmod"] .ui-theme-sidebar-builder .ui-theme-stat-mini-grid strong {
  color: var(--text, #111827);
  font-size: 1.05rem;
  font-weight: 900;
}

html[data-public-theme="turkmod"] .ui-theme-sidebar-builder .ui-theme-stat-mini-grid small {
  color: var(--text-dim, #64748b);
  font-size: .74rem;
  font-weight: 800;
}

@media (min-width: 992px) {
  html[data-public-theme="turkmod"] .ui-theme-sidebar-hide-desktop {
    display: none !important;
  }
}

@media (min-width: 768px) and (max-width: 991.98px) {
  html[data-public-theme="turkmod"] .ui-theme-sidebar-hide-tablet {
    display: none !important;
  }
}

@media (max-width: 767.98px) {
  html[data-public-theme="turkmod"] .ui-theme-sidebar-hide-mobile {
    display: none !important;
  }
}

/* ============================================================
 * TurkMod authentication pages
 * Shared theme contract for login, registration and recovery.
 * ============================================================ */

html[data-public-theme="turkmod"] .layout:has(.ui-theme-auth) > .sidebar-left,
html[data-public-theme="turkmod"] .layout:has(.ui-theme-auth) > .sidebar-right,
html[data-public-theme="turkmod"] .layout:has(.ui-theme-auth) > aside.sidebar {
    display: none !important;
}

html[data-public-theme="turkmod"] .layout:has(.ui-theme-auth) {
    grid-template-columns: minmax(0, 1fr) !important;
    gap: var(--space-0) !important;
}

html[data-public-theme="turkmod"] .layout:has(.ui-theme-auth) > .content,
html[data-public-theme="turkmod"] .layout:has(.ui-theme-auth) > .content-area {
    grid-column: 1 / -1 !important;
    width: 100% !important;
    max-width: 100% !important;
}

html[data-public-theme="turkmod"] body:has(.ui-theme-auth) .sidebar-toggle {
    display: none !important;
}

html[data-public-theme="turkmod"] .ui-theme-auth {
    display: block;
    width: 100%;
    min-height: var(--space-0);
    padding: var(--space-0);
    color: var(--color-text);
}

html[data-public-theme="turkmod"] .ui-theme-auth-shell {
    padding-top: var(--space-0);
    padding-bottom: var(--space-12);
}

html[data-public-theme="turkmod"] .ui-theme-auth-alert {
    width: min(100%, var(--container-lg));
    margin: var(--space-0) auto var(--space-4);
}

html[data-public-theme="turkmod"] .ui-theme-auth-card {
    width: min(100%, var(--container-lg));
    margin: var(--space-0) auto;
    padding: var(--space-0);
    overflow: hidden;
    background: var(--color-surface);
    border: 1px solid var(--color-border);
    border-radius: var(--radius-xl);
    box-shadow: var(--shadow-lg);
}

html[data-public-theme="turkmod"] .ui-theme-auth-layout {
    display: grid;
    grid-template-columns: minmax(0, 2fr) minmax(0, 1fr);
    min-width: var(--space-0);
}

html[data-public-theme="turkmod"] .ui-theme-auth-form-panel,
html[data-public-theme="turkmod"] .ui-theme-auth-support {
    min-width: var(--space-0);
}

html[data-public-theme="turkmod"] .ui-theme-auth-form-panel {
    padding: var(--space-8);
    background: var(--color-surface);
}

html[data-public-theme="turkmod"] .ui-theme-auth-support {
    display: flex;
    flex-direction: column;
    padding: var(--space-8) var(--space-6);
    background: var(--color-surface-muted);
    border-left: 1px solid var(--color-border);
}

html[data-public-theme="turkmod"] .ui-theme-auth-header {
    position: relative;
    width: 100%;
    height: auto;
    min-height: var(--space-0);
    margin-bottom: var(--space-6);
}

html[data-public-theme="turkmod"] .ui-theme-auth-eyebrow {
    display: block;
    margin-bottom: var(--space-2);
    color: var(--color-primary);
    font-size: var(--font-size-xs);
    font-weight: var(--font-weight-bold);
    line-height: var(--line-height-snug);
    letter-spacing: var(--letter-spacing-normal);
    text-transform: uppercase;
}

html[data-public-theme="turkmod"] .ui-theme-auth-header h1,
html[data-public-theme="turkmod"] .ui-theme-auth-support h2 {
    margin: var(--space-0);
    color: var(--color-text);
    font-family: var(--font-family-heading);
    font-weight: var(--font-weight-bold);
    letter-spacing: var(--letter-spacing-normal);
}

html[data-public-theme="turkmod"] .ui-theme-auth-header h1 {
    font-size: var(--font-size-3xl);
    line-height: var(--line-height-tight);
}

html[data-public-theme="turkmod"] .ui-theme-auth-header p {
    max-width: var(--container-sm);
    margin: var(--space-3) var(--space-0) var(--space-0);
    color: var(--color-text-muted);
    font-size: var(--font-size-sm);
    line-height: var(--line-height-relaxed);
}

html[data-public-theme="turkmod"] .ui-theme-auth-support h2 {
    margin-bottom: var(--space-6);
    font-size: var(--font-size-xl);
    line-height: var(--line-height-snug);
}

html[data-public-theme="turkmod"] .ui-theme-auth-onboarding {
    display: flex;
    align-items: flex-start;
    gap: var(--space-3);
    margin-bottom: var(--space-5);
    padding: var(--space-4);
    color: var(--color-text);
    background: var(--color-success-soft);
    border: 1px solid var(--color-success);
    border-radius: var(--radius-lg);
    font-size: var(--font-size-sm);
    line-height: var(--line-height-base);
}

html[data-public-theme="turkmod"] .ui-theme-auth-onboarding-icon {
    flex: 0 0 auto;
    color: var(--color-success);
    font-size: var(--font-size-lg);
}

html[data-public-theme="turkmod"] .ui-theme-auth-form {
    display: flex;
    flex-direction: column;
    gap: var(--space-4);
}

html[data-public-theme="turkmod"] .ui-theme-auth-fields {
    display: grid;
    gap: var(--space-4);
}

html[data-public-theme="turkmod"] .ui-theme-auth-fields--split {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    align-items: start;
}

html[data-public-theme="turkmod"] .ui-theme-auth-fields--split > .ui-theme-auth-field {
    align-self: start;
}

html[data-public-theme="turkmod"] .ui-theme-auth-field {
    display: flex;
    flex-direction: column;
    gap: var(--space-2);
    min-width: var(--space-0);
    margin: var(--space-0);
}

html[data-public-theme="turkmod"] .ui-theme-auth-field > .ui-label {
    margin: var(--space-0);
    color: var(--color-text);
    font-size: var(--font-size-xs);
    font-weight: var(--font-weight-bold);
    line-height: var(--line-height-snug);
    letter-spacing: var(--letter-spacing-normal);
    text-transform: uppercase;
}

html[data-public-theme="turkmod"] .ui-theme-auth-input {
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
    min-width: var(--space-0);
    height: var(--control-height-lg);
    padding: var(--space-0);
    color: var(--color-text-muted);
    background: var(--color-surface-muted);
    border: 1px solid var(--color-border);
    border-radius: var(--input-radius);
    transition: var(--transition-control);
}

html[data-public-theme="turkmod"] .ui-theme-auth-input:focus-within {
    color: var(--color-primary);
    background: var(--color-surface);
    border-color: var(--color-primary);
    box-shadow: var(--state-focus-ring);
}

html[data-public-theme="turkmod"] .ui-theme-auth-input:has(.is-invalid) {
    border-color: var(--color-danger);
}

html[data-public-theme="turkmod"] .ui-theme-auth-input > i:first-child {
    position: absolute;
    left: var(--space-4);
    z-index: var(--z-raised);
    color: currentColor;
    font-size: var(--font-size-md);
    pointer-events: none;
}

html[data-public-theme="turkmod"] .ui-theme-auth .ui-theme-auth-input > input.ui-input {
    width: 100%;
    height: 100%;
    min-width: var(--space-0);
    padding: var(--space-0) var(--space-12);
    color: var(--color-text);
    background: transparent;
    border: 0;
    border-radius: inherit;
    box-shadow: none;
    font-size: var(--font-size-sm);
}

html[data-public-theme="turkmod"] .ui-theme-auth .ui-theme-auth-input > input.ui-input:focus,
html[data-public-theme="turkmod"] .ui-theme-auth .ui-theme-auth-input > input.ui-input:focus-visible {
    outline: none;
    box-shadow: none;
}

html[data-public-theme="turkmod"] .ui-theme-auth .ui-theme-auth-input > input.ui-input::placeholder {
    color: var(--color-text-soft);
    opacity: 1;
}

html[data-public-theme="turkmod"] .ui-theme-auth-input > .auth-password-toggle {
    position: absolute;
    right: var(--space-2);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: var(--control-height-sm);
    height: var(--control-height-sm);
    padding: var(--space-0);
    color: var(--color-text-muted);
    background: transparent;
    border: 0;
    border-radius: var(--radius-sm);
    transition: var(--transition-control);
}

html[data-public-theme="turkmod"] .ui-theme-auth-input > .auth-password-toggle:hover {
    color: var(--color-primary);
    background: var(--color-primary-soft);
}

html[data-public-theme="turkmod"] .ui-theme-auth-input > .auth-password-toggle:focus-visible {
    outline: none;
    box-shadow: var(--state-focus-ring);
}

html[data-public-theme="turkmod"] .ui-theme-auth-options {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--space-4);
}

html[data-public-theme="turkmod"] .ui-theme-auth-check {
    display: inline-flex;
    align-items: flex-start;
    gap: var(--space-2);
    margin: var(--space-0);
    color: var(--color-text);
    font-size: var(--font-size-sm);
    line-height: var(--line-height-base);
}

html[data-public-theme="turkmod"] .ui-theme-auth-check input[type="checkbox"] {
    flex: 0 0 auto;
    margin-top: var(--space-1);
    accent-color: var(--color-primary);
}

html[data-public-theme="turkmod"] .ui-theme-auth-check strong,
html[data-public-theme="turkmod"] .ui-theme-auth-check small {
    display: block;
}

html[data-public-theme="turkmod"] .ui-theme-auth-check small {
    margin-top: var(--space-1);
    color: var(--color-text-muted);
    font-size: var(--font-size-xs);
}

html[data-public-theme="turkmod"] .ui-theme-auth-session-check {
    padding: var(--space-3) var(--space-4);
    background: var(--color-surface-muted);
    border: 1px solid var(--color-border);
    border-radius: var(--radius-lg);
}

html[data-public-theme="turkmod"] .ui-theme-auth-link,
html[data-public-theme="turkmod"] .ui-theme-auth-switch a,
html[data-public-theme="turkmod"] .ui-theme-auth-terms a {
    color: var(--color-primary);
    font-weight: var(--font-weight-semibold);
    text-decoration: none;
}

html[data-public-theme="turkmod"] .ui-theme-auth-link:hover,
html[data-public-theme="turkmod"] .ui-theme-auth-switch a:hover,
html[data-public-theme="turkmod"] .ui-theme-auth-terms a:hover {
    color: var(--color-primary-hover);
    text-decoration: underline;
}

html[data-public-theme="turkmod"] .ui-theme-auth-link:focus-visible,
html[data-public-theme="turkmod"] .ui-theme-auth-switch a:focus-visible,
html[data-public-theme="turkmod"] .ui-theme-auth-terms a:focus-visible {
    outline: none;
    border-radius: var(--radius-sm);
    box-shadow: var(--state-focus-ring);
}

html[data-public-theme="turkmod"] .ui-theme-auth-help {
    display: flex;
    align-items: flex-start;
    gap: var(--space-2);
    margin: var(--space-0);
    color: var(--color-text-muted);
    font-size: var(--font-size-xs);
    line-height: var(--line-height-base);
}

html[data-public-theme="turkmod"] .ui-theme-auth-help i {
    flex: 0 0 auto;
    margin-top: var(--space-1);
    color: var(--color-primary);
}

html[data-public-theme="turkmod"] .ui-theme-auth .ui-theme-auth-submit {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: var(--space-3);
    width: 100%;
    min-height: var(--control-height-lg);
    padding: var(--space-2) var(--space-5);
    color: var(--color-on-primary);
    background: var(--color-primary);
    border: 1px solid var(--color-primary);
    border-radius: var(--button-radius);
    box-shadow: var(--shadow-sm);
    font-size: var(--button-font-size);
    font-weight: var(--font-weight-bold);
    line-height: var(--line-height-snug);
    text-decoration: none;
    transition: var(--transition-control);
}

html[data-public-theme="turkmod"] .ui-theme-auth .ui-theme-auth-submit:hover {
    color: var(--color-on-primary);
    background: var(--color-primary-hover);
    border-color: var(--color-primary-hover);
    box-shadow: var(--shadow-md);
    text-decoration: none;
}

html[data-public-theme="turkmod"] .ui-theme-auth .ui-theme-auth-submit:focus-visible {
    outline: none;
    box-shadow: var(--state-focus-ring), var(--shadow-md);
}

html[data-public-theme="turkmod"] .ui-theme-auth .ui-theme-auth-submit:disabled,
html[data-public-theme="turkmod"] .ui-theme-auth .ui-theme-auth-submit[aria-disabled="true"] {
    cursor: not-allowed;
    box-shadow: none;
}

html[data-public-theme="turkmod"] .ui-theme-auth .ui-theme-auth-submit.is-submitting i,
html[data-public-theme="turkmod"] .ui-theme-auth .ui-theme-auth-submit[aria-busy="true"] i {
    animation: ui-theme-auth-spin var(--duration-slower) linear infinite;
}

html[data-public-theme="turkmod"] .ui-theme-auth-switch {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: var(--space-2);
    margin-top: var(--space-6);
    padding-top: var(--space-5);
    color: var(--color-text-muted);
    border-top: 1px solid var(--color-border);
    font-size: var(--font-size-sm);
}

html[data-public-theme="turkmod"] .ui-theme-auth-demo {
    margin-top: var(--space-4);
    padding: var(--space-3) var(--space-4);
    color: var(--color-text-muted);
    background: var(--color-surface-muted);
    border: 1px dashed var(--color-border-strong);
    border-radius: var(--radius-lg);
    font-size: var(--font-size-xs);
}

html[data-public-theme="turkmod"] .ui-theme-auth-demo strong {
    color: var(--color-text);
}

html[data-public-theme="turkmod"] .ui-theme-auth-benefits {
    display: flex;
    flex-direction: column;
    gap: var(--space-5);
    margin: var(--space-0);
    padding: var(--space-0);
    list-style: none;
}

html[data-public-theme="turkmod"] .ui-theme-auth-benefits li {
    display: flex;
    align-items: flex-start;
    gap: var(--space-3);
    color: var(--color-text-muted);
}

html[data-public-theme="turkmod"] .ui-theme-auth-benefit-icon {
    display: inline-flex;
    flex: 0 0 auto;
    align-items: center;
    justify-content: center;
    width: var(--control-height);
    height: var(--control-height);
    color: var(--color-primary);
    background: var(--color-primary-soft);
    border-radius: var(--radius-lg);
    font-size: var(--font-size-md);
}

html[data-public-theme="turkmod"] .ui-theme-auth-benefits strong,
html[data-public-theme="turkmod"] .ui-theme-auth-benefits small {
    display: block;
}

html[data-public-theme="turkmod"] .ui-theme-auth-benefits strong {
    margin-bottom: var(--space-1);
    color: var(--color-text);
    font-size: var(--font-size-sm);
    line-height: var(--line-height-snug);
}

html[data-public-theme="turkmod"] .ui-theme-auth-benefits small {
    color: var(--color-text-muted);
    font-size: var(--font-size-xs);
    line-height: var(--line-height-base);
}

html[data-public-theme="turkmod"] .ui-theme-auth-security {
    display: flex;
    align-items: flex-start;
    gap: var(--space-3);
    margin-top: auto;
    padding-top: var(--space-6);
    color: var(--color-text-muted);
    border-top: 1px solid var(--color-border);
    font-size: var(--font-size-xs);
    line-height: var(--line-height-base);
}

html[data-public-theme="turkmod"] .ui-theme-auth-security > i {
    flex: 0 0 auto;
    color: var(--color-success);
    font-size: var(--font-size-lg);
}

html[data-public-theme="turkmod"] .ui-theme-auth-security strong {
    display: block;
    margin-bottom: var(--space-1);
    color: var(--color-text);
}

html[data-public-theme="turkmod"] .ui-theme-auth-success-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: var(--control-height-lg);
    height: var(--control-height-lg);
    margin-bottom: var(--space-5);
    color: var(--color-success);
    background: var(--color-success-soft);
    border-radius: var(--radius-full);
    font-size: var(--font-size-2xl);
}

html[data-public-theme="turkmod"] .ui-theme-auth .auth-password-rules {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: var(--space-2) var(--space-3);
    margin-top: var(--space-2);
    color: var(--color-text-muted);
    font-size: var(--font-size-xs);
}

html[data-public-theme="turkmod"] .ui-theme-auth .auth-password-rules span {
    display: inline-flex;
    align-items: center;
    gap: var(--space-2);
}

html[data-public-theme="turkmod"] .ui-theme-auth .auth-password-rules i {
    color: var(--color-text-soft);
}

html[data-public-theme="turkmod"] .ui-theme-auth .auth-password-rules .is-met,
html[data-public-theme="turkmod"] .ui-theme-auth .auth-password-rules .is-met i {
    color: var(--color-success);
}

@keyframes ui-theme-auth-spin {
    to {
        transform: rotate(1turn);
    }
}

@media (max-width: 991.98px) {
    html[data-public-theme="turkmod"] .ui-theme-auth-layout {
        grid-template-columns: minmax(0, 1fr);
    }

    html[data-public-theme="turkmod"] .ui-theme-auth-support {
        border-top: 1px solid var(--color-border);
        border-left: 0;
    }

    html[data-public-theme="turkmod"] .ui-theme-auth-benefits {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    html[data-public-theme="turkmod"] .ui-theme-auth-security {
        margin-top: var(--space-6);
    }
}

@media (max-width: 767.98px) {
    html[data-public-theme="turkmod"] .ui-theme-auth-shell {
        padding-top: var(--space-0);
        padding-bottom: var(--space-8);
    }

    html[data-public-theme="turkmod"] .ui-theme-auth-card {
        border-radius: var(--radius-lg);
        box-shadow: var(--shadow-md);
    }

    html[data-public-theme="turkmod"] .ui-theme-auth-form-panel {
        padding: var(--space-6) var(--space-5);
    }

    html[data-public-theme="turkmod"] .ui-theme-auth-support {
        display: none;
    }

    html[data-public-theme="turkmod"] .ui-theme-auth-header h1 {
        font-size: var(--font-size-2xl);
    }

    html[data-public-theme="turkmod"] .ui-theme-auth-fields--split,
    html[data-public-theme="turkmod"] .ui-theme-auth .auth-password-rules {
        grid-template-columns: minmax(0, 1fr);
    }

    html[data-public-theme="turkmod"] .ui-theme-auth-options {
        align-items: flex-start;
        flex-direction: column;
    }
}

@media (max-width: 389.98px) {
    html[data-public-theme="turkmod"] .ui-theme-auth-form-panel {
        padding-right: var(--space-4);
        padding-left: var(--space-4);
    }

    html[data-public-theme="turkmod"] .ui-theme-auth .ui-theme-auth-input > input.ui-input {
        padding-right: var(--space-10);
        padding-left: var(--space-10);
    }

    html[data-public-theme="turkmod"] .ui-theme-auth-input > i:first-child {
        left: var(--space-3);
    }
}

@media (prefers-reduced-motion: reduce) {
    html[data-public-theme="turkmod"] .ui-theme-auth *,
    html[data-public-theme="turkmod"] .ui-theme-auth *::before,
    html[data-public-theme="turkmod"] .ui-theme-auth *::after {
        scroll-behavior: auto !important;
        animation-duration: var(--duration-instant) !important;
        transition-duration: var(--duration-instant) !important;
    }
}

/* ============================================================
 * TurkMod responsive grid layout overrides
 * Dynamically adjusts grid templates and content-area placement
 * when one or both sidebars are disabled.
 * ============================================================ */
@media (min-width: 1200px) {
  html[data-public-theme="turkmod"] body.has-left-sidebar:not(.has-right-sidebar) .grid:not(.grid--focus) {
    grid-template-columns: 276px minmax(0, 1fr);
  }
  html[data-public-theme="turkmod"] body.has-right-sidebar:not(.has-left-sidebar) .grid:not(.grid--focus) {
    grid-template-columns: minmax(0, 1fr) 276px;
  }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  html[data-public-theme="turkmod"] body.has-left-sidebar:not(.has-right-sidebar) .grid:not(.grid--focus) {
    grid-template-columns: 240px minmax(0, 1fr);
  }
  html[data-public-theme="turkmod"] body.has-right-sidebar:not(.has-left-sidebar) .grid:not(.grid--focus) {
    grid-template-columns: minmax(0, 1fr) 240px;
  }
}
@media (min-width: 992px) {
  html[data-public-theme="turkmod"] body.has-left-sidebar:not(.has-right-sidebar) .grid:not(.grid--focus) .content-area {
    grid-column: 2;
  }
  html[data-public-theme="turkmod"] body.has-right-sidebar:not(.has-left-sidebar) .grid:not(.grid--focus) .content-area {
    grid-column: 1;
  }
  html[data-public-theme="turkmod"] body:not(.has-left-sidebar):not(.has-right-sidebar) .grid:not(.grid--focus) {
    grid-template-columns: minmax(0, 1fr);
  }
  html[data-public-theme="turkmod"] body:not(.has-left-sidebar):not(.has-right-sidebar) .grid:not(.grid--focus) .content-area {
    grid-column: 1;
  }
}

/* ============================================================
   Section: Home Toolbar
   ============================================================ */
html[data-public-theme="turkmod"] .ui-theme-home-toolbar {
    position: relative;
    display: flex;
    align-items: center;
    gap: var(--space-3);
    overflow: hidden;
    padding: var(--space-3) var(--space-4) !important;
    border: 1px solid var(--color-border) !important;
    border-radius: var(--card-radius) !important;
    background: var(--color-surface) !important;
    box-shadow: var(--shadow-sm) !important;
}

/* Üstte ince marka aksanı — sol kalın çizgi yerine daha rafine bir vurgu */
html[data-public-theme="turkmod"] .ui-theme-home-toolbar::before {
    content: "";
    position: absolute;
    inset: 0 auto 0 0;
    width: 3px;
    background: linear-gradient(180deg, var(--primary), var(--primary-light, var(--primary)));
    opacity: 0.9;
}

html[data-public-theme="turkmod"] .ui-theme-home-toolbar > .d-flex {
    justify-content: space-between !important;
    align-items: center;
    width: 100%;
}

/* Sol taraftaki "Sıralama" başlığı */
html[data-public-theme="turkmod"] .ui-theme-home-toolbar-label {
    display: inline-flex;
    align-items: center;
    gap: var(--space-2);
    color: var(--text-dim) !important;
    font-size: var(--font-size-sm) !important;
    font-weight: var(--font-weight-semibold);
    letter-spacing: 0.01em;
    white-space: nowrap;
}

html[data-public-theme="turkmod"] .ui-theme-home-toolbar-nav {
    flex-wrap: nowrap;
    gap: var(--space-1) !important;
    padding: var(--space-1);
    border: 1px solid var(--color-border);
    border-radius: var(--radius-pill, var(--card-radius));
    background: var(--color-surface-muted);
    overflow-x: auto;
    scrollbar-width: none;
}

html[data-public-theme="turkmod"] .ui-theme-home-toolbar-nav::-webkit-scrollbar {
    display: none;
}

html[data-public-theme="turkmod"] .ui-theme-home-toolbar-btn {
    border: 0 !important;
    border-radius: var(--radius-pill, var(--radius-control)) !important;
    background: transparent !important;
    color: var(--text-dim) !important;
    font-size: var(--font-size-sm) !important;
    font-weight: var(--font-weight-semibold);
    line-height: 1.2;
    white-space: nowrap;
    padding: var(--space-2) var(--space-3) !important;
    transition: var(--transition-control) !important;
}

html[data-public-theme="turkmod"] .ui-theme-home-toolbar-btn:hover {
    background: var(--bg-hover) !important;
    color: var(--text) !important;
}

html[data-public-theme="turkmod"] .ui-theme-home-toolbar-btn:focus-visible {
    outline: 0;
    box-shadow: var(--state-focus-ring);
}

html[data-public-theme="turkmod"] .ui-theme-home-toolbar-nav .ui-theme-home-toolbar-btn.active {
    background: var(--primary) !important;
    color: var(--on-primary) !important;
    font-weight: var(--font-weight-bold);
    box-shadow: var(--shadow-sm);
}

html[data-public-theme="turkmod"] .ui-theme-home-toolbar-nav .ui-theme-home-toolbar-btn.active:hover {
    background: var(--primary-dark, var(--primary)) !important;
    color: var(--on-primary) !important;
}

@media (max-width: 640px) {
    html[data-public-theme="turkmod"] .ui-theme-home-toolbar {
        padding: var(--space-2) var(--space-3) !important;
    }

    html[data-public-theme="turkmod"] .ui-theme-home-toolbar > .d-flex {
        flex-direction: column;
        align-items: stretch;
        gap: var(--space-2);
    }

    html[data-public-theme="turkmod"] .ui-theme-home-toolbar-nav {
        justify-content: flex-start;
    }
}

/* ============================================================
   Public UI final polish: profile, topbar, avatars, page rhythm
   ============================================================ */
html[data-public-theme="turkmod"] .site-header,
html[data-public-theme="turkmod"] .navbar,
html[data-public-theme="turkmod"] .header-right,
html[data-public-theme="turkmod"] .user-dropdown-container,
html[data-public-theme="turkmod"] .ui-theme-profile-dropdown,
html[data-public-theme="turkmod"] .notif-dropdown,
html[data-public-theme="turkmod"] .topic-profile-dd {
    overflow: visible !important;
}

html[data-public-theme="turkmod"] .ui-theme-profile-dropdown,
html[data-public-theme="turkmod"] .notif-dropdown,
html[data-public-theme="turkmod"] .topic-profile-dd {
    z-index: var(--z-dropdown);
}

html[data-public-theme="turkmod"] .ui-theme-profile-menu,
html[data-public-theme="turkmod"] .topic-profile-menu,
html[data-public-theme="turkmod"] .notif-menu {
    z-index: var(--z-popover) !important;
}

html[data-public-theme="turkmod"] .ui-theme-profile-menu__item.is-admin,
html[data-public-theme="turkmod"] .tpm-item.tpm-admin {
    color: var(--color-primary) !important;
    background: color-mix(in srgb, var(--color-primary-soft) 72%, var(--color-surface) 28%) !important;
}

html[data-public-theme="turkmod"] .ui-theme-profile-menu__item.is-admin i,
html[data-public-theme="turkmod"] .tpm-item.tpm-admin i {
    color: var(--color-primary) !important;
    background: color-mix(in srgb, var(--color-primary) 12%, transparent) !important;
}

html[data-public-theme="turkmod"] .theme-toggle {
    position: relative;
    isolation: isolate;
    border-color: var(--color-border) !important;
    background: var(--color-surface) !important;
    color: var(--color-text) !important;
    box-shadow: var(--shadow-xs) !important;
    transition: var(--transition-control), transform var(--duration-fast) var(--ease-standard) !important;
}

html[data-public-theme="turkmod"] .theme-toggle:hover,
html[data-public-theme="turkmod"] .theme-toggle:focus-visible {
    border-color: color-mix(in srgb, var(--color-primary) 42%, var(--color-border)) !important;
    background: color-mix(in srgb, var(--color-primary-soft) 62%, var(--color-surface) 38%) !important;
    color: var(--color-primary) !important;
}

html[data-public-theme="turkmod"] .theme-toggle:focus-visible {
    outline: 0 !important;
    box-shadow: var(--state-focus-ring) !important;
}

html[data-public-theme="turkmod"] .theme-toggle i {
    transition: transform var(--duration-base) var(--ease-standard) !important;
}

html[data-public-theme="turkmod"][data-theme="dark"] .theme-toggle i {
    transform: rotate(-12deg);
}

html[data-public-theme="turkmod"] :where(.default-avatar,
    .avatar-fallback,
    .topic-profile-default-avatar,
    .profile-sidebar-avatar-placeholder,
    .profile-summary-avatar-placeholder,
    .profile-avatar-initial,
    .comment-avatar,
    .ui-comment-avatar,
    .author-avatar,
    .user-avatar-badge) {
    display: inline-grid !important;
    place-items: center !important;
    aspect-ratio: 1;
    overflow: hidden;
    border: 1px solid color-mix(in srgb, var(--color-on-primary) 36%, transparent);
    border-radius: var(--radius-pill) !important;
    background:
        radial-gradient(circle at 28% 22%, color-mix(in srgb, var(--color-on-primary) 28%, transparent), transparent 34%),
        conic-gradient(from 140deg, var(--color-primary), var(--color-info), var(--color-success), var(--color-warning), var(--color-primary));
    color: var(--color-on-primary) !important;
    text-shadow: none;
    box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--color-on-primary) 18%, transparent), var(--shadow-xs);
    font-weight: var(--font-weight-bold, 700);
    line-height: 1;
    letter-spacing: 0;
    text-transform: uppercase;
}

html[data-public-theme="turkmod"] :where(.default-avatar,
    .avatar-fallback,
    .topic-profile-default-avatar,
    .profile-sidebar-avatar-placeholder,
    .profile-summary-avatar-placeholder,
    .profile-avatar-initial,
    .comment-avatar,
    .ui-comment-avatar,
    .author-avatar,
    .user-avatar-badge) img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: inherit;
}

html[data-public-theme="turkmod"] .avatar .avatar-fallback,
html[data-public-theme="turkmod"] .topic-profile-toggle .topic-profile-default-avatar,
html[data-public-theme="turkmod"] .topic-profile-menu-avatar .topic-profile-default-avatar {
    width: 100% !important;
    height: 100% !important;
}

/* Central image-based noavatar shell. */
html[data-public-theme="turkmod"] .default-avatar {
    background-color: var(--color-surface) !important;
}

html[data-public-theme="turkmod"] .profile-page-shell .profile-tabs {
    position: sticky !important;
    top: calc(var(--space-16) + var(--space-4)) !important;
    z-index: var(--z-sticky) !important;
    gap: var(--space-2) !important;
    margin-bottom: var(--space-5) !important;
    padding: var(--space-2) !important;
    overflow-x: auto;
    scrollbar-width: none;
    border: 1px solid var(--color-border) !important;
    border-radius: var(--radius-md) !important;
    background: color-mix(in srgb, var(--color-surface) 92%, transparent) !important;
    box-shadow: var(--shadow-sm) !important;
    backdrop-filter: blur(var(--space-3));
}

html[data-public-theme="turkmod"] .profile-page-shell .profile-tabs::-webkit-scrollbar {
    display: none;
}

html[data-public-theme="turkmod"] .profile-page-shell .profile-tab {
    flex: 0 0 auto;
    min-height: var(--control-height);
    border-radius: var(--radius-sm) !important;
}

html[data-public-theme="turkmod"] .profile-settings-section,
html[data-public-theme="turkmod"] .profile-security-section {
    width: 100%;
}

@media (min-width: 992px) {
    html[data-public-theme="turkmod"] .profile-settings-section > .row,
    html[data-public-theme="turkmod"] .profile-security-section > .row {
        display: grid !important;
        align-items: start;
        gap: var(--space-5) !important;
    }

    html[data-public-theme="turkmod"] .profile-settings-section > .row {
        grid-template-columns: minmax(0, 1.75fr) minmax(0, .8fr);
    }

    html[data-public-theme="turkmod"] .profile-security-section > .row {
        grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    }

    html[data-public-theme="turkmod"] .profile-settings-section > .row > [class*="col-"],
    html[data-public-theme="turkmod"] .profile-security-section > .row > [class*="col-"] {
        width: auto !important;
        max-width: none !important;
        padding-inline: 0 !important;
    }
}

html[data-public-theme="turkmod"] .profile-page-shell :where(.profile-section,
    .profile-topic-item,
    .profile-comment-item,
    .profile-activity-item,
    .profile-report-card,
    .profile-empty,
    .profile-empty-cta) {
    border-color: var(--color-border) !important;
    background: var(--color-surface) !important;
    box-shadow: var(--shadow-xs) !important;
}

html[data-public-theme="turkmod"] .profile-page-shell .profile-section {
    padding: var(--space-5) !important;
}

html[data-public-theme="turkmod"] .profile-page-shell .profile-section-title {
    gap: var(--space-2);
    padding-bottom: var(--space-3);
    border-bottom: 1px solid var(--color-border);
}

html[data-public-theme="turkmod"] .profile-page-shell .profile-section-title i {
    display: inline-grid;
    place-items: center;
    width: var(--control-height-sm);
    height: var(--control-height-sm);
    border-radius: var(--radius-sm);
    background: var(--color-primary-soft);
    color: var(--color-primary);
}

html[data-public-theme="turkmod"] .profile-page-shell .profile-topic-item,
html[data-public-theme="turkmod"] .profile-page-shell .profile-comment-item,
html[data-public-theme="turkmod"] .profile-page-shell .profile-activity-item {
    gap: var(--space-3) !important;
    padding: var(--space-4) !important;
    border-radius: var(--radius-md) !important;
    transition: var(--transition-surface), transform var(--duration-fast) var(--ease-standard) !important;
}

html[data-public-theme="turkmod"] .profile-page-shell .profile-topic-item:hover,
html[data-public-theme="turkmod"] .profile-page-shell .profile-comment-item:hover,
html[data-public-theme="turkmod"] .profile-page-shell .profile-activity-item:hover {
    border-color: color-mix(in srgb, var(--color-primary) 30%, var(--color-border)) !important;
    background: color-mix(in srgb, var(--color-primary-soft) 26%, var(--color-surface) 74%) !important;
    transform: translateY(calc(var(--space-1) * -1));
}

html[data-public-theme="turkmod"] .profile-page-shell .profile-topic-title,
html[data-public-theme="turkmod"] .profile-page-shell .profile-link-strong {
    color: var(--color-text) !important;
    font-weight: var(--font-weight-bold) !important;
    line-height: var(--line-height-tight);
}

html[data-public-theme="turkmod"] .profile-page-shell .profile-topic-meta,
html[data-public-theme="turkmod"] .profile-page-shell .profile-mini-row,
html[data-public-theme="turkmod"] .profile-page-shell .profile-mini-row-wrap {
    gap: var(--space-2) !important;
}

html[data-public-theme="turkmod"] .profile-page-shell .profile-topic-meta span {
    min-height: var(--control-height-sm);
    border: 1px solid var(--color-border);
    border-radius: var(--radius-pill);
    background: var(--color-surface-muted);
    color: var(--color-text-muted) !important;
}

html[data-public-theme="turkmod"] .profile-page-shell .profile-comment-body {
    margin-top: var(--space-3);
    padding: var(--space-3) var(--space-4) !important;
    border: 1px solid var(--color-border) !important;
    border-radius: var(--radius-md) !important;
    background: var(--color-surface-muted) !important;
    color: var(--color-text) !important;
    line-height: var(--line-height-base);
}

html[data-public-theme="turkmod"] .profile-page-shell .profile-empty,
html[data-public-theme="turkmod"] .profile-page-shell .profile-empty-cta {
    min-height: calc(var(--space-20) * 2);
    padding: var(--space-8) var(--space-5) !important;
    border-style: dashed !important;
    text-align: center;
}

html[data-public-theme="turkmod"] .profile-page-shell .profile-empty i,
html[data-public-theme="turkmod"] .profile-page-shell .profile-empty-cta i {
    display: inline-grid;
    place-items: center;
    width: var(--space-14);
    height: var(--space-14);
    margin-bottom: var(--space-3);
    border-radius: var(--radius-pill);
    background: var(--color-primary-soft);
    color: var(--color-primary);
    font-size: var(--font-size-xl);
}

html[data-public-theme="turkmod"] .profile-page-shell .profile-empty p,
html[data-public-theme="turkmod"] .profile-page-shell .profile-empty-cta p {
    color: var(--color-text-muted) !important;
    line-height: var(--line-height-base);
}

html[data-public-theme="turkmod"] .profile-page-shell .profile-quick-access {
    gap: var(--space-3) !important;
}

html[data-public-theme="turkmod"] .auth-screen,
html[data-public-theme="turkmod"] .auth-stage,
html[data-public-theme="turkmod"] .auth-stage-compact {
    width: min(var(--container-wide), calc(100% - var(--space-8))) !important;
    margin-inline: auto !important;
}

html[data-public-theme="turkmod"] .auth-stage,
html[data-public-theme="turkmod"] .auth-stage-compact {
    max-width: var(--container-xl) !important;
}

@media (max-width: 767.98px) {
    html[data-public-theme="turkmod"] .profile-page-shell .profile-tabs {
        position: sticky !important;
        top: calc(var(--space-14) + var(--space-2)) !important;
        margin-inline: calc(var(--space-2) * -1);
        border-radius: var(--radius-sm) !important;
    }

    html[data-public-theme="turkmod"] .profile-page-shell .profile-topic-item,
    html[data-public-theme="turkmod"] .profile-page-shell .profile-comment-item,
    html[data-public-theme="turkmod"] .profile-page-shell .profile-activity-item {
        padding: var(--space-3) !important;
    }

    html[data-public-theme="turkmod"] .auth-screen,
    html[data-public-theme="turkmod"] .auth-stage,
    html[data-public-theme="turkmod"] .auth-stage-compact,
    html[data-public-theme="turkmod"] .upload-topic-form-container,
    html[data-public-theme="turkmod"] .notifications-shell,
    html[data-public-theme="turkmod"] .leaderboard-container {
        width: min(100% - var(--space-4), var(--container-wide)) !important;
    }
}

/* Final upload/edit composer polish */
html[data-public-theme="turkmod"] .upload-topic-form-container {
    width: min(var(--container-wide), calc(100% - var(--space-8))) !important;
    margin-inline: auto !important;
}

html[data-public-theme="turkmod"] .upload-topic-form-container .public-upload-shell,
html[data-public-theme="turkmod"] .topic-edit-upload-page .public-upload-shell {
    max-width: var(--container-wide) !important;
    margin-block: var(--space-4) var(--space-10) !important;
}

html[data-public-theme="turkmod"] .public-upload-card {
    overflow: visible !important;
    border-color: var(--color-border) !important;
    background: var(--color-surface) !important;
    box-shadow: var(--shadow-sm) !important;
}

html[data-public-theme="turkmod"] .upload-composer-layout,
html[data-public-theme="turkmod"] .topic-edit-upload-page .upload-composer-layout {
    grid-template-columns: minmax(0, 1fr) minmax(0, .34fr) !important;
    gap: var(--space-5) !important;
}

html[data-public-theme="turkmod"] .upload-wizard-progress {
    position: sticky;
    top: calc(var(--space-16) + var(--space-4));
    z-index: var(--z-sticky);
    gap: var(--space-2) !important;
    padding: var(--space-2) !important;
    border: 1px solid var(--color-border) !important;
    border-radius: var(--radius-md) !important;
    background: color-mix(in srgb, var(--color-surface) 92%, transparent) !important;
    box-shadow: var(--shadow-xs) !important;
    backdrop-filter: blur(var(--space-3));
}

html[data-public-theme="turkmod"] .upload-wizard-step {
    min-height: var(--control-height) !important;
    border-radius: var(--radius-sm) !important;
}

html[data-public-theme="turkmod"] .upload-wizard-panel,
html[data-public-theme="turkmod"] .public-media-card,
html[data-public-theme="turkmod"] .upload-assist-panel,
html[data-public-theme="turkmod"] .topic-edit-upload-page .upload-form-fields > .mb-4:not(.d-none) {
    border-color: var(--color-border) !important;
    border-radius: var(--radius-md) !important;
    background: var(--color-surface) !important;
    box-shadow: var(--shadow-xs) !important;
}

html[data-public-theme="turkmod"] .upload-wizard-panel,
html[data-public-theme="turkmod"] .topic-edit-upload-page .upload-form-fields > .mb-4:not(.d-none) {
    padding: var(--space-6) !important;
}

html[data-public-theme="turkmod"] .upload-assist-panel {
    top: calc(var(--space-16) + var(--space-4)) !important;
    gap: var(--space-3) !important;
}

html[data-public-theme="turkmod"] .upload-step-eyebrow,
html[data-public-theme="turkmod"] .upload-field-rules span,
html[data-public-theme="turkmod"] .public-pill {
    border-radius: var(--radius-pill) !important;
}

html[data-public-theme="turkmod"] .upload-step-title,
html[data-public-theme="turkmod"] .upload-assist-panel h2,
html[data-public-theme="turkmod"] .public-media-head h3 {
    color: var(--color-text) !important;
    letter-spacing: 0;
}

html[data-public-theme="turkmod"] .upload-step-copy,
html[data-public-theme="turkmod"] .upload-assist-panel p,
html[data-public-theme="turkmod"] .public-media-head p,
html[data-public-theme="turkmod"] .upload-field-rules span {
    color: var(--color-text-muted) !important;
}

html[data-public-theme="turkmod"] .public-dropzone {
    border-color: color-mix(in srgb, var(--color-primary) 24%, var(--color-border)) !important;
    border-radius: var(--radius-md) !important;
    background: color-mix(in srgb, var(--color-primary-soft) 18%, var(--color-surface) 82%) !important;
}

html[data-public-theme="turkmod"] .public-dropzone-trigger {
    border-radius: var(--radius-md) !important;
}

html[data-public-theme="turkmod"] .public-dropzone-trigger:focus-visible,
html[data-public-theme="turkmod"] .upload-wizard-step:focus-visible {
    outline: 0 !important;
    box-shadow: var(--state-focus-ring) !important;
}

@media (max-width: 991.98px) {
    html[data-public-theme="turkmod"] .upload-composer-layout,
    html[data-public-theme="turkmod"] .topic-edit-upload-page .upload-composer-layout {
        grid-template-columns: 1fr !important;
    }

    html[data-public-theme="turkmod"] .upload-wizard-progress,
    html[data-public-theme="turkmod"] .upload-assist-panel {
        position: static !important;
    }
}

@media (max-width: 767.98px) {
    html[data-public-theme="turkmod"] .upload-topic-form-container {
        width: min(100% - var(--space-4), var(--container-wide)) !important;
    }

    html[data-public-theme="turkmod"] .upload-wizard-panel,
    html[data-public-theme="turkmod"] .topic-edit-upload-page .upload-form-fields > .mb-4:not(.d-none) {
        padding: var(--space-4) !important;
    }
}

/* Final private profile and page rhythm corrections */
html[data-public-theme="turkmod"] {
    overflow-x: clip;
}

html[data-public-theme="turkmod"] .profile-page-shell.profile-public-shell,
html[data-public-theme="turkmod"] .profile-page-shell.profile-private-shell,
html[data-public-theme="turkmod"] .profile-page-shell:not(.profile-public-shell) {
    display: grid;
    gap: var(--space-4);
    max-width: 100%;
    overflow-x: clip;
}

html[data-public-theme="turkmod"] .profile-page-shell.profile-public-shell .profile-two-column-layout,
html[data-public-theme="turkmod"] .profile-page-shell.profile-private-shell .profile-two-column-layout,
html[data-public-theme="turkmod"] .profile-page-shell:not(.profile-public-shell) .profile-two-column-layout {
    display: grid !important;
    grid-template-columns:
        minmax(var(--space-0), 1fr)
        minmax(
            calc(var(--space-20) + var(--space-20) + var(--space-20) + var(--space-10)),
            calc(var(--space-20) + var(--space-20) + var(--space-20) + var(--space-20) + var(--space-5))
        ) !important;
    align-items: start !important;
    gap: var(--space-5) !important;
    width: 100% !important;
}

html[data-public-theme="turkmod"] .profile-page-shell.profile-public-shell .profile-main-content,
html[data-public-theme="turkmod"] .profile-page-shell.profile-private-shell .profile-main-content,
html[data-public-theme="turkmod"] .profile-page-shell:not(.profile-public-shell) .profile-main-content {
    display: grid !important;
    gap: var(--space-4) !important;
    min-width: 0 !important;
}

html[data-public-theme="turkmod"] .profile-page-shell.profile-public-shell .profile-sidebar,
html[data-public-theme="turkmod"] .profile-page-shell.profile-private-shell .profile-sidebar,
html[data-public-theme="turkmod"] .profile-page-shell:not(.profile-public-shell) .profile-sidebar {
    position: sticky !important;
    top: calc(var(--space-16) + var(--space-4)) !important;
    display: grid !important;
    gap: var(--space-4) !important;
    min-width: 0 !important;
    align-self: start !important;
}

html[data-public-theme="turkmod"] .profile-page-shell :is(.profile-section, .profile-sidebar-card) {
    border-color: var(--color-border) !important;
    border-radius: var(--radius-md) !important;
    background: var(--color-surface) !important;
    box-shadow: var(--shadow-xs) !important;
}

html[data-public-theme="turkmod"] .profile-page-shell .profile-sidebar-card {
    display: grid;
    gap: var(--space-3);
    padding: var(--space-5) !important;
}

html[data-public-theme="turkmod"] .profile-page-shell .profile-sidebar-card-title,
html[data-public-theme="turkmod"] .profile-page-shell .profile-section-title {
    display: flex;
    align-items: center;
    gap: var(--space-2);
    color: var(--color-text) !important;
    line-height: var(--line-height-tight);
}

html[data-public-theme="turkmod"] .profile-page-shell .profile-sidebar-card-title i,
html[data-public-theme="turkmod"] .profile-page-shell .profile-section-title i {
    display: inline-grid;
    place-items: center;
    width: var(--control-height-sm);
    height: var(--control-height-sm);
    flex: 0 0 auto;
    border-radius: var(--radius-sm);
    background: var(--color-primary-soft);
    color: var(--color-primary);
}

html[data-public-theme="turkmod"] .profile-page-shell .profile-sidebar-stats,
html[data-public-theme="turkmod"] .profile-page-shell .profile-sidebar-info,
html[data-public-theme="turkmod"] .profile-page-shell .profile-quick-access {
    display: grid !important;
    gap: var(--space-2) !important;
}

html[data-public-theme="turkmod"] .profile-page-shell .profile-sidebar-stat,
html[data-public-theme="turkmod"] .profile-page-shell .profile-sidebar-info-item,
html[data-public-theme="turkmod"] .profile-page-shell .profile-quick-card {
    display: grid !important;
    align-items: center !important;
    gap: var(--space-3) !important;
    padding: var(--space-3) !important;
    border: 1px solid var(--color-border) !important;
    border-radius: var(--radius-md) !important;
    background: var(--color-surface-muted) !important;
    color: var(--color-text) !important;
    text-decoration: none !important;
}

html[data-public-theme="turkmod"] .profile-page-shell .profile-sidebar-stat {
    grid-template-columns: var(--control-height) minmax(var(--space-0), 1fr) !important;
}

html[data-public-theme="turkmod"] .profile-page-shell .profile-quick-access {
    grid-template-columns: repeat(auto-fit, minmax(calc(var(--space-20) + var(--space-20) + var(--space-8)), 1fr));
}

html[data-public-theme="turkmod"] .profile-page-shell .profile-quick-card {
    grid-template-columns: var(--control-height) minmax(var(--space-0), 1fr);
}

html[data-public-theme="turkmod"] .profile-page-shell .profile-topic-item,
html[data-public-theme="turkmod"] .profile-page-shell .profile-comment-item,
html[data-public-theme="turkmod"] .profile-page-shell .profile-activity-item,
html[data-public-theme="turkmod"] .profile-page-shell .profile-pending-card {
    width: 100% !important;
    min-width: 0 !important;
    margin-bottom: var(--space-3) !important;
    padding: var(--space-4) !important;
    border: 1px solid var(--color-border) !important;
    border-radius: var(--radius-md) !important;
    background: var(--color-surface) !important;
    box-shadow: var(--shadow-xs) !important;
}

html[data-public-theme="turkmod"] .profile-page-shell .profile-topic-item,
html[data-public-theme="turkmod"] .profile-page-shell .profile-pending-card {
    display: grid !important;
    grid-template-columns: minmax(var(--space-0), 1fr) auto !important;
    align-items: center !important;
    gap: var(--space-4) !important;
}

html[data-public-theme="turkmod"] .profile-page-shell .profile-comment-item {
    display: grid !important;
    gap: var(--space-3) !important;
}

html[data-public-theme="turkmod"] .profile-page-shell :is(.profile-topic-title, .profile-pending-title, .profile-link-strong) {
    display: inline-flex !important;
    align-items: center !important;
    gap: var(--space-1) !important;
    max-width: 100% !important;
    color: var(--color-text) !important;
    font-size: var(--font-size-md) !important;
    font-weight: var(--font-weight-bold) !important;
    line-height: var(--line-height-snug) !important;
    text-decoration: none !important;
}

html[data-public-theme="turkmod"] .profile-page-shell :is(.profile-topic-title, .profile-pending-title, .profile-link-strong):hover {
    color: var(--color-primary) !important;
}

html[data-public-theme="turkmod"] .profile-page-shell :is(.profile-topic-meta, .profile-pending-meta) {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: var(--space-2) !important;
    margin-top: var(--space-3) !important;
    padding: 0 !important;
    color: var(--color-text-muted) !important;
    text-shadow: none !important;
}

html[data-public-theme="turkmod"] .profile-page-shell :is(.profile-topic-meta, .profile-pending-meta) span {
    display: inline-flex !important;
    align-items: center !important;
    gap: var(--space-1) !important;
    min-height: var(--control-height-sm) !important;
    padding: var(--space-1) var(--space-2) !important;
    border: 1px solid var(--color-border) !important;
    border-radius: var(--radius-pill) !important;
    background: var(--color-surface-muted) !important;
    color: var(--color-text-muted) !important;
    box-shadow: none !important;
}

html[data-public-theme="turkmod"] .profile-page-shell :is(.profile-mini-row, .profile-mini-row-wrap) {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: var(--space-2) !important;
}

html[data-public-theme="turkmod"] .profile-page-shell .profile-comment-body {
    width: 100% !important;
    max-width: 100% !important;
    margin-top: var(--space-1) !important;
    padding: var(--space-3) var(--space-4) !important;
    border: 1px solid var(--color-border) !important;
    border-radius: var(--radius-md) !important;
    background: var(--color-surface-muted) !important;
    color: var(--color-text) !important;
    line-height: var(--line-height-base) !important;
}

html[data-public-theme="turkmod"] .profile-page-shell .profile-topic-status-filter {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: var(--space-2) !important;
    padding: var(--space-3) !important;
    border: 1px solid var(--color-border) !important;
    border-radius: var(--radius-md) !important;
    background: var(--color-surface-muted) !important;
}

html[data-public-theme="turkmod"] .profile-page-shell .profile-topic-status-filter-link {
    min-height: var(--control-height) !important;
    padding: var(--space-2) var(--space-3) !important;
    border-radius: var(--radius-md) !important;
}

html[data-public-theme="turkmod"] .profile-page-shell :is(.profile-empty, .profile-empty-cta, .profile-empty-action) {
    display: grid !important;
    place-items: center !important;
    gap: var(--space-3) !important;
    min-height: calc(var(--space-20) + var(--space-20)) !important;
    padding: var(--space-8) var(--space-5) !important;
    border: 1px dashed color-mix(in srgb, var(--color-primary) 28%, var(--color-border)) !important;
    border-radius: var(--radius-md) !important;
    background: color-mix(in srgb, var(--color-primary-soft) 22%, var(--color-surface) 78%) !important;
    text-align: center !important;
}

html[data-public-theme="turkmod"] .profile-page-shell :is(.profile-empty, .profile-empty-cta, .profile-empty-action) a {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: var(--space-2) !important;
    min-height: var(--control-height) !important;
    padding: var(--space-2) var(--space-4) !important;
    border: 1px solid color-mix(in srgb, var(--color-primary) 36%, var(--color-border)) !important;
    border-radius: var(--radius-md) !important;
    background: var(--color-surface) !important;
    color: var(--color-primary) !important;
    font-weight: var(--font-weight-bold) !important;
    text-decoration: none !important;
}

html[data-public-theme="turkmod"] .notifications-shell.public-container,
html[data-public-theme="turkmod"] .notifications-shell,
html[data-public-theme="turkmod"] .auth-screen,
html[data-public-theme="turkmod"] .auth-stage,
html[data-public-theme="turkmod"] .auth-stage-compact,
html[data-public-theme="turkmod"] .upload-topic-form-container {
    width: min(var(--container-wide), calc(100% - var(--space-8))) !important;
    max-width: var(--container-wide) !important;
    margin-inline: auto !important;
}

@media (max-width: 1100px) {
    html[data-public-theme="turkmod"] .profile-page-shell.profile-public-shell .profile-two-column-layout,
    html[data-public-theme="turkmod"] .profile-page-shell.profile-private-shell .profile-two-column-layout,
    html[data-public-theme="turkmod"] .profile-page-shell:not(.profile-public-shell) .profile-two-column-layout {
        grid-template-columns: minmax(var(--space-0), 1fr) !important;
    }

    html[data-public-theme="turkmod"] .profile-page-shell.profile-public-shell .profile-sidebar,
    html[data-public-theme="turkmod"] .profile-page-shell.profile-private-shell .profile-sidebar,
    html[data-public-theme="turkmod"] .profile-page-shell:not(.profile-public-shell) .profile-sidebar {
        position: static !important;
        order: 2 !important;
    }
}

@media (max-width: 767.98px) {
    html[data-public-theme="turkmod"] .notifications-shell.public-container,
    html[data-public-theme="turkmod"] .notifications-shell,
    html[data-public-theme="turkmod"] .auth-screen,
    html[data-public-theme="turkmod"] .auth-stage,
    html[data-public-theme="turkmod"] .auth-stage-compact,
    html[data-public-theme="turkmod"] .upload-topic-form-container {
        width: min(100% - var(--space-4), var(--container-wide)) !important;
    }

    html[data-public-theme="turkmod"] .profile-page-shell .profile-topic-item,
    html[data-public-theme="turkmod"] .profile-page-shell .profile-pending-card {
        grid-template-columns: minmax(var(--space-0), 1fr) !important;
    }
}

/* ==========================================================================
   PUBLIC PAGE WIDTH CONSISTENCY (turkmod)
   Auth/upload/edit pages now use the focus layout (no sidebars). Align their
   outer width, breadcrumb and gutters identically to the home page so every
   public page shares the same frame. The inner content box (auth card / upload
   card) stays at a comfortable reading width, centred inside the full frame.
   ========================================================================== */

/* Auth pages: focus grid spans the full page-wrap, just like home content */
html[data-public-theme="turkmod"] body.public-page-login .site-main--focus .layout.grid--focus,
html[data-public-theme="turkmod"] body.public-page-register .site-main--focus .layout.grid--focus,
html[data-public-theme="turkmod"] body.public-page-forgot-password .site-main--focus .layout.grid--focus,
html[data-public-theme="turkmod"] body.public-page-reset-password .site-main--focus .layout.grid--focus {
    width: 100% !important;
    max-width: 100% !important;
    margin-right: auto !important;
    margin-left: auto !important;
}

/* Kill the nested .container double-gutter for auth + upload shells so the
   content lines up with the home layout edges (page-wrap already pads). */
html[data-public-theme="turkmod"] .site-main--focus .content-area > .auth-wrapper,
html[data-public-theme="turkmod"] .site-main--focus .content-area > .upload-topic-form-container,
html[data-public-theme="turkmod"] .site-main--focus .content-area .ui-theme-auth-shell {
    width: 100% !important;
    max-width: 100% !important;
    margin-right: 0 !important;
    margin-left: 0 !important;
    padding-right: 0 !important;
    padding-left: 0 !important;
}

/* Auth card: span the FULL focus frame, identical to the home content edges
   (madde 10 + 12). Breadcrumb is intentionally NOT overridden here — its native
   .container.ui-container already centres at --container-wide, exactly like the
   home page breadcrumb, so it lines up pixel-for-pixel across all pages. */
html[data-public-theme="turkmod"] .ui-theme-auth-card,
html[data-public-theme="turkmod"] .ui-theme-auth-alert {
    width: 100% !important;
    max-width: 100% !important;
    margin-right: auto !important;
    margin-left: auto !important;
}

/* Upload/edit form width follows the same public container frame as breadcrumb. */
html[data-public-theme="turkmod"] body.public-page-upload-topic .content-area > .upload-topic-form-container,
html[data-public-theme="turkmod"] body.public-page-edit-topic .content-area > .upload-topic-form-container {
    width: min(var(--container-wide), calc(100% - var(--space-8))) !important;
    max-width: var(--container-wide) !important;
    margin-right: auto !important;
    margin-left: auto !important;
    padding-right: 0 !important;
    padding-left: 0 !important;
}

html[data-public-theme="turkmod"] body.public-page-upload-topic .content-area > .upload-topic-form-container .public-upload-shell,
html[data-public-theme="turkmod"] body.public-page-edit-topic .content-area > .upload-topic-form-container .public-upload-shell {
    width: 100% !important;
    max-width: 100% !important;
    margin-right: auto !important;
    margin-left: auto !important;
}

@media (max-width: 767.98px) {
    html[data-public-theme="turkmod"] body.public-page-upload-topic .content-area > .upload-topic-form-container,
    html[data-public-theme="turkmod"] body.public-page-edit-topic .content-area > .upload-topic-form-container {
        width: min(100% - var(--space-4), var(--container-wide)) !important;
    }
}

html[data-public-theme="turkmod"] body.public-page-upload-topic .upload-wizard-progress,
html[data-public-theme="turkmod"] body.public-page-edit-topic .upload-wizard-progress {
    border-color: transparent !important;
    background: transparent !important;
    box-shadow: none !important;
    backdrop-filter: none !important;
}

/* ==========================================================================
   THEME SWITCH — instant, glitch-free toggle (madde 2)
   When the theme controller swaps data-theme it adds .theme-switching to <html>
   for one animation frame. While present, ALL color/background/border/shadow
   transitions are killed so the whole page repaints in a single step instead of
   a staggered shimmer cascade. Transform/opacity hover effects resume the moment
   the class is removed.
   ========================================================================== */
html[data-public-theme="turkmod"].theme-switching,
html[data-public-theme="turkmod"].theme-switching *,
html[data-public-theme="turkmod"].theme-switching *::before,
html[data-public-theme="turkmod"].theme-switching *::after {
    transition: none !important;
    animation-duration: 0s !important;
    animation-delay: 0s !important;
}

/* ==========================================================================
   SMOOTH PAGE TRANSITIONS (madde 9)
   Progressive enhancement: browsers that support the View Transitions API get
   a native cross-fade between full page loads; everyone else falls back to a
   lightweight content fade-in. Zero JS cost, no blocking, no layout shift.
   Respects prefers-reduced-motion. The theme-switching guard above disables
   these during a theme swap so the two never fight.
   ========================================================================== */
@view-transition {
    navigation: auto;
}

@keyframes ui-theme-page-fade-in {
    from { opacity: 0; transform: translateY(6px); }
    to   { opacity: 1; transform: translateY(0); }
}

html[data-public-theme="turkmod"] .site-main > .container.page-wrap,
html[data-public-theme="turkmod"] .site-main--focus .content-area {
    animation: ui-theme-page-fade-in 0.34s var(--ease-standard, cubic-bezier(0.4, 0, 0.2, 1)) both;
}

@media (prefers-reduced-motion: reduce) {
    @view-transition { navigation: none; }
    html[data-public-theme="turkmod"] .site-main > .container.page-wrap,
    html[data-public-theme="turkmod"] .site-main--focus .content-area {
        animation: none;
    }
}

/* ============================================================
   PROFILE REVISION: quick-access cards + recent comments
   ============================================================ */
html[data-public-theme="turkmod"] .profile-page-shell .profile-quick-access {
    display: grid !important;
    grid-template-columns: repeat(auto-fit, minmax(190px, 1fr)) !important;
    gap: var(--space-3) !important;
    margin: 0 0 var(--space-5) !important;
}

html[data-public-theme="turkmod"] .profile-page-shell .profile-quick-card {
    position: relative;
    display: grid !important;
    grid-template-columns: 46px minmax(0, 1fr) !important;
    align-items: center !important;
    gap: var(--space-3) !important;
    min-height: 74px;
    padding: var(--space-4) !important;
    border: 1px solid var(--color-border) !important;
    border-radius: var(--radius-lg) !important;
    background: linear-gradient(150deg, var(--color-surface) 0%, var(--color-surface-muted) 100%) !important;
    color: var(--color-text) !important;
    text-decoration: none !important;
    box-shadow: var(--shadow-xs) !important;
    overflow: hidden;
    transition: transform var(--duration-fast, .18s) var(--ease-standard, ease), border-color var(--duration-fast, .18s) var(--ease-standard, ease), box-shadow var(--duration-fast, .18s) var(--ease-standard, ease) !important;
}

html[data-public-theme="turkmod"] .profile-page-shell .profile-quick-card::before {
    content: "";
    position: absolute;
    inset: 0 auto 0 0;
    width: 3px;
    background: var(--color-primary);
    opacity: 0;
    transition: opacity var(--duration-fast, .18s) var(--ease-standard, ease);
}

html[data-public-theme="turkmod"] .profile-page-shell .profile-quick-card:hover,
html[data-public-theme="turkmod"] .profile-page-shell .profile-quick-card:focus-visible {
    transform: translateY(-3px);
    border-color: color-mix(in srgb, var(--color-primary) 42%, var(--color-border)) !important;
    box-shadow: var(--shadow-md) !important;
    outline: none;
}

html[data-public-theme="turkmod"] .profile-page-shell .profile-quick-card:hover::before,
html[data-public-theme="turkmod"] .profile-page-shell .profile-quick-card:focus-visible::before {
    opacity: 1;
}

html[data-public-theme="turkmod"] .profile-page-shell .profile-quick-card i {
    display: inline-grid;
    place-items: center;
    width: 46px;
    height: 46px;
    border-radius: var(--radius-md);
    background: var(--color-primary-soft);
    color: var(--color-primary) !important;
    font-size: 1.3rem !important;
}

html[data-public-theme="turkmod"] .profile-page-shell .profile-quick-card span {
    display: grid;
    gap: 2px;
    min-width: 0;
    color: var(--color-text-muted) !important;
    font-size: var(--font-size-sm) !important;
    line-height: 1.3;
}

html[data-public-theme="turkmod"] .profile-page-shell .profile-quick-card strong {
    display: block;
    color: var(--color-text);
    font-size: 1.25rem !important;
    font-weight: var(--font-weight-black, 800) !important;
    line-height: 1.1;
}

/* Recent comments — fix broken layout */
html[data-public-theme="turkmod"] .profile-page-shell .profile-comment-item {
    display: grid !important;
    gap: var(--space-2) !important;
    padding: var(--space-4) !important;
    border: 1px solid var(--color-border) !important;
    border-left: 3px solid color-mix(in srgb, var(--color-primary) 55%, var(--color-border)) !important;
    border-radius: var(--radius-md) !important;
    background: var(--color-surface) !important;
}

html[data-public-theme="turkmod"] .profile-page-shell .profile-comment-item:hover {
    border-color: color-mix(in srgb, var(--color-primary) 30%, var(--color-border)) !important;
    border-left-color: var(--color-primary) !important;
    background: color-mix(in srgb, var(--color-primary-soft) 18%, var(--color-surface) 82%) !important;
}

html[data-public-theme="turkmod"] .profile-page-shell .profile-comment-item .profile-mini-row,
html[data-public-theme="turkmod"] .profile-page-shell .profile-comment-item .profile-mini-row-wrap {
    display: flex !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: var(--space-3) !important;
    width: 100%;
}

html[data-public-theme="turkmod"] .profile-page-shell .profile-comment-item .profile-link-strong {
    display: inline-flex !important;
    align-items: center !important;
    gap: var(--space-1) !important;
    min-width: 0;
    flex: 1 1 auto;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: var(--color-text) !important;
    font-weight: var(--font-weight-bold) !important;
    font-size: var(--font-size-md) !important;
    text-decoration: none !important;
}

html[data-public-theme="turkmod"] .profile-page-shell .profile-comment-item .profile-link-strong:hover {
    color: var(--color-primary) !important;
}

html[data-public-theme="turkmod"] .profile-page-shell .profile-comment-item .profile-small-muted {
    flex: 0 0 auto;
    color: var(--color-text-muted) !important;
    font-size: var(--font-size-xs) !important;
    font-weight: var(--font-weight-medium) !important;
    white-space: nowrap;
}

html[data-public-theme="turkmod"] .profile-page-shell .profile-comment-body {
    width: 100% !important;
    margin: 0 !important;
    padding: var(--space-3) var(--space-4) !important;
    border: 1px solid var(--color-border) !important;
    border-radius: var(--radius-md) !important;
    background: var(--color-surface-muted) !important;
    color: var(--color-text) !important;
    font-size: var(--font-size-sm) !important;
    line-height: var(--line-height-relaxed, 1.6) !important;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

/* Aktif Oturum — tüm cihazlardan çıkış butonu */
html[data-public-theme="turkmod"] .profile-page-shell .profile-session-logout-form {
    margin-top: var(--space-3);
    display: grid;
    gap: var(--space-2);
}

html[data-public-theme="turkmod"] .profile-page-shell .profile-session-logout-form .ui-admin-btn-danger {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: var(--space-2);
    min-height: var(--control-height);
    padding: var(--space-2) var(--space-4);
    border: 1px solid color-mix(in srgb, var(--color-danger) 45%, var(--color-border)) !important;
    border-radius: var(--radius-md);
    background: var(--color-danger-soft) !important;
    color: var(--color-danger-dark, var(--color-danger)) !important;
    font-weight: var(--font-weight-bold);
    cursor: pointer;
    transition: background var(--duration-fast, .18s) var(--ease-standard, ease), border-color var(--duration-fast, .18s) var(--ease-standard, ease), transform var(--duration-fast, .18s) var(--ease-standard, ease);
}

html[data-public-theme="turkmod"] .profile-page-shell .profile-session-logout-form .ui-admin-btn-danger:hover {
    background: var(--color-danger) !important;
    border-color: var(--color-danger) !important;
    color: #fff !important;
    transform: translateY(-1px);
}

html[data-public-theme="turkmod"] .profile-page-shell .profile-session-logout-hint {
    display: flex;
    align-items: flex-start;
    gap: var(--space-1);
    margin: 0;
    color: var(--color-text-muted);
    font-size: var(--font-size-xs);
    line-height: 1.4;
}

html[data-public-theme="turkmod"] .profile-page-shell .profile-session-logout-hint i {
    color: var(--color-danger);
    margin-top: 1px;
}

/* İçerik Bilgileri — kesilen değerler için özel tooltip kutusu */
html[data-public-theme="turkmod"] .topic-info-row strong[data-info-value] {
    cursor: help;
}

html[data-public-theme="turkmod"] .info-value-tooltip {
    position: absolute;
    z-index: 1200;
    max-width: min(320px, 90vw);
    padding: var(--space-2) var(--space-3);
    border: 1px solid var(--color-border, #d8dee8);
    border-radius: var(--radius-md, 8px);
    background: var(--color-surface, #fff);
    color: var(--color-text, #111827);
    font-size: var(--font-size-sm, .85rem);
    font-weight: var(--font-weight-medium, 500);
    line-height: 1.45;
    box-shadow: var(--shadow-lg, 0 12px 30px rgba(0, 0, 0, .18));
    word-break: break-word;
    pointer-events: none;
    animation: infoTipFade .14s ease;
}

html[data-public-theme="turkmod"] .info-value-tooltip::after {
    content: "";
    position: absolute;
    left: 50%;
    bottom: -5px;
    width: 10px;
    height: 10px;
    transform: translateX(-50%) rotate(45deg);
    background: var(--color-surface, #fff);
    border-right: 1px solid var(--color-border, #d8dee8);
    border-bottom: 1px solid var(--color-border, #d8dee8);
}

html[data-public-theme="turkmod"] .info-value-tooltip.info-value-tooltip--below::after {
    bottom: auto;
    top: -5px;
    border-right: none;
    border-bottom: none;
    border-left: 1px solid var(--color-border, #d8dee8);
    border-top: 1px solid var(--color-border, #d8dee8);
}

@keyframes infoTipFade {
    from { opacity: 0; transform: translateY(2px); }
    to { opacity: 1; transform: translateY(0); }
}

@media (prefers-reduced-motion: reduce) {
    html[data-public-theme="turkmod"] .info-value-tooltip { animation: none; }
}

/* Profile private polish: resilient quick cards and visible metadata icons. */
html[data-public-theme="turkmod"] .profile-page-shell .profile-quick-access {
    display: grid !important;
    grid-template-columns: repeat(5, minmax(var(--space-0), 1fr)) !important;
    align-items: stretch !important;
}

html[data-public-theme="turkmod"] .profile-page-shell .profile-quick-card {
    grid-template-columns: var(--control-height) minmax(var(--space-0), 1fr) !important;
    min-height: calc(var(--control-height) + var(--space-6)) !important;
    padding: var(--space-4) !important;
    background: var(--color-surface) !important;
}

html[data-public-theme="turkmod"] .profile-page-shell .profile-quick-card > i {
    display: inline-grid !important;
    place-items: center !important;
    inline-size: var(--control-height) !important;
    block-size: var(--control-height) !important;
    border: 1px solid color-mix(in srgb, var(--color-primary) 22%, var(--color-border)) !important;
    border-radius: var(--radius-md) !important;
    background: color-mix(in srgb, var(--color-primary-soft) 72%, var(--color-surface) 28%) !important;
    color: var(--color-primary) !important;
    font-size: var(--font-size-lg) !important;
    line-height: 1 !important;
}

html[data-public-theme="turkmod"] .profile-page-shell .profile-quick-card > i::before,
html[data-public-theme="turkmod"] .profile-page-shell .profile-topic-meta i::before,
html[data-public-theme="turkmod"] .profile-public-shell.profile-page-shell .profile-topic-meta i::before {
    display: inline-block !important;
}

html[data-public-theme="turkmod"] .profile-page-shell .profile-quick-card span {
    min-width: var(--space-0) !important;
}

html[data-public-theme="turkmod"] .profile-page-shell .profile-quick-card strong {
    overflow-wrap: anywhere !important;
}

html[data-public-theme="turkmod"] .profile-page-shell .profile-topic-meta i,
html[data-public-theme="turkmod"] .profile-page-shell .profile-pending-meta i,
html[data-public-theme="turkmod"] .profile-public-shell.profile-page-shell .profile-topic-meta i {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex: 0 0 auto !important;
    color: var(--color-primary) !important;
    opacity: 1 !important;
}

@media (max-width: 991.98px) {
    html[data-public-theme="turkmod"] .profile-page-shell .profile-quick-access {
        grid-template-columns: repeat(2, minmax(var(--space-0), 1fr)) !important;
    }
}

@media (max-width: 575.98px) {
    html[data-public-theme="turkmod"] .profile-page-shell .profile-quick-access {
        grid-template-columns: minmax(var(--space-0), 1fr) !important;
    }
}


/* Topic comment card redesign: mini profile card + divider + content rail. */
html[data-public-theme="turkmod"] .ui-theme-comments-area .topic-comments .ui-comment-item {
    position: relative !important;
    padding: var(--space-3) !important;
    background: var(--t-surface, var(--theme-surface)) !important;
    border: 1px solid color-mix(in srgb, var(--t-border, var(--theme-border)) 86%, transparent) !important;
    border-radius: var(--radius-card) !important;
    box-shadow: none !important;
    transition: var(--transition-surface) !important;
}

html[data-public-theme="turkmod"] .ui-theme-comments-area .topic-comments .ui-comment-item:hover {
    border-color: color-mix(in srgb, var(--t-primary, var(--brand-accent)) 34%, var(--t-border, var(--theme-border))) !important;
    box-shadow: var(--shadow-sm) !important;
}

html[data-public-theme="turkmod"] .ui-theme-comments-area .topic-comments .ui-comment-body {
    display: grid !important;
    grid-template-columns:
        minmax(calc(var(--space-20) + var(--space-8)), calc(var(--space-20) + var(--space-16)))
        var(--ui-comment-divider-size, 1px)
        minmax(var(--space-0), 1fr) !important;
    align-items: stretch !important;
    gap: var(--space-4) !important;
    min-width: var(--space-0) !important;
    padding: var(--space-0) !important;
    background: transparent !important;
}

html[data-public-theme="turkmod"] .ui-theme-comments-area .topic-comments .ui-comment-profile-card {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    gap: var(--space-2) !important;
    min-width: var(--space-0) !important;
    padding: var(--space-2) !important;
    border: 1px solid color-mix(in srgb, var(--t-border, var(--theme-border)) 74%, transparent) !important;
    border-radius: var(--radius-card) !important;
    background: color-mix(in srgb, var(--t-surface-muted, var(--theme-surface-muted)) 76%, transparent) !important;
}

html[data-public-theme="turkmod"] .ui-theme-comments-area .topic-comments .ui-comment-profile-avatar,
html[data-public-theme="turkmod"] .ui-theme-comments-area .topic-comments .ui-comment-profile-card .ui-comment-profile-avatar[data-hue] {
    width: calc(var(--space-8) + var(--space-2)) !important;
    height: calc(var(--space-8) + var(--space-2)) !important;
    border: 1px solid color-mix(in srgb, var(--t-primary, var(--brand-accent)) 28%, var(--t-border, var(--theme-border))) !important;
    background: var(--t-surface, var(--theme-surface)) !important;
    color: var(--t-primary, var(--brand-accent)) !important;
    box-shadow: none !important;
}

html[data-public-theme="turkmod"] .ui-theme-comments-area .topic-comments .ui-comment-profile-info {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    gap: var(--space-1) !important;
    max-width: 100% !important;
    min-width: var(--space-0) !important;
    text-align: center !important;
}

html[data-public-theme="turkmod"] .ui-theme-comments-area .topic-comments .ui-comment-author-line {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    gap: var(--space-1) !important;
    max-width: 100% !important;
    min-width: var(--space-0) !important;
}

html[data-public-theme="turkmod"] .ui-theme-comments-area .topic-comments .ui-comment-author {
    max-width: 100% !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    font-size: var(--font-size-sm) !important;
    line-height: var(--line-height-snug) !important;
}

html[data-public-theme="turkmod"] .ui-theme-comments-area .topic-comments .ui-comment-profile-card :where(.ui-comment-author-badge, .ui-comment-group-badge, .comment-edited-badge) {
    max-width: 100% !important;
    margin-left: var(--space-0) !important;
    white-space: normal !important;
    text-align: center !important;
}

html[data-public-theme="turkmod"] .ui-theme-comments-area .topic-comments .ui-comment-divider {
    width: var(--ui-comment-divider-size, 1px) !important;
    min-height: 100% !important;
    background: linear-gradient(
        to bottom,
        transparent,
        color-mix(in srgb, var(--t-border, var(--theme-border)) 82%, transparent),
        transparent
    ) !important;
}

html[data-public-theme="turkmod"] .ui-theme-comments-area .topic-comments .ui-comment-content-wrap {
    display: grid !important;
    grid-template-columns: minmax(var(--space-0), 1fr) !important;
    align-content: start !important;
    align-items: start !important;
    gap: var(--space-2) var(--space-3) !important;
    min-width: var(--space-0) !important;
    padding-top: calc(var(--space-3) + var(--space-1)) !important;
}

html[data-public-theme="turkmod"] .ui-theme-comments-area .topic-comments .ui-comment-time {
    position: absolute !important;
    top: var(--space-3) !important;
    right: var(--space-3) !important;
    z-index: 1 !important;
    justify-self: auto !important;
    margin-left: auto !important;
    text-align: right !important;
    white-space: nowrap !important;
    font-size: var(--font-size-xs) !important;
    line-height: var(--line-height-tight) !important;
}

html[data-public-theme="turkmod"] .ui-theme-comments-area .topic-comments .ui-comment-quote-tag,
html[data-public-theme="turkmod"] .ui-theme-comments-area .topic-comments .ui-comment-text,
html[data-public-theme="turkmod"] .ui-theme-comments-area .topic-comments .comment-body,
html[data-public-theme="turkmod"] .ui-theme-comments-area .topic-comments .ui-comment-bottom-bar,
html[data-public-theme="turkmod"] .ui-theme-comments-area .topic-comments .ui-comment-inline-reply-slot {
    grid-column: 1 / -1 !important;
}

html[data-public-theme="turkmod"] .ui-theme-comments-area .topic-comments .ui-comment-inline-reply-slot {
    display: block !important;
    width: 100% !important;
    min-width: var(--space-0) !important;
}

html[data-public-theme="turkmod"] .ui-theme-comments-area .topic-comments .ui-comment-text,
html[data-public-theme="turkmod"] .ui-theme-comments-area .topic-comments .comment-body {
    padding: var(--space-0) !important;
    font-size: var(--font-size-sm) !important;
    line-height: var(--line-height-relaxed) !important;
}

html[data-public-theme="turkmod"] .ui-theme-comments-area .topic-comments .ui-comment-quote-tag {
    display: flex !important;
    align-items: center !important;
    gap: var(--space-2) !important;
    padding: var(--space-2) var(--space-3) !important;
    background: color-mix(in srgb, var(--t-surface-muted, var(--theme-surface-muted)) 45%, transparent) !important;
    border-left: 3px solid var(--t-primary, var(--brand-accent)) !important;
    border-radius: 0 var(--radius-control) var(--radius-control) 0 !important;
    font-size: var(--font-size-xs) !important;
    color: var(--t-muted, var(--theme-text-muted)) !important;
    font-style: italic !important;
    margin-bottom: var(--space-2) !important;
}

html[data-public-theme="turkmod"] .ui-theme-comments-area .topic-comments .ui-comment-quote-tag i {
    color: var(--t-primary, var(--brand-accent)) !important;
    font-size: var(--font-size-sm) !important;
    font-style: normal !important;
}

html[data-public-theme="turkmod"] .ui-theme-comments-area .topic-comments .ui-comment-quote-tag strong {
    color: var(--t-text, var(--theme-text)) !important;
    font-style: normal !important;
}

html[data-public-theme="turkmod"] .ui-theme-comments-area .topic-comments .ui-comment-bottom-bar {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    flex-wrap: wrap !important;
    gap: var(--space-2) !important;
    margin-top: var(--space-1) !important;
    padding-top: var(--space-2) !important;
    border-top: 1px solid color-mix(in srgb, var(--t-border, var(--theme-border)) 62%, transparent) !important;
}

html[data-public-theme="turkmod"] .ui-theme-comments-area .topic-comments .ui-comment-actions-row,
html[data-public-theme="turkmod"] .ui-theme-comments-area .topic-comments .ui-comment-reactions {
    display: flex !important;
    align-items: center !important;
    flex-wrap: nowrap !important;
    gap: var(--space-2) !important;
}

html[data-public-theme="turkmod"] .ui-theme-comments-area .topic-comments .ui-comment-reactions {
    margin-left: var(--space-0) !important;
}

html[data-public-theme="turkmod"] .ui-theme-comments-area .topic-comments .ui-comment-action-btn,
html[data-public-theme="turkmod"] .ui-theme-comments-area .topic-comments .comment-reaction-btn {
    min-height: calc(var(--space-6) + var(--space-2)) !important;
    padding: var(--space-1) var(--space-2) !important;
    border: 1px solid color-mix(in srgb, var(--t-border, var(--theme-border)) 70%, transparent) !important;
    background: transparent !important;
    border-radius: var(--radius-control) !important;
    transition: transform 0.2s cubic-bezier(0.4, 0, 0.2, 1), background-color 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease, color 0.2s ease !important;
}

html[data-public-theme="turkmod"] .ui-theme-comments-area .topic-comments .ui-comment-action-btn:hover,
html[data-public-theme="turkmod"] .ui-theme-comments-area .topic-comments .comment-reaction-btn:hover {
    background: var(--t-surface-muted, var(--theme-surface-muted)) !important;
    border-color: color-mix(in srgb, var(--t-primary, var(--brand-accent)) 35%, var(--t-border, var(--theme-border))) !important;
    transform: translateY(-1px) !important;
    box-shadow: var(--shadow-xs) !important;
}

html[data-public-theme="turkmod"] .ui-theme-comments-area .topic-comments .ui-comment-action-btn:active,
html[data-public-theme="turkmod"] .ui-theme-comments-area .topic-comments .comment-reaction-btn:active {
    transform: scale(0.95) !important;
}

html[data-public-theme="turkmod"] .ui-theme-comments-area .topic-comments .comment-reaction-btn.active {
    background: color-mix(in srgb, var(--t-primary, var(--brand-accent)) 12%, transparent) !important;
    border-color: var(--t-primary, var(--brand-accent)) !important;
    color: var(--t-primary, var(--brand-accent)) !important;
}

html[data-public-theme="turkmod"] .ui-theme-comments-area .topic-comments .ui-comment-inline-form {
    display: grid !important;
    gap: var(--space-2) !important;
    width: 100% !important;
    min-width: var(--space-0) !important;
    margin-top: var(--space-2) !important;
    padding: var(--space-3) !important;
    border: 1px solid color-mix(in srgb, var(--t-border, var(--theme-border)) 76%, transparent) !important;
    border-radius: var(--radius-card) !important;
    background: color-mix(in srgb, var(--t-surface-muted, var(--theme-surface-muted)) 82%, transparent) !important;
    box-shadow: none !important;
}

html[data-public-theme="turkmod"] .ui-theme-comments-area .topic-comments .ui-comment-inline-form .ui-comment-quote-info {
    display: flex !important;
    align-items: center !important;
    gap: var(--space-2) !important;
    min-width: var(--space-0) !important;
    margin: var(--space-0) !important;
    padding: var(--space-2) var(--space-3) !important;
    border: 1px solid color-mix(in srgb, var(--t-border, var(--theme-border)) 72%, transparent) !important;
    border-radius: var(--radius-control) !important;
    background: var(--t-surface, var(--theme-surface)) !important;
    color: var(--t-muted, var(--theme-text-muted)) !important;
    line-height: var(--line-height-snug) !important;
}

html[data-public-theme="turkmod"] .ui-theme-comments-area .topic-comments .ui-comment-inline-form .ui-comment-quote-info strong {
    color: var(--t-primary, var(--brand-accent)) !important;
}

html[data-public-theme="turkmod"] .ui-theme-comments-area .topic-comments .ui-comment-inline-form .ui-comment-inline-textarea {
    display: block !important;
    width: 100% !important;
    min-width: var(--space-0) !important;
    min-height: calc(var(--space-20) - var(--space-2)) !important;
    margin: var(--space-0) !important;
    background: var(--t-surface, var(--theme-surface)) !important;
    border-color: color-mix(in srgb, var(--t-border, var(--theme-border)) 84%, transparent) !important;
}

html[data-public-theme="turkmod"] .ui-theme-comments-area .topic-comments .ui-comment-inline-form .ui-comment-inline-textarea:focus {
    border-color: color-mix(in srgb, var(--t-primary, var(--brand-accent)) 52%, var(--t-border, var(--theme-border))) !important;
    box-shadow: var(--state-focus-ring) !important;
}

html[data-public-theme="turkmod"] .ui-theme-comments-area .topic-comments .ui-comment-inline-form .ui-comment-inline-btns {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    flex-wrap: wrap !important;
    gap: var(--space-2) !important;
    margin-top: var(--space-0) !important;
}

html[data-public-theme="turkmod"] .ui-theme-comments-area .topic-comments .ui-comment-replies {
    margin-left: calc(var(--space-8) + var(--space-6)) !important;
    padding-left: var(--space-3) !important;
    gap: var(--space-2) !important;
    border-left: 1px solid color-mix(in srgb, var(--t-border, var(--theme-border)) 84%, transparent) !important;
}

html[data-public-theme="turkmod"] .ui-theme-comments-area .topic-comments .ui-comment-replies .ui-comment-item {
    padding: var(--space-2) !important;
    background: var(--t-surface-muted, var(--theme-surface-muted)) !important;
}

html[data-public-theme="turkmod"] .ui-theme-comments-area .topic-comments .ui-comment-replies .ui-comment-time {
    top: var(--space-2) !important;
    right: var(--space-2) !important;
}

html[data-public-theme="turkmod"] .ui-theme-comments-area .topic-comments .ui-comment-replies .ui-comment-content-wrap {
    padding-top: var(--space-8) !important;
    padding-bottom: var(--space-0, 0) !important;
}

html[data-public-theme="turkmod"] .ui-theme-comments-area .topic-comments .ui-comment-replies .ui-comment-body {
    grid-template-columns:
        minmax(calc(var(--space-20) + var(--space-6)), calc(var(--space-20) + var(--space-14)))
        var(--ui-comment-divider-size, 1px)
        minmax(var(--space-0), 1fr) !important;
    gap: var(--space-3) !important;
}

html[data-public-theme="turkmod"] .ui-theme-comments-area .topic-comments .ui-comment-replies .ui-comment-profile-card {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    gap: var(--space-2) !important;
    min-width: calc(var(--space-20) + var(--space-6)) !important;
    padding: var(--space-2) !important;
}

html[data-public-theme="turkmod"] .ui-theme-comments-area .topic-comments .ui-comment-replies .ui-comment-profile-avatar {
    width: calc(var(--space-8) + var(--space-1)) !important;
    height: calc(var(--space-8) + var(--space-1)) !important;
}

html[data-public-theme="turkmod"] .ui-theme-comments-area .topic-comments .ui-comment-replies .ui-comment-text {
    font-size: var(--font-size-sm) !important;
}

@media (max-width: 768px) {
    html[data-public-theme="turkmod"] .ui-theme-comments-area .topic-comments .ui-comment-body,
    html[data-public-theme="turkmod"] .ui-theme-comments-area .topic-comments .ui-comment-replies .ui-comment-body {
        grid-template-columns: minmax(var(--space-0), 1fr) !important;
        gap: var(--space-2) !important;
    }

    html[data-public-theme="turkmod"] .ui-theme-comments-area .topic-comments .ui-comment-profile-card,
    html[data-public-theme="turkmod"] .ui-theme-comments-area .topic-comments .ui-comment-replies .ui-comment-profile-card {
        display: flex !important;
        flex-direction: row !important;
        align-items: center !important;
        justify-content: flex-start !important;
        min-width: var(--space-0) !important;
        padding: var(--space-1) var(--space-2) !important;
        padding-right: var(--space-16) !important;
        background: transparent !important;
        border: none !important;
        text-align: left !important;
    }

    html[data-public-theme="turkmod"] .ui-theme-comments-area .topic-comments .ui-comment-profile-info {
        display: flex !important;
        flex-direction: column !important;
        align-items: flex-start !important;
        justify-content: center !important;
        text-align: left !important;
    }

    html[data-public-theme="turkmod"] .ui-theme-comments-area .topic-comments .ui-comment-author-line {
        display: flex !important;
        flex-direction: row !important;
        align-items: center !important;
        justify-content: flex-start !important;
        flex-wrap: wrap !important;
        gap: var(--space-1) !important;
    }

    html[data-public-theme="turkmod"] .ui-theme-comments-area .topic-comments .ui-comment-divider {
        display: none !important;
    }

    html[data-public-theme="turkmod"] .ui-theme-comments-area .topic-comments .ui-comment-content-wrap {
        grid-template-columns: minmax(var(--space-0), 1fr) !important;
        padding-top: var(--space-1) !important;
    }

    html[data-public-theme="turkmod"] .ui-theme-comments-area .topic-comments .ui-comment-replies {
        margin-left: var(--space-2) !important;
        padding-left: var(--space-2) !important;
        border-left: 1px solid color-mix(in srgb, var(--t-border, var(--theme-border)) 84%, transparent) !important;
    }
}

@media (max-width: 480px) {
    html[data-public-theme="turkmod"] .ui-theme-comments-area .topic-comments .ui-comment-item,
    html[data-public-theme="turkmod"] .ui-theme-comments-area .topic-comments .ui-comment-replies .ui-comment-item {
        padding: var(--space-2) !important;
    }

    html[data-public-theme="turkmod"] .ui-theme-comments-area .topic-comments .ui-comment-time {
        top: var(--space-2) !important;
        right: var(--space-2) !important;
    }

    html[data-public-theme="turkmod"] .ui-theme-comments-area .topic-comments .ui-comment-reactions {
        margin-left: var(--space-0) !important;
    }
}

/* ─── YORUM METNİ: Kelimeler alt alta dizilme düzeltmesi ─── */
html[data-public-theme="turkmod"] .ui-theme-comments-area .topic-comments .ui-comment-content-wrap {
    min-width: 0 !important;
    overflow: hidden !important;
}

html[data-public-theme="turkmod"] .ui-theme-comments-area .topic-comments .ui-comment-text,
html[data-public-theme="turkmod"] .ui-theme-comments-area .topic-comments .comment-body,
html[data-public-theme="turkmod"] .ui-theme-comments-area .topic-comments .comment-body * {
    min-width: 0 !important;
    max-width: 100% !important;
    overflow-wrap: break-word !important;
    word-break: break-word !important;
    white-space: normal !important;
}

html[data-public-theme="turkmod"] .ui-theme-comments-area .topic-comments .comment-body pre,
html[data-public-theme="turkmod"] .ui-theme-comments-area .topic-comments .comment-body code {
    white-space: pre-wrap !important;
    word-break: break-all !important;
}

/* ─── ALINTIYLA CEVAP FORMU: Sıkışık görünüm düzeltmesi ─── */
html[data-public-theme="turkmod"] .ui-theme-comments-area .topic-comments .ui-comment-inline-reply-slot {
    overflow: visible !important;
}

html[data-public-theme="turkmod"] .ui-theme-comments-area .topic-comments .ui-comment-inline-form {
    gap: var(--space-3) !important;
    padding: var(--space-4) !important;
    border-radius: var(--radius-card) !important;
}

html[data-public-theme="turkmod"] .ui-theme-comments-area .topic-comments .ui-comment-inline-form .ui-comment-quote-info {
    padding: var(--space-2) var(--space-3) !important;
    font-size: var(--font-size-sm) !important;
    flex-wrap: wrap !important;
    gap: var(--space-2) !important;
    line-height: 1.5 !important;
}

html[data-public-theme="turkmod"] .ui-theme-comments-area .topic-comments .ui-comment-inline-form .ui-comment-quote-info strong {
    font-size: var(--font-size-sm) !important;
    font-weight: var(--font-weight-semibold, 600) !important;
}

html[data-public-theme="turkmod"] .ui-theme-comments-area .topic-comments .ui-comment-inline-form .ui-comment-inline-textarea {
    min-height: calc(var(--space-20) + var(--space-8)) !important;
    padding: var(--space-3) !important;
    font-size: var(--font-size-sm) !important;
    line-height: var(--line-height-relaxed, 1.6) !important;
    resize: vertical !important;
    box-sizing: border-box !important;
}

html[data-public-theme="turkmod"] .ui-theme-comments-area .topic-comments .ui-comment-inline-form .ui-comment-inline-btns {
    gap: var(--space-3) !important;
    padding-top: var(--space-1) !important;
}

/* ─── YORUM ITEM GRID OVERRIDE: pro-comments.css block layout korunur ─── */
html[data-public-theme="turkmod"] .ui-theme-comments-area .topic-comments .ui-comment-item {
    display: block !important;
    grid-template-columns: unset !important;
    padding: var(--space-3) !important;
}

/* ─── YORUM İKONLARI: Buton içi ikonlar görünür yapılır ─── */
html[data-public-theme="turkmod"] .ui-theme-comments-area .topic-comments i.bi,
html[data-public-theme="turkmod"] .ui-theme-comments-area .topic-comments .ui-comment-btn-submit i.bi,
html[data-public-theme="turkmod"] .ui-theme-comments-area .topic-comments .ui-comment-btn-cancel i.bi,
html[data-public-theme="turkmod"] .ui-theme-comments-area .topic-comments .ui-comment-action-btn i.bi,
html[data-public-theme="turkmod"] .ui-theme-comments-area .topic-comments .comment-reaction-btn i.bi,
html[data-public-theme="turkmod"] .ui-theme-comments-area .topic-comments .ui-comment-load-more-btn i.bi {
    display: inline-flex !important;
    align-items: center;
}

/* ─── YENİ GÖRSEL VE ETKİLEŞİM İYİLEŞTİRMELERİ ─── */

/* 1. Yazar Profil Linki */
html[data-public-theme="turkmod"] .ui-theme-comments-area .topic-comments .ui-comment-author-link {
    text-decoration: none !important;
    color: inherit !important;
    cursor: pointer !important;
    transition: color 0.2s ease !important;
}
html[data-public-theme="turkmod"] .ui-theme-comments-area .topic-comments .ui-comment-author-link:hover {
    color: var(--t-primary, var(--brand-accent)) !important;
}

/* 2. Yeni Yorum Animasyonu (animate-in) */
@keyframes commentFadeIn {
    from {
        opacity: 0;
        transform: translateY(10px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}
html[data-public-theme="turkmod"] .ui-theme-comments-area .topic-comments .animate-in {
    animation: commentFadeIn 0.3s cubic-bezier(0.16, 1, 0.3, 1) forwards !important;
}

/* 3. İskelet Yükleme Ekranı (Skeleton Loader) */
html[data-public-theme="turkmod"] .ui-theme-comments-area .topic-comments .ui-comment-skeleton {
    display: flex !important;
    gap: var(--space-4) !important;
    padding: var(--space-4) !important;
    border: 1px solid color-mix(in srgb, var(--t-border, var(--theme-border)) 86%, transparent) !important;
    border-radius: var(--radius-card) !important;
    background: var(--t-surface, var(--theme-surface)) !important;
    margin-bottom: var(--space-3) !important;
}
html[data-public-theme="turkmod"] .ui-theme-comments-area .topic-comments .ui-comment-skeleton-avatar {
    width: calc(var(--space-8) + var(--space-2)) !important;
    height: calc(var(--space-8) + var(--space-2)) !important;
    border-radius: 50% !important;
    background: color-mix(in srgb, var(--t-border, var(--theme-border)) 40%, transparent) !important;
    flex-shrink: 0 !important;
    animation: skeletonPulse 1.5s ease-in-out infinite !important;
}
html[data-public-theme="turkmod"] .ui-theme-comments-area .topic-comments .ui-comment-skeleton-body {
    flex: 1 !important;
    display: flex !important;
    flex-direction: column !important;
    gap: var(--space-2) !important;
}
html[data-public-theme="turkmod"] .ui-theme-comments-area .topic-comments .ui-comment-skeleton-line {
    height: 12px !important;
    border-radius: var(--radius-sm) !important;
    background: color-mix(in srgb, var(--t-border, var(--theme-border)) 30%, transparent) !important;
    animation: skeletonPulse 1.5s ease-in-out infinite !important;
}
html[data-public-theme="turkmod"] .ui-theme-comments-area .topic-comments .ui-comment-skeleton-line--short {
    width: 30% !important;
}
html[data-public-theme="turkmod"] .ui-theme-comments-area .topic-comments .ui-comment-skeleton-line--full {
    width: 100% !important;
}
html[data-public-theme="turkmod"] .ui-theme-comments-area .topic-comments .ui-comment-skeleton-line--medium {
    width: 70% !important;
}
@keyframes skeletonPulse {
    0%, 100% {
        opacity: 0.6;
    }
    50% {
        opacity: 1;
    }
}

/* 4. Paylaşılan/Odaklanılan Yorum Vurgusu (is-linked-comment) */
@keyframes commentHighlightPulse {
    0% {
        box-shadow: 0 0 0 3px color-mix(in srgb, var(--t-primary, var(--brand-accent)) 40%, transparent) !important;
        background: color-mix(in srgb, var(--t-primary, var(--brand-accent)) 8%, var(--t-surface)) !important;
    }
    100% {
        box-shadow: 0 0 0 0 transparent !important;
        background: var(--t-surface) !important;
    }
}
html[data-public-theme="turkmod"] .ui-theme-comments-area .topic-comments .ui-comment-item.is-linked-comment {
    animation: commentHighlightPulse 2.4s ease-out forwards !important;
}

/* 5. Boş Yorum Durumu (Empty State) Tasarımı */
html[data-public-theme="turkmod"] .ui-theme-comments-area .topic-comments .ui-comment-empty-state {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    padding: var(--space-8) var(--space-4) !important;
    text-align: center !important;
    background: var(--t-surface-muted, var(--theme-surface-muted)) !important;
    border: 1px dashed color-mix(in srgb, var(--t-border, var(--theme-border)) 60%, transparent) !important;
    border-radius: var(--radius-card) !important;
    margin: var(--space-4) 0 !important;
}
html[data-public-theme="turkmod"] .ui-theme-comments-area .topic-comments .ui-comment-empty-state::before {
    content: "\F268" !important; /* Bootstrap Icons chat-left-text */
    font-family: "bootstrap-icons" !important;
    font-size: var(--font-size-2xl) !important;
    color: var(--t-muted, var(--theme-text-muted)) !important;
    margin-bottom: var(--space-3) !important;
    opacity: 0.7 !important;
}
html[data-public-theme="turkmod"] .ui-theme-comments-area .topic-comments .ui-comment-empty-state-title {
    font-size: var(--font-size-md) !important;
    font-weight: var(--font-weight-bold) !important;
    color: var(--t-text, var(--theme-text)) !important;
    margin-bottom: var(--space-1) !important;
}
html[data-public-theme="turkmod"] .ui-theme-comments-area .topic-comments .ui-comment-empty-state-desc {
    font-size: var(--font-size-sm) !important;
    color: var(--t-muted, var(--theme-text-muted)) !important;
    margin: 0 !important;
}

/* 6. Yorum Kırpma / Devamını Oku Fade Düzeltmesi */
html[data-public-theme="turkmod"] .ui-theme-comments-area .topic-comments .comment-body.is-truncated {
    position: relative !important;
}
html[data-public-theme="turkmod"] .ui-theme-comments-area .topic-comments .comment-body.is-truncated::after {
    background: linear-gradient(to bottom, transparent, var(--t-surface, var(--theme-surface))) !important;
}
html[data-public-theme="turkmod"] .ui-theme-comments-area .topic-comments .ui-comment-replies .comment-body.is-truncated::after {
    background: linear-gradient(to bottom, transparent, var(--t-surface-muted, var(--theme-surface-muted))) !important;
}

/* Profile sidebar: minimal and elegant override */
html[data-public-theme="turkmod"] .profile-page-shell .profile-sidebar {
    position: sticky !important;
    top: calc(var(--space-16) + var(--space-4)) !important;
    display: grid !important;
    gap: var(--space-4) !important;
    min-width: 0 !important;
    align-self: start !important;
}

html[data-public-theme="turkmod"] .profile-page-shell .profile-sidebar-card {
    display: grid !important;
    gap: var(--space-3) !important;
    padding: var(--space-4) !important;
    border-color: var(--ui-border) !important;
    border-radius: var(--ui-radius) !important;
    background: var(--ui-surface) !important;
    box-shadow: none !important;
    min-width: 0 !important;
}

/* Hero card (identity) -- center-aligned */
html[data-public-theme="turkmod"] .profile-page-shell .profile-sidebar-card--hero {
    justify-items: center !important;
    text-align: center !important;
    gap: var(--space-3) !important;
    padding: var(--space-5) var(--space-4) !important;
}

html[data-public-theme="turkmod"] .profile-page-shell .profile-sidebar-card--hero .profile-sidebar-avatar,
html[data-public-theme="turkmod"] .profile-page-shell .profile-sidebar-avatar--hero {
    inline-size: calc(var(--control-height-lg) + var(--space-2)) !important;
    block-size: calc(var(--control-height-lg) + var(--space-2)) !important;
    margin: 0 auto var(--space-3) !important;
    border: 2px solid var(--ui-border) !important;
    border-radius: var(--radius-full) !important;
    overflow: hidden !important;
    background: var(--ui-surface-muted) !important;
}

html[data-public-theme="turkmod"] .profile-page-shell .profile-sidebar-card--hero .profile-sidebar-avatar img {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    border-radius: var(--radius-full) !important;
}

html[data-public-theme="turkmod"] .profile-page-shell .profile-sidebar-card--hero .profile-sidebar-name {
    margin: 0 !important;
    color: var(--text) !important;
    text-align: center !important;
    font-size: var(--font-size-lg) !important;
    font-weight: var(--font-weight-semibold) !important;
    line-height: var(--line-height-tight) !important;
    overflow-wrap: anywhere;
}

html[data-public-theme="turkmod"] .profile-page-shell .profile-sidebar-card--hero .profile-sidebar-role {
    display: inline-flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    justify-content: center !important;
    gap: var(--space-2) var(--space-3) !important;
    margin: 0 !important;
    text-align: center !important;
}

html[data-public-theme="turkmod"] .profile-page-shell .profile-sidebar-card--hero .profile-sidebar-rank-label {
    display: inline-flex !important;
    align-items: center !important;
    gap: var(--space-2) !important;
    color: var(--text-dim) !important;
    font-size: var(--font-size-2xs) !important;
    font-weight: var(--font-weight-medium) !important;
    line-height: var(--line-height-tight) !important;
}

html[data-public-theme="turkmod"] .profile-page-shell .profile-sidebar-card--hero .profile-sidebar-rank-label i {
    display: inline-grid !important;
    place-items: center !important;
    inline-size: var(--control-height-sm) !important;
    block-size: var(--control-height-sm) !important;
    border-radius: var(--ui-radius-sm) !important;
    background: var(--ui-surface-muted) !important;
    color: var(--color-primary) !important;
}

html[data-public-theme="turkmod"] .profile-page-shell .profile-sidebar-card--hero .profile-group-badge {
    width: fit-content !important;
}

html[data-public-theme="turkmod"] .profile-page-shell .profile-sidebar-card--hero .profile-sidebar-bio {
    margin: 0 !important;
    color: var(--text-dim) !important;
    text-align: center !important;
    font-size: var(--font-size-sm) !important;
    line-height: var(--line-height-normal) !important;
}

html[data-public-theme="turkmod"] .profile-page-shell .profile-sidebar-card--hero .profile-sidebar-meta {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: var(--space-2) !important;
    margin: 0 !important;
    padding-top: var(--space-3) !important;
    border-top: 1px solid var(--ui-border) !important;
}

html[data-public-theme="turkmod"] .profile-page-shell .profile-sidebar-card--hero .profile-sidebar-meta-item {
    display: grid !important;
    grid-template-columns: var(--control-height-sm) minmax(0, 1fr) !important;
    gap: 0 var(--space-3) !important;
    align-items: center !important;
    min-width: 0 !important;
    padding: var(--space-2) var(--space-3) !important;
    border: 1px solid var(--ui-border) !important;
    border-radius: var(--ui-radius) !important;
    background: var(--ui-surface-muted) !important;
}

html[data-public-theme="turkmod"] .profile-page-shell .profile-sidebar-card--hero .profile-sidebar-meta-item i {
    grid-row: span 2 !important;
    display: inline-grid !important;
    place-items: center !important;
    inline-size: var(--control-height-sm) !important;
    block-size: var(--control-height-sm) !important;
    border-radius: var(--ui-radius-sm) !important;
    background: var(--color-primary-soft) !important;
    color: var(--color-primary) !important;
}

html[data-public-theme="turkmod"] .profile-page-shell .profile-sidebar-card--hero .profile-sidebar-meta-label {
    display: block !important;
    color: var(--text-dim) !important;
    font-size: var(--font-size-2xs) !important;
    font-weight: var(--font-weight-medium) !important;
    line-height: var(--line-height-tight) !important;
}

html[data-public-theme="turkmod"] .profile-page-shell .profile-sidebar-card--hero .profile-sidebar-meta-item strong {
    color: var(--text) !important;
    font-size: var(--font-size-sm) !important;
    font-weight: var(--font-weight-semibold) !important;
    line-height: var(--line-height-tight) !important;
    overflow-wrap: anywhere;
}

html[data-public-theme="turkmod"] .profile-page-shell .profile-sidebar-card--hero .profile-sidebar-social {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
    gap: var(--space-2) !important;
    margin-top: var(--space-2) !important;
    padding-top: var(--space-3) !important;
    border-top: 1px solid var(--ui-border) !important;
}

html[data-public-theme="turkmod"] .profile-page-shell .profile-sidebar-card--hero .profile-sidebar-social-link {
    display: inline-grid !important;
    place-items: center !important;
    inline-size: var(--control-height-sm) !important;
    block-size: var(--control-height-sm) !important;
    border: 1px solid var(--ui-border) !important;
    border-radius: var(--ui-radius-sm) !important;
    background: var(--ui-surface-muted) !important;
    color: var(--text-dim) !important;
    transition: color .16s ease, background .16s ease, border-color .16s ease, box-shadow .16s ease !important;
}

html[data-public-theme="turkmod"] .profile-page-shell .profile-sidebar-card--hero .profile-sidebar-social-link:hover,
html[data-public-theme="turkmod"] .profile-page-shell .profile-sidebar-card--hero .profile-sidebar-social-link:focus-visible {
    color: var(--color-primary) !important;
    border-color: var(--ui-border-strong) !important;
    background: color-mix(in srgb, var(--color-primary) 10%, var(--ui-surface-muted)) !important;
}

html[data-public-theme="turkmod"] .profile-page-shell .profile-sidebar-card--hero .profile-sidebar-report-action {
    color: var(--color-danger, var(--text-dim)) !important;
}

html[data-public-theme="turkmod"] .profile-page-shell .profile-sidebar-card--hero .profile-sidebar-report-action:hover,
html[data-public-theme="turkmod"] .profile-page-shell .profile-sidebar-card--hero .profile-sidebar-report-action:focus-visible {
    color: var(--color-danger, var(--color-primary)) !important;
    border-color: color-mix(in srgb, var(--color-danger, var(--color-primary)) 36%, var(--ui-border)) !important;
    background: color-mix(in srgb, var(--color-danger, var(--color-primary)) 10%, var(--ui-surface-muted)) !important;
}

/* Stats card -- left-aligned */
html[data-public-theme="turkmod"] .profile-page-shell .profile-sidebar-card--stats {
    justify-items: start !important;
    text-align: left !important;
}

html[data-public-theme="turkmod"] .profile-page-shell .profile-sidebar-card--stats .profile-sidebar-card-title {
    margin: 0 !important;
    color: var(--text) !important;
    font-size: var(--font-size-sm) !important;
    font-weight: var(--font-weight-semibold) !important;
    line-height: var(--line-height-tight) !important;
    display: flex !important;
    align-items: center !important;
    gap: var(--space-2) !important;
    justify-content: flex-start !important;
    text-align: left !important;
}

html[data-public-theme="turkmod"] .profile-page-shell .profile-sidebar-card--stats .profile-sidebar-card-title i {
    display: inline-grid !important;
    place-items: center !important;
    inline-size: var(--control-height-sm) !important;
    block-size: var(--control-height-sm) !important;
    border-radius: var(--ui-radius-sm) !important;
    background: var(--color-primary-soft) !important;
    color: var(--color-primary) !important;
}

html[data-public-theme="turkmod"] .profile-page-shell .profile-sidebar-card--stats .profile-sidebar-stats {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: var(--space-2) !important;
}

html[data-public-theme="turkmod"] .profile-page-shell .profile-sidebar-card--stats .profile-sidebar-stat {
    display: grid !important;
    grid-template-columns: var(--control-height-sm) minmax(0, 1fr) !important;
    align-items: center !important;
    gap: var(--space-2) !important;
    min-width: 0 !important;
    padding: var(--space-3) !important;
    border: 1px solid var(--ui-border) !important;
    border-radius: var(--ui-radius) !important;
    background: var(--ui-surface-muted) !important;
}

html[data-public-theme="turkmod"] .profile-page-shell .profile-sidebar-card--stats .profile-sidebar-stat-icon {
    display: inline-grid !important;
    place-items: center !important;
    inline-size: calc(var(--control-height-sm) + var(--space-1)) !important;
    block-size: calc(var(--control-height-sm) + var(--space-1)) !important;
    border-radius: var(--ui-radius-sm) !important;
    color: var(--color-primary) !important;
    background: color-mix(in srgb, var(--color-primary) 12%, var(--ui-surface-muted)) !important;
}

html[data-public-theme="turkmod"] .profile-page-shell .profile-sidebar-card--stats .profile-sidebar-stat-icon.stat-success {
    color: var(--theme-success) !important;
    background: color-mix(in srgb, var(--theme-success) 12%, var(--ui-surface-muted)) !important;
}

html[data-public-theme="turkmod"] .profile-page-shell .profile-sidebar-card--stats .profile-sidebar-stat-icon.stat-info {
    color: var(--theme-info) !important;
    background: color-mix(in srgb, var(--theme-info) 12%, var(--ui-surface-muted)) !important;
}

html[data-public-theme="turkmod"] .profile-page-shell .profile-sidebar-card--stats .profile-sidebar-stat-icon.stat-warning {
    color: var(--theme-warning) !important;
    background: color-mix(in srgb, var(--theme-warning) 12%, var(--ui-surface-muted)) !important;
}

html[data-public-theme="turkmod"] .profile-page-shell .profile-sidebar-card--stats .profile-sidebar-stat-info {
    min-width: 0 !important;
}

html[data-public-theme="turkmod"] .profile-page-shell .profile-sidebar-card--stats .profile-sidebar-stat-value {
    color: var(--text) !important;
    font-size: var(--font-size-base) !important;
    font-weight: var(--font-weight-semibold) !important;
    line-height: var(--line-height-tight) !important;
}

html[data-public-theme="turkmod"] .profile-page-shell .profile-sidebar-card--stats .profile-sidebar-stat-label {
    color: var(--text-dim) !important;
    font-size: var(--font-size-2xs) !important;
    font-weight: var(--font-weight-medium) !important;
    line-height: var(--line-height-tight) !important;
}

html[data-public-theme="turkmod"] .profile-page-shell .profile-sidebar-card--stats .profile-sidebar-info {
    display: grid !important;
    gap: var(--space-2) !important;
}

html[data-public-theme="turkmod"] .profile-page-shell .profile-sidebar-card--stats .profile-sidebar-info-item {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    gap: var(--space-3) !important;
    min-width: 0 !important;
    padding: var(--space-3) !important;
    border: 1px solid var(--ui-border) !important;
    border-radius: var(--ui-radius) !important;
    background: var(--ui-surface-muted) !important;
}

html[data-public-theme="turkmod"] .profile-page-shell .profile-sidebar-card--stats .profile-sidebar-info-label {
    color: var(--text-dim) !important;
    font-size: var(--font-size-2xs) !important;
    font-weight: var(--font-weight-medium) !important;
    line-height: var(--line-height-tight) !important;
}

html[data-public-theme="turkmod"] .profile-page-shell .profile-sidebar-card--stats .profile-sidebar-info-value {
    color: var(--text) !important;
    font-size: var(--font-size-sm) !important;
    font-weight: var(--font-weight-semibold) !important;
    text-align: right !important;
    overflow-wrap: anywhere;
}

@media (max-width: 575.98px) {
    html[data-public-theme="turkmod"] .profile-page-shell .profile-sidebar-card {
        padding: var(--space-3) !important;
    }

    html[data-public-theme="turkmod"] .profile-page-shell .profile-sidebar-card--hero .profile-sidebar-meta,
    html[data-public-theme="turkmod"] .profile-page-shell .profile-sidebar-card--stats .profile-sidebar-stats {
        grid-template-columns: minmax(0, 1fr) !important;
    }

    html[data-public-theme="turkmod"] .profile-page-shell .profile-sidebar-card--stats .profile-sidebar-info-item {
        align-items: flex-start !important;
        flex-direction: column !important;
    }

    html[data-public-theme="turkmod"] .profile-page-shell .profile-sidebar-card--stats .profile-sidebar-info-value {
        text-align: left !important;
    }
}

/* Profile sidebar: stable centered card polish */
html[data-public-theme="turkmod"] .profile-page-shell .profile-sidebar {
    gap: var(--space-3) !important;
}

html[data-public-theme="turkmod"] .profile-page-shell .profile-sidebar-card {
    justify-items: center !important;
    text-align: center !important;
    width: 100% !important;
    min-width: 0 !important;
    padding: var(--space-4) !important;
    border: 1px solid var(--t-border, var(--ui-border)) !important;
    border-radius: var(--ui-radius) !important;
    background: var(--t-surface, var(--ui-surface)) !important;
    box-shadow: 0 var(--space-3) var(--space-6) color-mix(in srgb, var(--t-text, var(--text)) 7%, transparent) !important;
}

html[data-public-theme="turkmod"] .profile-page-shell .profile-sidebar-card--hero {
    position: relative !important;
    overflow: hidden !important;
    align-content: start !important;
    gap: var(--space-3) !important;
    padding: calc(var(--space-4) + var(--space-2)) var(--space-4) !important;
}

html[data-public-theme="turkmod"] .profile-page-shell .profile-sidebar-card--hero::before {
    content: "" !important;
    position: absolute !important;
    inset: 0 0 auto 0 !important;
    height: var(--space-1) !important;
    background: linear-gradient(90deg, var(--color-primary), var(--t-border, var(--ui-border))) !important;
}

html[data-public-theme="turkmod"] .profile-page-shell .profile-sidebar-card--hero > * {
    position: relative !important;
    z-index: 1 !important;
}

html[data-public-theme="turkmod"] .profile-page-shell .profile-sidebar-card--hero .profile-sidebar-avatar,
html[data-public-theme="turkmod"] .profile-page-shell .profile-sidebar-avatar--hero {
    order: 1 !important;
    inline-size: calc(var(--control-height-lg) + var(--space-8)) !important;
    block-size: calc(var(--control-height-lg) + var(--space-8)) !important;
    margin: 0 auto !important;
    padding: var(--space-1) !important;
    border: 1px solid color-mix(in srgb, var(--color-primary) 45%, var(--t-border, var(--ui-border))) !important;
    box-shadow:
        0 0 0 var(--space-2) color-mix(in srgb, var(--color-primary) 10%, transparent),
        0 var(--space-3) var(--space-6) color-mix(in srgb, var(--t-text, var(--text)) 12%, transparent) !important;
    background: var(--t-surface, var(--ui-surface)) !important;
}

html[data-public-theme="turkmod"] .profile-page-shell .profile-sidebar-card--hero .profile-sidebar-name {
    order: 2 !important;
    max-width: 100% !important;
    color: var(--t-text, var(--text)) !important;
    font-size: var(--font-size-xl) !important;
    font-weight: var(--font-weight-semibold) !important;
    line-height: var(--line-height-tight) !important;
    text-align: center !important;
    overflow-wrap: anywhere !important;
}

html[data-public-theme="turkmod"] .profile-page-shell .profile-sidebar-card--hero .profile-sidebar-role,
html[data-public-theme="turkmod"] .profile-page-shell .profile-sidebar-card--hero .profile-sidebar-rank {
    order: 3 !important;
    display: flex !important;
    width: auto !important;
    max-width: 100% !important;
    min-width: 0 !important;
    min-height: 0 !important;
    align-items: center !important;
    justify-content: center !important;
    gap: var(--space-2) !important;
    margin: 0 !important;
    padding: 0 !important;
    text-align: center !important;
}

html[data-public-theme="turkmod"] .profile-page-shell .profile-sidebar-card--hero .profile-sidebar-role .profile-group-badge,
html[data-public-theme="turkmod"] .profile-page-shell .profile-sidebar-card--hero .profile-sidebar-role .profile-role-badge {
    position: static !important;
    inset: auto !important;
    top: auto !important;
    right: auto !important;
    bottom: auto !important;
    left: auto !important;
    z-index: auto !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    max-width: 100% !important;
    min-width: 0 !important;
    min-height: auto !important;
    width: auto !important;
    margin: 0 auto !important;
    padding: var(--space-1) var(--space-3) !important;
    transform: none !important;
    border: 1px solid color-mix(in srgb, var(--color-primary) 26%, var(--t-border, var(--ui-border))) !important;
    border-radius: var(--radius-full) !important;
    background: color-mix(in srgb, var(--color-primary) 10%, var(--t-surface, var(--ui-surface))) !important;
    box-shadow: none !important;
    color: var(--t-text, var(--text)) !important;
    font-size: var(--font-size-xs) !important;
    font-weight: var(--font-weight-semibold) !important;
    letter-spacing: 0 !important;
    line-height: var(--line-height-tight) !important;
    text-transform: none !important;
    white-space: normal !important;
    overflow-wrap: anywhere !important;
    text-align: center !important;
}

html[data-public-theme="turkmod"] .profile-page-shell .profile-sidebar-card--hero .profile-sidebar-bio {
    order: 4 !important;
    max-width: 34ch !important;
    margin-inline: auto !important;
    color: var(--t-muted, var(--text-dim)) !important;
    text-align: center !important;
}

html[data-public-theme="turkmod"] .profile-page-shell .profile-sidebar-card--hero .profile-sidebar-meta {
    order: 5 !important;
    width: 100% !important;
    max-width: 100% !important;
    grid-template-columns: minmax(0, 1fr) !important;
    gap: var(--space-2) !important;
    padding-top: var(--space-3) !important;
    border-top-color: var(--t-border, var(--ui-border)) !important;
}

html[data-public-theme="turkmod"] .profile-page-shell .profile-sidebar-card--hero .profile-sidebar-meta-item {
    grid-template-columns: var(--control-height-sm) minmax(0, 1fr) !important;
    justify-items: start !important;
    align-items: center !important;
    gap: 0 var(--space-3) !important;
    width: 100% !important;
    min-width: 0 !important;
    min-height: auto !important;
    padding: var(--space-3) !important;
    border-color: var(--t-border, var(--ui-border)) !important;
    border-radius: var(--ui-radius-sm) !important;
    background: color-mix(in srgb, var(--t-surface-muted, var(--ui-surface-muted)) 86%, var(--t-surface, var(--ui-surface)) 14%) !important;
    text-align: left !important;
}

html[data-public-theme="turkmod"] .profile-page-shell .profile-sidebar-card--hero .profile-sidebar-meta-item i {
    grid-row: 1 / span 2 !important;
    inline-size: var(--control-height-sm) !important;
    block-size: var(--control-height-sm) !important;
    display: inline-grid !important;
    place-items: center !important;
    margin: 0 !important;
    border-radius: var(--ui-radius-sm) !important;
    background: color-mix(in srgb, var(--color-primary) 12%, var(--t-surface-muted, var(--ui-surface-muted))) !important;
    color: var(--color-primary) !important;
}

html[data-public-theme="turkmod"] .profile-page-shell .profile-sidebar-card--hero .profile-sidebar-meta-label {
    min-width: 0 !important;
    color: var(--t-muted, var(--text-dim)) !important;
    line-height: var(--line-height-tight) !important;
    text-align: left !important;
}

html[data-public-theme="turkmod"] .profile-page-shell .profile-sidebar-card--hero .profile-sidebar-meta-item strong,
html[data-public-theme="turkmod"] .profile-page-shell .profile-sidebar-card--hero .profile-sidebar-meta-item time {
    min-width: 0 !important;
    max-width: 100% !important;
    display: block !important;
    color: var(--t-text, var(--text)) !important;
    line-height: var(--line-height-snug) !important;
    white-space: normal !important;
    overflow-wrap: anywhere !important;
    text-align: left !important;
}

html[data-public-theme="turkmod"] .profile-page-shell .profile-sidebar-card--hero .profile-sidebar-social {
    order: 6 !important;
    width: 100% !important;
    justify-content: center !important;
}

html[data-public-theme="turkmod"] .profile-page-shell .profile-sidebar-card--stats {
    justify-items: center !important;
    text-align: center !important;
}

html[data-public-theme="turkmod"] .profile-page-shell .profile-sidebar-card--stats .profile-sidebar-card-title {
    width: 100% !important;
    justify-content: center !important;
    text-align: center !important;
}

html[data-public-theme="turkmod"] .profile-page-shell .profile-sidebar-card--stats .profile-sidebar-stats {
    width: 100% !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: var(--space-2) !important;
}

html[data-public-theme="turkmod"] .profile-page-shell .profile-sidebar-card--stats .profile-sidebar-stat {
    grid-template-columns: minmax(0, 1fr) !important;
    justify-items: center !important;
    text-align: center !important;
    gap: var(--space-2) !important;
    min-width: 0 !important;
    padding: var(--space-3) !important;
    border-color: var(--t-border, var(--ui-border)) !important;
    border-radius: var(--ui-radius-sm) !important;
}

html[data-public-theme="turkmod"] .profile-page-shell .profile-sidebar-card--stats .profile-sidebar-stat-info,
html[data-public-theme="turkmod"] .profile-page-shell .profile-sidebar-card--stats .profile-sidebar-stat-value,
html[data-public-theme="turkmod"] .profile-page-shell .profile-sidebar-card--stats .profile-sidebar-stat-label {
    text-align: center !important;
}

html[data-public-theme="turkmod"] .profile-page-shell .profile-sidebar-card--stats .profile-sidebar-stat-value,
html[data-public-theme="turkmod"] .profile-page-shell .profile-sidebar-card--stats .profile-sidebar-stat-label {
    overflow-wrap: anywhere !important;
}

@media (max-width: 575.98px) {
    html[data-public-theme="turkmod"] .profile-page-shell .profile-sidebar-card {
        padding: var(--space-3) !important;
    }

    html[data-public-theme="turkmod"] .profile-page-shell .profile-sidebar-card--hero .profile-sidebar-meta,
    html[data-public-theme="turkmod"] .profile-page-shell .profile-sidebar-card--stats .profile-sidebar-stats {
        grid-template-columns: minmax(0, 1fr) !important;
    }
}


/* Comment overflow guards for sidebar summaries and profile comment cards. */
html[data-public-theme="turkmod"] .ui-theme-sidebar-builder .ui-panel__body > a.comment-item {
    display: flex !important;
    align-items: flex-start !important;
    min-width: 0 !important;
    max-width: 100% !important;
    overflow: hidden !important;
    color: inherit !important;
    text-decoration: none !important;
}

html[data-public-theme="turkmod"] .ui-theme-sidebar-builder .ui-panel__body > a.comment-item .avatar {
    flex: 0 0 auto !important;
}

html[data-public-theme="turkmod"] .ui-theme-sidebar-builder .ui-panel__body > a.comment-item > .min-w-0 {
    min-width: 0 !important;
    max-width: 100% !important;
    flex: 1 1 auto !important;
}

html[data-public-theme="turkmod"] .ui-theme-sidebar-builder .comment-excerpt {
    display: -webkit-box !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 2 !important;
    overflow: hidden !important;
    white-space: normal !important;
    overflow-wrap: anywhere !important;
    word-break: break-word !important;
    hyphens: auto !important;
    line-height: var(--line-height-normal) !important;
}

html[data-public-theme="turkmod"] .ui-theme-sidebar-builder .comment-excerpt + .text-secondary {
    display: block !important;
    max-width: 100% !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}

html[data-public-theme="turkmod"] .profile-page-shell .profile-comment-item,
html[data-public-theme="turkmod"] .profile-page-shell .profile-comment-item .profile-mini-row,
html[data-public-theme="turkmod"] .profile-page-shell .profile-comment-item .profile-mini-row-wrap,
html[data-public-theme="turkmod"] .profile-page-shell .profile-comment-body {
    min-width: 0 !important;
    max-width: 100% !important;
}

html[data-public-theme="turkmod"] .profile-page-shell .profile-comment-body {
    white-space: normal !important;
    overflow-wrap: anywhere !important;
    word-break: break-word !important;
    hyphens: auto !important;
}

html[data-public-theme="turkmod"] .profile-page-shell .profile-single-column .profile-comment-body {
    display: block !important;
    overflow: visible !important;
    -webkit-line-clamp: unset !important;
    -webkit-box-orient: initial !important;
}

/* Profile spacing and disabled leaderboard state refinements. */
html[data-public-theme="turkmod"] .profile-page-shell.profile-shell:is(.profile-private-shell, .profile-public-shell) {
    max-width: var(--container-wide) !important;
    margin-inline: auto !important;
    padding-inline: 0 !important;
}

html[data-public-theme="turkmod"] .profile-page-shell.profile-private-shell {
    margin-top: 0 !important;
    gap: var(--t-page-gap, 12px) !important;
}

html[data-public-theme="turkmod"] .breadcrumb-container.container.public-breadcrumb + .profile-page-shell.profile-private-shell,
html[data-public-theme="turkmod"] .profile-breadcrumb-shell + .profile-page-shell.profile-public-shell {
    margin-top: 0 !important;
}

html[data-public-theme="turkmod"] .profile-page-shell.profile-private-shell > :is(.profile-tabs, .profile-quick-access, .profile-two-column-layout) {
    margin-block: 0 !important;
}

html[data-public-theme="turkmod"] .profile-page-shell.profile-private-shell .profile-two-column-layout,
html[data-public-theme="turkmod"] .profile-page-shell.profile-private-shell .profile-main-content {
    gap: var(--t-page-gap, 12px) !important;
}

html[data-public-theme="turkmod"] .leaderboard-disabled-panel {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    align-items: center;
    align-content: center;
    gap: var(--t-panel-pad, 14px);
    min-block-size: calc(100dvh - var(--t-header-height, 64px) - (var(--t-page-gap, 12px) * 8));
    padding: calc(var(--t-panel-pad, 14px) * 2);
    border: 1px solid var(--t-border, var(--ui-border));
    border-radius: var(--ui-radius);
    background: color-mix(in srgb, var(--t-surface, var(--ui-surface)) 86%, var(--t-surface-muted, var(--ui-surface-muted)) 14%);
    color: var(--t-text, var(--text));
}

html[data-public-theme="turkmod"] .leaderboard-disabled-icon {
    display: inline-grid;
    place-items: center;
    inline-size: var(--control-height-lg);
    block-size: var(--control-height-lg);
    border: 1px solid color-mix(in srgb, var(--color-primary) 28%, var(--t-border, var(--ui-border)));
    border-radius: var(--ui-radius-sm);
    background: color-mix(in srgb, var(--color-primary) 12%, var(--t-surface, var(--ui-surface)));
    color: var(--color-primary);
}

html[data-public-theme="turkmod"] .leaderboard-disabled-icon i {
    font-size: var(--font-size-xl);
    line-height: 1;
}

html[data-public-theme="turkmod"] .leaderboard-disabled-copy {
    min-width: 0;
}

html[data-public-theme="turkmod"] .leaderboard-disabled-copy h1 {
    margin: var(--space-1) 0 var(--space-2);
    color: var(--t-text, var(--text));
    font-size: var(--font-size-2xl);
    line-height: var(--line-height-tight);
}

html[data-public-theme="turkmod"] .leaderboard-disabled-copy p {
    max-width: 64ch;
    margin: 0;
    color: var(--t-muted, var(--text-dim));
    line-height: var(--line-height-normal);
    overflow-wrap: anywhere;
}

@media (max-width: 767.98px) {
    html[data-public-theme="turkmod"] .leaderboard-disabled-panel {
        grid-template-columns: minmax(0, 1fr);
        justify-items: start;
        min-block-size: calc(100dvh - var(--t-header-height, 64px) - (var(--t-page-gap, 10px) * 6));
        padding: var(--t-panel-pad, 12px);
    }
}

/* Download redirect page: force theme-aware surfaces in both light and dark modes. */
html[data-public-theme="turkmod"] body.public-page-download .download-confirm-wrap {
    width: 100%;
    max-width: var(--t-download-width, 920px);
    margin: 0 auto !important;
    padding: 0;
}

html[data-public-theme="turkmod"] body.public-page-download .download-confirm-card {
    overflow: hidden;
    width: 100%;
    border: 1px solid var(--t-border, var(--ui-border)) !important;
    border-radius: var(--t-radius, var(--ui-radius)) !important;
    background: var(--t-surface, var(--ui-surface)) !important;
    color: var(--t-text, var(--text)) !important;
    box-shadow: none !important;
}

html[data-public-theme="turkmod"] body.public-page-download .download-confirm-head {
    border-bottom: 1px solid var(--t-border, var(--ui-border)) !important;
    background: color-mix(in srgb, var(--t-surface-muted, var(--ui-surface-muted)) 55%, var(--t-surface, var(--ui-surface)) 45%) !important;
    color: var(--t-text, var(--text)) !important;
}

html[data-public-theme="turkmod"] body.public-page-download .download-confirm-head h1,
html[data-public-theme="turkmod"] body.public-page-download .download-confirm-host strong,
html[data-public-theme="turkmod"] body.public-page-download .download-confirm-meta strong {
    color: var(--t-text, var(--text)) !important;
}

html[data-public-theme="turkmod"] body.public-page-download .download-confirm-head p,
html[data-public-theme="turkmod"] body.public-page-download .download-confirm-note,
html[data-public-theme="turkmod"] body.public-page-download .download-confirm-host span,
html[data-public-theme="turkmod"] body.public-page-download .download-confirm-meta span,
html[data-public-theme="turkmod"] body.public-page-download .download-confirm-url,
html[data-public-theme="turkmod"] body.public-page-download .download-confirm-timer span {
    color: var(--t-muted, var(--text-dim)) !important;
}

html[data-public-theme="turkmod"] body.public-page-download .download-confirm-icon,
html[data-public-theme="turkmod"] body.public-page-download .download-confirm-host i,
html[data-public-theme="turkmod"] body.public-page-download .download-confirm-timer i {
    border: 1px solid color-mix(in srgb, var(--t-primary, var(--primary)) 28%, var(--t-border, var(--ui-border))) !important;
    background: color-mix(in srgb, var(--t-primary, var(--primary)) 12%, var(--t-surface, var(--ui-surface))) !important;
    color: var(--t-primary, var(--primary)) !important;
}

html[data-public-theme="turkmod"] body.public-page-download .download-confirm-kicker,
html[data-public-theme="turkmod"] body.public-page-download .download-confirm-timer {
    border-color: color-mix(in srgb, var(--t-primary, var(--primary)) 24%, var(--t-border, var(--ui-border))) !important;
    background: color-mix(in srgb, var(--t-primary, var(--primary)) 8%, var(--t-surface, var(--ui-surface))) !important;
    color: var(--t-primary, var(--primary)) !important;
}

html[data-public-theme="turkmod"] body.public-page-download .download-confirm-host,
html[data-public-theme="turkmod"] body.public-page-download .download-confirm-meta div,
html[data-public-theme="turkmod"] body.public-page-download .download-confirm-url {
    border-color: var(--t-border, var(--ui-border)) !important;
    background: var(--t-surface-muted, var(--ui-surface-muted)) !important;
}

html[data-public-theme="turkmod"] body.public-page-download .download-confirm-safety-grid > span {
    border-color: color-mix(in srgb, var(--success, var(--t-primary, var(--primary))) 22%, var(--t-border, var(--ui-border))) !important;
    background: color-mix(in srgb, var(--success, var(--t-primary, var(--primary))) 7%, var(--t-surface, var(--ui-surface))) !important;
    color: var(--t-text, var(--text)) !important;
}

html[data-public-theme="turkmod"] body.public-page-download .download-confirm-safety-grid i {
    color: var(--success, var(--t-primary, var(--primary))) !important;
}

html[data-public-theme="turkmod"] body.public-page-download .download-confirm-safety-grid .bi-exclamation-triangle {
    color: var(--warning, var(--t-primary, var(--primary))) !important;
}

html[data-public-theme="turkmod"] body.public-page-download .download-confirm-actions .ui-admin-btn-secondary {
    border-color: var(--t-border, var(--ui-border)) !important;
    background: var(--t-surface-muted, var(--ui-surface-muted)) !important;
    color: var(--t-text, var(--text)) !important;
}

html[data-public-theme="turkmod"] body.public-page-download .download-confirm-actions .ui-admin-btn-secondary:hover,
html[data-public-theme="turkmod"] body.public-page-download .download-confirm-actions .ui-admin-btn-secondary:focus-visible {
    border-color: color-mix(in srgb, var(--t-primary, var(--primary)) 34%, var(--t-border, var(--ui-border))) !important;
    background: color-mix(in srgb, var(--t-primary, var(--primary)) 9%, var(--t-surface, var(--ui-surface))) !important;
    color: var(--t-primary, var(--primary)) !important;
}