/* === blackops-bootstrap-utilities.css === */
/*!
 * Bootstrap Utilities v5.2.3 (https://getbootstrap.com/)
 * Copyright 2011-2022 The Bootstrap Authors
 * Copyright 2011-2022 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
 */
:root {
  --bs-blue: #0d6efd;
  --bs-indigo: #6610f2;
  --bs-purple: #6f42c1;
  --bs-pink: #d63384;
  --bs-red: #dc3545;
  --bs-orange: #fd7e14;
  --bs-yellow: #ffc107;
  --bs-green: #198754;
  --bs-teal: #20c997;
  --bs-cyan: #0dcaf0;
  --bs-black: #000;
  --bs-white: #fff;
  --bs-gray: #6c757d;
  --bs-gray-dark: #343a40;
  --bs-gray-100: #f8f9fa;
  --bs-gray-200: #e9ecef;
  --bs-gray-300: #dee2e6;
  --bs-gray-400: #ced4da;
  --bs-gray-500: #adb5bd;
  --bs-gray-600: #6c757d;
  --bs-gray-700: #495057;
  --bs-gray-800: #343a40;
  --bs-gray-900: #212529;
  --bs-primary: #0d6efd;
  --bs-secondary: #6c757d;
  --bs-success: #00B47B;
  --bs-info: #0dcaf0;
  --bs-warning: #f4773e;
  --bs-danger: #ff0000;
  --bs-light: #d6d6d6;
  --bs-dark: #212529;
  --bs-primary-rgb: 13, 110, 253;
  --bs-secondary-rgb: 108, 117, 125;
  --bs-success-rgb: 0, 180, 123;
  --bs-info-rgb: 13, 202, 240;
  --bs-warning-rgb: 244, 119, 62;
  --bs-danger-rgb: 255, 0, 0;
  --bs-light-rgb: 214, 214, 214;
  --bs-dark-rgb: 33, 37, 41;
  --bs-white-rgb: 255, 255, 255;
  --bs-black-rgb: 0, 0, 0;
  --bs-body-color-rgb: 33, 37, 41;
  --bs-body-bg-rgb: 255, 255, 255;
  --bs-font-sans-serif: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  --bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  --bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
  --bs-body-font-family: var(--bs-font-sans-serif);
  --bs-body-font-size: 1rem;
  --bs-body-font-weight: 400;
  --bs-body-line-height: 1.5;
  --bs-body-color: #212529;
  --bs-body-bg: #fff;
  --bs-border-width: 1px;
  --bs-border-style: solid;
  --bs-border-color: #dee2e6;
  --bs-border-color-translucent: rgba(0, 0, 0, 0.175);
  --bs-border-radius: 0.375rem;
  --bs-border-radius-sm: 0.25rem;
  --bs-border-radius-lg: 0.5rem;
  --bs-border-radius-xl: 1rem;
  --bs-border-radius-2xl: 2rem;
  --bs-border-radius-pill: 50rem;
  --bs-link-color: #0d6efd;
  --bs-link-hover-color: #0a58ca;
  --bs-code-color: #d63384;
  --bs-highlight-bg: #fff3cd;
}

.clearfix::after {
  display: block;
  clear: both;
  content: "";
}

.text-bg-primary {
  color: #fff !important;
  background-color: RGBA(13, 110, 253, var(--bs-bg-opacity, 1)) !important;
}

.text-bg-secondary {
  color: #fff !important;
  background-color: RGBA(108, 117, 125, var(--bs-bg-opacity, 1)) !important;
}

.text-bg-success {
  color: #fff !important;
  background-color: RGBA(25, 135, 84, var(--bs-bg-opacity, 1)) !important;
}

.text-bg-info {
  color: #000 !important;
  background-color: RGBA(13, 202, 240, var(--bs-bg-opacity, 1)) !important;
}

.text-bg-warning {
  color: #000 !important;
  background-color: RGBA(255, 193, 7, var(--bs-bg-opacity, 1)) !important;
}

.text-bg-danger {
  color: #fff !important;
  background-color: RGBA(220, 53, 69, var(--bs-bg-opacity, 1)) !important;
}

.text-bg-light {
  color: #000 !important;
  background-color: RGBA(248, 249, 250, var(--bs-bg-opacity, 1)) !important;
}

.text-bg-dark {
  color: #fff !important;
  background-color: RGBA(33, 37, 41, var(--bs-bg-opacity, 1)) !important;
}

.link-primary {
  color: #0d6efd !important;
}
.link-primary:hover, .link-primary:focus {
  color: #0a58ca !important;
}

.link-secondary {
  color: #6c757d !important;
}
.link-secondary:hover, .link-secondary:focus {
  color: #565e64 !important;
}

.link-success {
  color: #198754 !important;
}
.link-success:hover, .link-success:focus {
  color: #146c43 !important;
}

.link-info {
  color: #0dcaf0 !important;
}
.link-info:hover, .link-info:focus {
  color: #3dd5f3 !important;
}

.link-warning {
  color: #ffc107 !important;
}
.link-warning:hover, .link-warning:focus {
  color: #ffcd39 !important;
}

.link-danger {
  color: #dc3545 !important;
}
.link-danger:hover, .link-danger:focus {
  color: #b02a37 !important;
}

.link-light {
  color: #f8f9fa !important;
}
.link-light:hover, .link-light:focus {
  color: #f9fafb !important;
}

.link-dark {
  color: #212529 !important;
}
.link-dark:hover, .link-dark:focus {
  color: #1a1e21 !important;
}

.ratio {
  position: relative;
  width: 100%;
}
.ratio::before {
  display: block;
  padding-top: var(--bs-aspect-ratio);
  content: "";
}
.ratio > * {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.ratio-1x1 {
  --bs-aspect-ratio: 100%;
}

.ratio-4x3 {
  --bs-aspect-ratio: 75%;
}

.ratio-16x9 {
  --bs-aspect-ratio: 56.25%;
}

.ratio-21x9 {
  --bs-aspect-ratio: 42.8571428571%;
}

.fixed-top {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  z-index: 1030;
}

.fixed-bottom {
  position: fixed;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1030;
}

.sticky-top {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  z-index: 1020;
}

.sticky-bottom {
  position: -webkit-sticky;
  position: sticky;
  bottom: 0;
  z-index: 1020;
}

@media (min-width: 576px) {
  .sticky-sm-top {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 1020;
  }
  .sticky-sm-bottom {
    position: -webkit-sticky;
    position: sticky;
    bottom: 0;
    z-index: 1020;
  }
}
@media (min-width: 768px) {
  .sticky-md-top {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 1020;
  }
  .sticky-md-bottom {
    position: -webkit-sticky;
    position: sticky;
    bottom: 0;
    z-index: 1020;
  }
}
@media (min-width: 992px) {
  .sticky-lg-top {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 1020;
  }
  .sticky-lg-bottom {
    position: -webkit-sticky;
    position: sticky;
    bottom: 0;
    z-index: 1020;
  }
}
@media (min-width: 1200px) {
  .sticky-xl-top {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 1020;
  }
  .sticky-xl-bottom {
    position: -webkit-sticky;
    position: sticky;
    bottom: 0;
    z-index: 1020;
  }
}
@media (min-width: 1400px) {
  .sticky-xxl-top {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 1020;
  }
  .sticky-xxl-bottom {
    position: -webkit-sticky;
    position: sticky;
    bottom: 0;
    z-index: 1020;
  }
}
.hstack {
  display: flex;
  flex-direction: row;
  align-items: center;
  align-self: stretch;
}

.vstack {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  align-self: stretch;
}

.visually-hidden,
.visually-hidden-focusable:not(:focus):not(:focus-within) {
  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;
  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: flex !important;
}

.d-inline-flex {
  display: inline-flex !important;
}

.d-none {
  display: none !important;
}

.shadow {
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
}

.shadow-sm {
  box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important;
}

.shadow-lg {
  box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175) !important;
}

.shadow-none {
  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: -webkit-sticky !important;
  position: sticky !important;
}

.top-0 {
  top: 0 !important;
}

.top-50 {
  top: 50% !important;
}

.top-100 {
  top: 100% !important;
}

.bottom-0 {
  bottom: 0 !important;
}

.bottom-50 {
  bottom: 50% !important;
}

.bottom-100 {
  bottom: 100% !important;
}

.start-0 {
  left: 0 !important;
}

.start-50 {
  left: 50% !important;
}

.start-100 {
  left: 100% !important;
}

.end-0 {
  right: 0 !important;
}

.end-50 {
  right: 50% !important;
}

.end-100 {
  right: 100% !important;
}

.translate-middle {
  transform: translate(-50%, -50%) !important;
}

.translate-middle-x {
  transform: translateX(-50%) !important;
}

.translate-middle-y {
  transform: translateY(-50%) !important;
}

.border {
  border: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
}

.border-0 {
  border: 0 !important;
}

.border-top {
  border-top: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
}

.border-top-0 {
  border-top: 0 !important;
}

.border-end {
  border-right: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
}

.border-end-0 {
  border-right: 0 !important;
}

.border-bottom {
  border-bottom: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
}

.border-bottom-0 {
  border-bottom: 0 !important;
}

.border-start {
  border-left: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
}

.border-start-0 {
  border-left: 0 !important;
}

.border-primary {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-primary-rgb), var(--bs-border-opacity)) !important;
}

.border-secondary {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-secondary-rgb), var(--bs-border-opacity)) !important;
}

.border-success {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-success-rgb), var(--bs-border-opacity)) !important;
}

.border-info {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-info-rgb), var(--bs-border-opacity)) !important;
}

.border-warning {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-warning-rgb), var(--bs-border-opacity)) !important;
}

.border-danger {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-danger-rgb), var(--bs-border-opacity)) !important;
}

.border-light {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-light-rgb), var(--bs-border-opacity)) !important;
}

.border-dark {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-dark-rgb), var(--bs-border-opacity)) !important;
}

.border-white {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-white-rgb), var(--bs-border-opacity)) !important;
}

.border-1 {
  --bs-border-width: 1px;
}

.border-2 {
  --bs-border-width: 2px;
}

.border-3 {
  --bs-border-width: 3px;
}

.border-4 {
  --bs-border-width: 4px;
}

.border-5 {
  --bs-border-width: 5px;
}

.border-opacity-10 {
  --bs-border-opacity: 0.1;
}

.border-opacity-25 {
  --bs-border-opacity: 0.25;
}

.border-opacity-50 {
  --bs-border-opacity: 0.5;
}

.border-opacity-75 {
  --bs-border-opacity: 0.75;
}

.border-opacity-100 {
  --bs-border-opacity: 1;
}

.w-25 {
  width: 25% !important;
}

.w-50 {
  width: 50% !important;
}

.w-75 {
  width: 75% !important;
}

.w-100 {
  width: 100% !important;
}

.w-auto {
  width: auto !important;
}

.mw-100 {
  max-width: 100% !important;
}

.vw-100 {
  width: 100vw !important;
}

.min-vw-100 {
  min-width: 100vw !important;
}

.h-25 {
  height: 25% !important;
}

.h-50 {
  height: 50% !important;
}

.h-75 {
  height: 75% !important;
}

.h-100 {
  height: 100% !important;
}

.h-auto {
  height: auto !important;
}

.mh-100 {
  max-height: 100% !important;
}

.vh-100 {
  height: 100vh !important;
}

.min-vh-100 {
  min-height: 100vh !important;
}

.flex-fill {
  flex: 1 1 auto !important;
}

.flex-row {
  flex-direction: row !important;
}

.flex-column {
  flex-direction: column !important;
}

.flex-row-reverse {
  flex-direction: row-reverse !important;
}

.flex-column-reverse {
  flex-direction: column-reverse !important;
}

.flex-grow-0 {
  flex-grow: 0 !important;
}

.flex-grow-1 {
  flex-grow: 1 !important;
}

.flex-shrink-0 {
  flex-shrink: 0 !important;
}

.flex-shrink-1 {
  flex-shrink: 1 !important;
}

.flex-wrap {
  flex-wrap: wrap !important;
}

.flex-nowrap {
  flex-wrap: nowrap !important;
}

.flex-wrap-reverse {
  flex-wrap: wrap-reverse !important;
}

.justify-content-start {
  justify-content: flex-start !important;
}

.justify-content-end {
  justify-content: flex-end !important;
}

.justify-content-center {
  justify-content: center !important;
}

.justify-content-between {
  justify-content: space-between !important;
}

.justify-content-around {
  justify-content: space-around !important;
}

.justify-content-evenly {
  justify-content: space-evenly !important;
}

.align-items-start {
  align-items: flex-start !important;
}

.align-items-end {
  align-items: flex-end !important;
}

.align-items-center {
  align-items: center !important;
}

.align-items-baseline {
  align-items: baseline !important;
}

.align-items-stretch {
  align-items: stretch !important;
}

.align-content-start {
  align-content: flex-start !important;
}

.align-content-end {
  align-content: flex-end !important;
}

.align-content-center {
  align-content: center !important;
}

.align-content-between {
  align-content: space-between !important;
}

.align-content-around {
  align-content: space-around !important;
}

.align-content-stretch {
  align-content: stretch !important;
}

.align-self-auto {
  align-self: auto !important;
}

.align-self-start {
  align-self: flex-start !important;
}

.align-self-end {
  align-self: flex-end !important;
}

.align-self-center {
  align-self: center !important;
}

.align-self-baseline {
  align-self: baseline !important;
}

.align-self-stretch {
  align-self: stretch !important;
}

.order-first {
  order: -1 !important;
}

.order-0 {
  order: 0 !important;
}

.order-1 {
  order: 1 !important;
}

.order-2 {
  order: 2 !important;
}

.order-3 {
  order: 3 !important;
}

.order-4 {
  order: 4 !important;
}

.order-5 {
  order: 5 !important;
}

.order-last {
  order: 6 !important;
}

.m-0 {
  margin: 0 !important;
}

.m-1 {
  margin: 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;
}

.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;
}

.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;
}

.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 + 0.9vw) !important;
}

.fs-3 {
  font-size: calc(1.3rem + 0.6vw) !important;
}

.fs-4 {
  font-size: calc(1.275rem + 0.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-light {
  font-weight: 300 !important;
}

.fw-lighter {
  font-weight: lighter !important;
}

.fw-normal {
  font-weight: 400 !important;
}

.fw-bold {
  font-weight: 700 !important;
}

.fw-semibold {
  font-weight: 600 !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: 1.75 !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: #6c757d !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;
  user-select: auto !important;
}

.user-select-none {
  -webkit-user-select: none !important;
  -moz-user-select: none !important;
  user-select: none !important;
}

.pe-none {
  pointer-events: none !important;
}

.pe-auto {
  pointer-events: auto !important;
}

.rounded {
  border-radius: var(--bs-border-radius) !important;
}

.rounded-0 {
  border-radius: 0 !important;
}

.rounded-1 {
  border-radius: var(--bs-border-radius-sm) !important;
}

.rounded-2 {
  border-radius: var(--bs-border-radius) !important;
}

.rounded-3 {
  border-radius: var(--bs-border-radius-lg) !important;
}

.rounded-4 {
  border-radius: var(--bs-border-radius-xl) !important;
}

.rounded-5 {
  border-radius: var(--bs-border-radius-2xl) !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-end {
  border-top-right-radius: var(--bs-border-radius) !important;
  border-bottom-right-radius: var(--bs-border-radius) !important;
}

.rounded-bottom {
  border-bottom-right-radius: var(--bs-border-radius) !important;
  border-bottom-left-radius: var(--bs-border-radius) !important;
}

.rounded-start {
  border-bottom-left-radius: var(--bs-border-radius) !important;
  border-top-left-radius: var(--bs-border-radius) !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: 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: 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;
  }
  .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;
  }
  .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;
  }
  .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: 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: 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;
  }
  .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;
  }
  .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;
  }
  .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: 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: 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;
  }
  .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;
  }
  .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;
  }
  .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: 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: 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;
  }
  .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;
  }
  .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;
  }
  .text-xl-start {
    text-align: left !important;
  }
  .text-xl-end {
    text-align: right !important;
  }
  .text-xl-center {
    text-align: center !important;
  }
  .border-xl-bottom {
    border-bottom: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !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: 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: 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;
  }
  .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;
  }
  .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;
  }
  .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-table {
    display: table !important;
  }
  .d-print-table-row {
    display: table-row !important;
  }
  .d-print-table-cell {
    display: table-cell !important;
  }
  .d-print-flex {
    display: flex !important;
  }
  .d-print-inline-flex {
    display: inline-flex !important;
  }
  .d-print-none {
    display: none !important;
  }
}

/*# sourceMappingURL=bootstrap-utilities.css.map */

/* === blackops-fonts.css === */


/* === blackops-ui.css === */
:root {
    color-scheme: light only !important;
}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
input[type=number] {
  -moz-appearance: textfield;
}

/* Forms generics */
.formfield input[type="text"],
.form input[type="text"],
.formfield input[type="url"],
.form input[type="url"],
.formfield input[type="password"],
.form input[type="password"],
.formfield input[type="number"],
.form input[type="number"],
.formfield textarea,
.formfield .textarea,
.form textarea,
.formfield select,
.form select,
.form .select label,
.formfield .select label
{
    border-radius: var(--bs-border-radius-sm);
    border: var(--bs-border-width) solid var(--bs-light);
    outline: none;
    resize: none;
    background: #fff;
    margin: 0 0 0 0;
    padding: 10px;
    box-sizing: border-box;
    color: var(--bs-dark);
    font-weight: normal;
    font-size: 14px;
}
.formfield .textarea {
    user-select: all;
    white-space: pre;
    overflow: scroll;
    padding: 20px;
}
.formfield select,
.form select,
.form .select label,
.formfield .select label {
    font-weight: 500;
    font-family: "Roboto", sans-serif;
}
.form .select label,
.formfield .select label {
    user-select: none;
    overflow: hidden;
    text-overflow: ellipsis;
}
.form input[type="checkbox"],
.formfield input[type="checkbox"] {
    cursor: pointer;
}

.formfield input::placeholder,
.form input::placeholder,
.formfield textarea::placeholder,
.form textarea::placeholder,
.formfield select::placeholder,
.form select::placeholder {
    font-weight: normal;
}

.form input[type="file"],
.formfield input[type="file"] {
    text-align: center;
}

.form input[type="file"]::file-selector-button,
.formfield input[type="file"]::file-selector-button {
    width: 0;
    opacity: 0;
    position: absolute;
}

.formfield select:not([multiple]),
.form select:not([multiple]),
.formfield .select label,
.form .select label {
    cursor: pointer;
    appearance: none;
    display: inline-block;
    vertical-align: middle;
    background-size: 1.5em;
    background-position: calc(100% - 10px) center;
    background-repeat: no-repeat;
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAwklEQVRoge3VwQrCMBAE0BzE+Nk5+j0ein9XV+hACbZdsxuygXmwJ2EzkxJMiYiIiIiIBrgF3aVSZN4yD4ddd5mXzNNhl0qRWbexlkB47OteouwOs5aow3cvUX4c1lriKHy3Et9HtpwcuG6/Z8WurNzl/rCvbk3zJTx2mFgCDA9vCRImfEugcOFB+xi9Hn8XmtsNd/O11hIhwsO/JUKFB22JkOHhqkTo8HBUYorwUJeYKjygxJThIaeBf1JEREREFNwHzATKx7/3f9kAAAAASUVORK5CYII=');
    padding-right: calc(1.5em + 10px);
}

.formfield select::-ms-expand,
.form select::-ms-expand {
    display: none;
}

.formfield input:not([type="radio"]),
.formfield textarea,
.formfield select,
.form div.select label,
.formfield div.select label {
    width: 100%;
}

.form div.select,
.formfield div.select {
    position: relative;
}
.form div.select input[type="checkbox"],
.formfield div.select input[type="checkbox"] {
    left: 0;
    position: absolute;
    opacity: 0;
}
.form div.select ul,
.formfield div.select ul {
    position: absolute;
    z-index: 99;
    display: none;
    background: white;
    border-radius: var(--bs-border-radius-sm);
    border: var(--bs-border-width) solid var(--bs-light);
    padding: 5px 10px;
    width: 100%;
    box-sizing: border-box;
}
.form div.select input[type="checkbox"]:checked ~ ul,
.formfield div.select input[type="checkbox"]:checked ~ ul {
    display: block;
}
.form div.select:hover,
.formfield div.select:hover {
    height: auto;
}
.form div.select ul li,
.formfield div.select ul li {
    line-height: 2;
}
.form div.select ul li a,
.form div.select ul li a:hover,
.formfield div.select ul li a,
.formfield div.select ul li a:hover {
    text-decoration: none;
    display: block;
    width: 100%;
}

input[type="radio"] {
  appearance: none;
  cursor: pointer;

  border-radius: 50%;
  width: 16px;
  height: 16px;

  border: 2px solid var(--bs-gray-400);
  margin-right: 5px;

  position: relative;
  top: 3px;
}

input[type="radio"]:checked {
  border: 5px solid black;
}


.form label {
    font-weight: 500;
}

.button,
.form input[type="file"],
.formfield input[type="file"]
{
    margin: 0;
    box-sizing: border-box;
    border-radius: 4px;
    font-size: 14px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s 0.02s ease;
    padding: 10px 25px;
    display: block;
}

.button {
    font-family: "Roboto", sans-serif;
    font-size: 14px;
}

a.button {
    text-decoration: none;
}


a.button.button--disabled,
label.button.button--disabled,
button.button:disabled {
    pointer-events: none;
    opacity: 0.4;
}

.button.button-dark,
a.button.button-dark,
.button.button-default:hover,
.form input[type="file"]:hover,
.formfield input[type="file"]:hover,
a.button.button-default.active {
    border: 1px solid #1a1f23;
    background: #1a1f23;
    color: var(--bs-white);
}

.button.button-light-blue,
a.button.button-light-blue {
    border: 1px solid #4ba5e4;
    background: #4ba5e4;
    color: var(--bs-white);
}

.button.button-dark:hover {
    background-color: var(--bs-success);
    border: 1px solid var(--bs-success);
}

.form input[type="file"],
.formfield input[type="file"],
.button.button-default {
    border: 1px solid #1a1f23;
    background: transparent;
    color: #1a1f23;
}

.button.button-white {
    border: none;
    background: white;
    color: #1a1f23;
}

.button.button-default-danger {
    border: 1px solid var(--bs-danger);
    background: transparent;
    color: var(--bs-danger);
}

.button.button-default-warning {
    border: 1px solid var(--bs-warning);
    background: transparent;
    color: var(--bs-warning);
}

.button.button-success {
    border: 1px solid var(--bs-success);
    background: var(--bs-success);
    color: var(--bs-white);
    text-decoration: none;
}

.button.button-warning {
    border: 1px solid var(--bs-warning);
    background: var(--bs-warning);
    color: var(--bs-white);
    text-decoration: none;
}

.button.button-danger {
    border: 1px solid transparent;
    background: rgba(var(--bs-danger-rgb), 0.25);
    color: var(--bs-danger);
    text-decoration: none;
}

.link-button {
    background: none;
    border: none;
    cursor: pointer;
    font-family: "Roboto", sans-serif;
}
.link-button:not(.link-button-unstyled) {
    font-size: inherit;
    font-weight: inherit;
    text-decoration: underline;
    color: #000;
}
.link-button:disabled {
    opacity: 0.5;
    pointer-events: none;
}
.link-button:not(.link-button-unstyled):hover {
    text-decoration: none;
    transition: all 0.3s 0.02s ease;
    color: #00B47B !important;
}
/* End forms generics */

/* Icons */
.icon-plus {
    display: inline-block;
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAgCAYAAAAFQMh/AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAADASURBVHgB7ZexDcIwEEX/hwyQCkKg8AiMEDZhJDbICmyAR2ADggRS6NKH+HBBa3JCAoR0r7CL/+XXXHEmlBSFc0BfpRts2vbioSSDmrsTok7GIj6eHkom+BEmNrGJTfw2nJXLmgI3VhRITnCdztEROEJDkB3ni/IU/Q5fJAi2Nlwm/hhZCNyTyMeKsePiVaUb0ojQQ4GAZ0JJUawqoRxevOZv7XUDJTZcJjaxif9PrP4tDtOsmwy9T+Vxq9CtPU8e5Iky1XCxWDoAAAAASUVORK5CYII=");
    width: 30px;
    height: 32px;
}
.icon-plus.icon-plus--white {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAgCAYAAAAFQMh/AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAACNSURBVHgB7ZZBDYAwDEVbggAkTAISJgVJOMACDpgEHAAOcDA6uHcdGeHyX9L00Gbvsi2fyUiM0UnzysrOzIFqI2IfdZaS8xr6CYghhhji17B8dZN0Z9jtpHplfkqtZGNM4s0orsmAywXxZ7RSMz1PJYejTPSRCmTjICuIPhBDDDHEbcFuijZBmVtjz80Fp+tbwQKxY6wAAAAASUVORK5CYII=");
}
.icon-exclamation {
    display: inline-block;
    width: 19px;
    height: 18px;
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAASCAYAAAC5DOVpAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAIOSURBVHgBrVQ7bxNBEJ7Zo6CyXMbOxWyRi4wRAlEEEI2bgGhQpBQpoIgAUSAhW7IEpRMkSsQhyvAw/wAqwqNwQ4DOSHGgSLHCQbj0HRIFxB5mlpzh7IujoHzS3s7O47u52ZlDSEBa6/TB3oESIhQR8LioeHUIqAEEz0ltPWsbYwbjcFCR0ZNlJKxuE+yIHtFi+8vG0o4OYznvSfaQR7Lm5i/S23fvKQgCEsgu51LlJkU+WfZPJMrkvHvikD96wgaNwirbp88ULaHExTOa8BYiolarFQtcefmaZs5foOVHtZh+rdm0/hI35k4WhUfZh4KS7JXyDXBdN/aitfVP0LRrPaY/UijA1csLVkbH1piz0nkt7Cc57SQEQUgvODvZh23B3+y01gq7v+TqoVA4nFjL5cc1uHLtOlRv3xmypVIpOHd2xspO1ykqRNtHnHYy2W6YcMftTohawT5CcYMaETY3v8L/QC5HQIoaqus4dTmsvHoDYfgd9oo+GXQbqm0+GwKoh2Foi70XPGT/7S9qyKzamhHS0h/j0/6bIkiBT5+a5tvOx/QtJrnrP7AyYu9+zDie8/yo31Z3HacP/f7icfIT087kpmrREJcrt2xQ1Kyyy3lu/lJ/0MX/3/ihX1BWTy0CURVGgIM6PS7NN7PhjyQTyIg5sDXLxZzl4zG+oLQQsPyRm7P+A376HWM6g3G/AaZidb6shudTAAAAAElFTkSuQmCC");
}

.icon-planet {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAEjSURBVHgBjVMLkcIwEN27qYBKiIQ6uDgAB+0puHOABHCABCS0DigKCgpaByVLXmCbbKA786aT9O3Lfol0sw5Hh8FhBs6429IKMw4tHEc47iAyCwzgqlbBmVGL+xKCc4QRPkkkY+alsyIixRb8ISNSCYc90jxFYlwKKsgXjwUah2skNDl0IsWLww3nUHQLPLuTS3degWOB8PuMUEl56wDm2W8ITQpxovdmyZeCYQpcNuTzPwhiD7JBZP+UNmNxDtMbOhOTg21I6Rb5LvKIJMNWZ4SqDG+AxiP8NaP/R8u9Y2tw3gRSG4WrmaHXClmcwyCrJPNBrBQiKj8sLRPqN2KNePS5tF/Kiy2+V/Ij0It/W0TUOfxSulKJcfG4E3LzQ3d+NIc7XtV8QdK5pQ4AAAAASUVORK5CYII=");
    display: inline-block;
    width: 18px;
    height: 18px;
}
.icon-planet.icon-planet--white {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAE6SURBVHgBjVOBcYMwDBRcBmAEj8AGZYN0g7gTNBt0hI5AN+gIsAHJBCYTwAaOdLyDY2QS3f2Bda+XLFlEinnvG0bLcH61Ab5PemVMMowOgRMCfyASmyQwOZEawYJT5K8gmJrwaq2SScukVJOKmZjsMiJ1FPCLa/4nYp1wD2ieCNiiKMbkxjOjx3/FuDJuOIemy2Aawv0d6Y2f/HvWHjhGGnahrRlUkbMeEF5TQmhWiDPtW8MYAVPCabm8c8zifl1AtowzAkipejG/vt4wGaMECO+oTQtTHEp6nopk/iDdbsn5D9+lx37Zq2Bup6LviDfAZ3E+BlIXl5sRCs9hQnKDxC5HMi/Eqkhky/fr0grhtCNmo6SPpS3SjPyR68l3pOWhhscqPlkLGUrP+FJWapNVRt3658138KlTvQPsmQ3K8Dq+rgAAAABJRU5ErkJggg==");
}
.icon-heart.icon-heart--white {
    color: #fff;
}

.link-button:not(.link-button-unstyled):hover .icon-flag,
a:hover .icon-flag {
    color: #0cb781;
}

.icon-star {
    display: inline-block;
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAPCAYAAAA71pVKAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAE8SURBVHgBlVO9SsRAEJ7ZCIpckQjCnSIZ8E4sc09w2tnpG2hpmTcwrZ2WVj6Cj6B2dmJt4KKNXiMRBEHZHSe5C3eR3XD3FcnOznzf7vwsQAM2wt6jT+S7/Mrl2KTeifyiVfAGC5MFx8WHWcWuALRttmmXFOthZRvk/fcsvZvrZAX6rHaCgUPryZLbdbliIAYkBPYZwLdcMRd/Lv6MkWUN2ZIWQzEmMFFgsGMsWAoTsEgwJ95X/nHfCtY+EfAA5oRmiEev6blXGCLw0AqCJzUWWGng5QbN6eglvZqkMsUWbR9pVjcu5v+q16ptQDmnqYAHHM7aNbIUY9BEFv+ek4wM0UygtARiaU82ZSs7meQBCKEkSxsuvvG3/5Y9Xy7jT19yTaow60ORYYk6Yfe2TV3r1YuR7YQ7w3WJq/b+AC+wbSqzhobHAAAAAElFTkSuQmCC");
    width: 15px;
    height: 15px;
}
.icon-star--outlined {
    display: inline-block;
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAAPCAYAAAACsSQRAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAC5SURBVHgBpVIBEcIwDAwYoBLmACRUAg42B+CgEpAATsABOAAUFAfhy7ob67Zk6/7uL9dr+vmkIVLAzAdaAghY0INGyluTjBIMAnluUL3gFnfKAR6euQs7lrvC5Q4xcEO19SJGG2ODF/iI8RP5Bm+hogEvnAeX2nczHocfKwd7w8VxgsCT6xGIA90rIj2BoT3ZkgwzRcSSDK3Irx3/Z/0U7HN3Z66agG0S095xruJQvSZSjX5dm+PSAl+E9EDYu+8VBQAAAABJRU5ErkJggg==");
    background-size: cover;
    width: 15px;
    height: 15px;
}
.icon-star--white {
    display: inline-block;
    background-size: cover;
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAARCAYAAADQWvz5AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAD1SURBVHgBvVOBDYJADCzEAdgANsANYAPcQFdwA5wAnQA2wA1wA9lANsAN3qseiTEPTyTa5FLy7V+v7SPyLzPG7IBUlhpIGoUsMRBEwA3oXao8B1EJ1wKBwvO8vXypxtAHVBaM5a8Y3LJqNFTndwUVHYkvcErW8m5HCHIOQ/U1K+pgMyABwncFVBUypjlXzi6xtaJkubjbzpkbycRctFJtmwdVVVQeuAoKyTLL+UaVyFxj72OKetsd35KcwnXYxJ1LaKgw0jON2R6nbyGPgRbJR3j9Nc7ASb9xVshr5bHMaKvmQyw+1q+LKBmr5xIlE/HnZuVX9gBQQQ8fRbYd0QAAAABJRU5ErkJggg==");
    width: 15px;
    height: 15px;
}
.icon-star--mask {
    display: inline-block;
    background-size: cover;
    mask-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAPCAYAAAA71pVKAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAE8SURBVHgBlVO9SsRAEJ7ZCIpckQjCnSIZ8E4sc09w2tnpG2hpmTcwrZ2WVj6Cj6B2dmJt4KKNXiMRBEHZHSe5C3eR3XD3FcnOznzf7vwsQAM2wt6jT+S7/Mrl2KTeifyiVfAGC5MFx8WHWcWuALRttmmXFOthZRvk/fcsvZvrZAX6rHaCgUPryZLbdbliIAYkBPYZwLdcMRd/Lv6MkWUN2ZIWQzEmMFFgsGMsWAoTsEgwJ95X/nHfCtY+EfAA5oRmiEev6blXGCLw0AqCJzUWWGng5QbN6eglvZqkMsUWbR9pVjcu5v+q16ptQDmnqYAHHM7aNbIUY9BEFv+ek4wM0UygtARiaU82ZSs7meQBCKEkSxsuvvG3/5Y9Xy7jT19yTaow60ORYYk6Yfe2TV3r1YuR7YQ7w3WJq/b+AC+wbSqzhobHAAAAAElFTkSuQmCC");
    background-color: currentColor;
    width: 15px;
    height: 15px;
}
.icon-remove--red {
    display: inline-block;
    width: 25px;
    height: 25px;
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAZCAYAAADE6YVjAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAK9SURBVHgBrVZdctJQFD7ndvTRYQl0BeIKSMqLDy3oBiRxA7AD2hVAN2BgBTLQcTrO1KQrMK5AlpCxb2pz/U6Sm8b0BpD6zYSQ+3O+e/4v0xa8CYMWXo4mHmi8SWv5bmWTTDETxVqpaNUdLrbJ4aaJ/k1wjtlRKZQowbPh/E0g7VTmNqmmxVXPP9+LBKdvY8NHyoUkKdOM9VG0Pnl3+2jt56Bzf8QjZu3gsy1kislduv6mkQQEHRCEckIN4XdEF5HrJ7QDr3GwZ0Qj1jSWg/0G0SfXjx+RFBqE2YlYeyv3/YL+EWc3wZiZpkIEjV4ZjZRZYAhgnvEhBIJ1z5/BAj7+tgp5VJJkTgaBmOjK9S/pCVi7/lzkiLzTcDEpSWC0IX43v4ieRGBwBF+SmEynYwdpoM7CwBNWrSm6rkWFoB/Op/3ww9AmDD7w+mEwrY8vJVhYiTatF6QGShF3ZeJe2bXQpL+R5nmdSAjg5AArYts+RWkW8kypo7TWWT5UQ66KwsZ+lagk2BKF0CYSubCQIz7pIHutBDaiQRgEuwgq2OBpKdoTQsTMc5zMwzPfJ8yxPjEkCT/UoEaIiWBaPAwy8pqCwQaQZGztXQTGROue59d91ITC37HC5gh/Wqdh4OwiMCayBUMdUgdFLkwbq1TzslCqa1vMil/anGyINKmOVQviUb5fRSyNCXXmuwz8YDrep+ruQqXY0urEP1Z/ZydN6D8gTbOSL8V2Lt9lqe9/Cb6SNKoDy7xBpdxvRAsZK/PkJ9NbktYKZ8pCOgBFkGQEkOeacVtnlNaLxkUznOByaSmadWR+TcncCZo7o4G00uemQ8rFASHOOVlsEe5AuFO5cMRikettPb4KlPAJ4tCjh0RNNHOcb8LVSGfj5U0mzRvehU1WI4mB2BnLuriRSD6YnJAwT3BxiFJWyztOb7eF/h+Z3WSoUqF8VwAAAABJRU5ErkJggg==");
}
.icon-remove--gray {
    display: inline-block;
    width: 25px;
    height: 25px;
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAZCAYAAADE6YVjAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAKMSURBVHgBrVbbceIwFJUNDHy6BPLJY2ahAkwFmVQQUkHoAFJBoIKYCpIO1qkA7/D6xB3EvzCA9xyQslqv/FiSM8MIS7r3XN2XZIkMzOdzp1qtupZl3eLTjePYwejI5QDzAUa/0WjMsvRYaQur1WoMJY+a0gi/UI5ER1sLYcCs1WqNC5FsNpv66XR6BQGVRBCe4L/fbDbfk3uXy2WHhuDn4rNOMvzv42RhKgmFbNv+KS2c7Ha7p263G4kcwK11uJWnHsIoGtZvt9vBPyQ8ARZJwJMMsGkm/hMwcggjn0mEsatOZKsNioDWXENAQG4CAx/gMkfq+wMGeb1ex/g9i28A9VAfvDPityUntxwRgz5iEIovQqb+FqcR+/3+xoYfB5hnPHwTAa2CRfcmZZQ1nZ7JApcxK51arXZrl0qlHhdAMjUpgo9/Yc1LEpEAwX3BemCSOxwOKuVdWjpHTD5EBqTFsSJS3xjvs+Sw54OhYHZ1ZHtIBbLGY9bIE73IExRJc3YCxxYFQSIY40FoQLIiaY79jM2ZhBXt5AnQRYoAgoO0ZDDhTALBeh6BchGa4IPmukwi7GH/C2w2Px5psVi4eQTKRYkYpaX3uUtjz5nkjZPlcrln2gyCH6Yga0QdkxxK41HK+1ayOot03TxozVbgirix9eoE2Uh8A47H41Bcuoj31wKLUi+4awEdQ9lst2rus07QHO/EJdM83gviCsg+yF4WstmqedPN+Cou9wpdOE1epSYwrpVKZQxZBjtCQphvRk2AV6m6wHhn+/DxVBdSgGtdKHTVg4PpiuS5S3bzrNfKiJUtyYhI9Tj5NOL850uGDw4U6pNJVyqJAv0M5T35elE1EUnFPsY3WP+elfq/AWgVztkVwKt8AAAAAElFTkSuQmCC");
}
.icon-geo {
    display: inline-block;
    background-image: url("data:image/png;base64,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");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 18px auto;
    width: 18px;
    height: 18px;
}
.icon-location {
    display: inline-block;
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAQCAYAAAAmlE46AAAACXBIWXMAAA7EAAAOxAGVKw4bAAACE0lEQVQokXVTTU8TURS9nYJLSMqCEBaEkjRpaYm1FEENoaTgUISFujJa4lIMkAgqfv4BURM1AVZ+oQloIhjBBUUIJigJlqQzoYUusU0/ktY200VDZ44L6INJ6dnd8+65975z39MAAB0gl8vR6zdvaXllhURRJI1GQxaLhdodbdTndpNWqyUGHCAQ2EbH+S64+65j6ccyYrEYotEYPJ4lXLl6DbyrG8FgMJ8OAoB0Oo1TjU2Ynp5BMUx9+Aj76RZIknQovDU8goePHhcV5XF39B5G7z/YF/5LpVBTW4dMJsMSwuEwRm7fwY3+mxBEkfGpVBo1tXWQJAm0tvYLjnanqjLv6kZlVTUqq6phrLeoip4514qNjT/gZFkmXYWOmaUoCgmCyOJEIkG7u39ZXKHTkazIxJnN9eT3B9gBx3HU2eFkscFgIL1en98Abe/skMlo3F9Hc8tZeL2bbJxsNot376cwPjGJZDLJ+N/r62htcxy6OvPpM1wXeqAoSlFHZVmGs5PH3NxXAABHRHT50kUq0ZbQ+MQkFcOLl6+ovLyMent71C8nFArhpNWGxUVPQbf5he+w2uyIRKKMo6MJXu8mTOYGbG35GecTBJjMDfD5fKpiKiEAfJmdRWNTM+LxOCKRKKw2O77NLxRMocGR35HHk7GntLr6k/Zye9TF8zQ0OFBw52OFAGhgcIhKS0/Q82djx7r1Hz08IMAJZEkkAAAAAElFTkSuQmCC");
    background-repeat: no-repeat;
    background-position: center;
    width: 14px;
    height: 16px;
}
.icon-close {
    display: inline-block;
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAaCAYAAACpSkzOAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAdnJLH8AAAAgY0hSTQAAeiYAAICEAAD6AAAAgOgAAHUwAADqYAAAOpgAABdwnLpRPAAAAAlwSFlzAAAOxAAADsQBlSsOGwAAAAd0SU1FB+kDEwo5JbCEvmAAAAHLSURBVEjHtZYxy9NQFIYfWxFDJOSaQXRyUvAHCG4OLoIUAg7i5vbt4g9wEJxLoYug4CQiZHGohDqVQiBJi6uI04eLi/DpIPq63JQQmzTplx44BJLLfe49Oec9Z0h7GwCXgev2CfATED3YWeA+8BY4sZuW/QR4A4T2IJ3tDHAEfN2yeZ1/AR51gVwA3ncAVD0Czu+CuEB2CkjhH5tCOQQ+9AAp/Fkd6KhHSOE3q5BzwPEBQIsq6GHd4jAMFUWRjDH/fTPGKIoihWHYBLtdBr2rWziZTCRJWZbJdd3Ne9d1lWWZJGk8HjeBxuWK/1W3MAgCrddrSdJisZDjOHIcR8vlUpK0Wq0UBEET6HMBurgr1saYzelns5nm87kkKU3TrSGt+B+rMFxr82M9z1OSJCosSRJ5ntc2Ka4OgL8c3oaFGjSeyPd9pWkqSYrjWHEcb0Ln+36bG20k6fu+yZDn+S7Yt/LVXu+T3nmeS5Km02kT6EUZFJ6mYEejURPobrV7fjqABGXbMuPOAUC36tLwaY+Qx7ty/mUPkOdtC+yJlY6ugN9d5wZs01p37D039pWOAfDAtpFtCv8DeAXcazNWddGrS8AVCzm2Vd9qgPwH+vsx9DjEl78AAAAASUVORK5CYII=');
    width: 26px;
    height: 26px;
}
.icon-arrow {
    display: inline-block;
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAdCAYAAACjbey/AAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAdnJLH8AAAAgY0hSTQAAeiYAAICEAAD6AAAAgOgAAHUwAADqYAAAOpgAABdwnLpRPAAAAAlwSFlzAAAuIwAALiMBeKU/dgAAAAd0SU1FB+kDFAYQFUbW0PoAAABRSURBVDjL7ZWxDQAxDAKjLGpvnhH4De6bb6KvbCtFJNNzggIxRlWAAwIWYBnAYpdFAeIvi1agIQ25GqJZHPNzvkKb25z9hfBIVD0W/1Ioc20v/3Se+PjllzgAAAAASUVORK5CYII=");
    width: 16px;
    height: 29px;
}
.icon-xmr {
    display: inline-block;
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAIAAAD8GO2jAAAEB0lEQVR4AZzVg5fjQBwH8Pw/Z1/atc+2zbo927Zt27ZtK5PaTBXcb5XNm01W8+om3894CKHmwnEp28/IvWOurVp6VkdKT1ImtW1hD8/eGdGXV9IeWqitKAJsLBR5cta5YRw9JcdhUlkNJNK3p8oeyNDeaiQdJtI+u4N377T450cCx9YPiL255VgxyGkqTaENECr/ANVlVtEG0rNdn/j3qU4AF4/6ji+zmdQQDRF1eUDLgLFPLwjdOybwXE0AG/G7t+ncFpXYG3V/QKfZjarAufUCm5YHoO7OLRpIp+qfLo6N06zyn9/A81w1gOd9J5a5LWpK1w4eDQPgRmi63ayOPD2PA7F3t+3mDKRvh6bmIVMGpWtb73RtG2TJQZZsm4G0ze6Qcv6tArhY2L58IIzqv0ktXdv14QcnKG3behn/NK3pmcWR55dsi/v807Z2m1Weg3OhoyqA6NNz0HdwXRlggF9Cdw7V3YB0NL0g/v05jKJtQQ8AaFgoU3OS9LdSgGfTsJocpkpgmx5+raMhpjNfn5ZOwpC3HIDfXTDaMKMASNp+wloFEwPkDeV0DLCbSNuygXyCIUJ3DotrSgTqYODpGFDaS5ZsqD3h2qKxGhQB3FBOxwB42I1k6PZBAvZImLzKAG7g6coANMK+YhBBQfXlAJZlE4lEdaN6eiwWkwVKH0Y1gcyZskAkEtm0aZPL5ZIapenT8qXpb9++3bNnjxJAT80l4PRABhmAYZgxY8bo9Xqv11tl3D/OfHoofv306VO/fv2WLVum0EWkc/NkwrtvJmyEssCkSZPy8/PNZrPUkKYPHjwYLli9erXCIKtir64RcPLZdW3+TW4Jj7/jGoMpBTp06FBcXIwZYnr5vxLAY53b+e/EphCFNK3Q1Fw4U4m03wmh7vVjHWtHO1YO859diwFdunTBDDEd/pICXDTo3j3VsWYERPk2jfMdXQhHqeyRiQOiEQgEPn/+LKZjAFZ4cTfleZm/k8mkFIBSUlKi0WiGDx8u/RGANWvWyKTz2HkQi0EPuCuLx+NBCI0fP16aBQW+durUSfoLqIsXL4br3f87LWMcj4AojN9vAxIIhQilRqdSuIIDSDRaeg1noKVzAiX5b/bXrIxkxaxfNeF98828x8wTYKp93y8GTBfHcRiGQRCwRmBgGIb6hKIopmkSf6qiKMrznAxfDKBtW6JZ4NcvqhyoTglyy7LGcfzr0v98yrLUdV3TNPUVCNlN3/e3bctxHFVVvfNA5bruMAzPnV3Xdb7vUwBJG8IITpJkmibZ1nFd16IoHMdBebchHvKKAApb1/W2bf9rfmGeZ05Kvn0yK9owAM/z0jRtmkY8caUNBLgVlmVhIpLAem3bzrKMSrLLb36nJ34AJk4aghq8b8YAAAAASUVORK5CYII=");
    background-size: cover;
    width: 18px;
    height: 18px;

}
.icon-btc {
    display: inline-block;
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAIAAAD8GO2jAAAEuklEQVR4AZVWg5/rWhDOf/Ts3urZtm3btv3aJll7r23bthU7KYJ9X25zFz3p7ja/OCfznfnmmzlDDYy+Bb4rH3S296oz3hBbb+VzST6XkTru0ed/4uyd42knBsba6gL4JcPZNU2d+pLIXKPSKSmfFHIT+P/CHTdyPqnSSanlZm3uh+UjqwLfawygdGCh0veoRqewi7kkjMbuQNUZDJigzXqrwu8cF4BftoxlP8qFFGYNE+PZ4RBglObrnW29QeCPBhAUVW3mGwabHmRj/Du8UQpJc+WfiFo8QFC21Omvm2x6VEMJ7u9Lceb/vQI74UpSY1Lmmn9gjAAIAn3pD0as9X8T1RuYtjY0Qzxi880Ce73AXDv4aXBHPFQ67eyeUQtQOrhYoeswk8/w/1zG/XURn0u56jHfkQX6GmfnFFc6AL3y/1xeM14uJOW2Wz3t2CAAyDHlnkcgu7jpX+HsmVU6stJY9rO24PPAqxT3zcNLZIBncAJ7HUkUdoNN6Yu/huEIINQ7k4q1Dioq3I7hQXOVwxg/4LvFAwu5P84jPIiIkthrXHHfGYDAU6a8qNUVZVJsvslY+iO0UStoW7Q2tYttd3D/XBrrhLn6nxAAVIrM1aNkE9gHgYFbwmjP5PWlPyIAviVEDmnH5f4nEaSav0C43PtY4BYpe2v3IPvxAH9fYiz5PtLC0VXcnxdyf10stt9ZObWl+rJ8bO0ZOSVqWMK8PfkghSqGHBkdoLhvbtUW8oj78wLE5vTv54K3QScQKjLaCp10tnZTqJGj5S3izFztyocigLU5seMesflGsfOe8vG1kQcnN5IeYAftcv/jFJ8bffqXyn1PVANQ3UCrp5/wi2oU6qKmznyLjHO059IAyIzOj77ku6ot1Etj9d/lE+sH8YKKoy38AiqoWwfpqylkYx2KEtA4fnb2zYn4WfMvqMdLqeeR0uHlUQD0E1L3g3gZW/7UGa9R2rxP4oKcEPIZSEVsvc1Vj1SXNmXqS2AMX6EivPfOKtXawMJREgDFFWlPQSFk6YchMIuyEy6KQVDNAMgBGoUtCAmh9m0pAtjcQQJg0mLTDb5+kvKMU0LTjXiuAbDWs1h8hmLrVSrcdnt7v7HiN3PVXxV+1+Andda7JABKgzLlhQHfo/CvNvcDnahFQiErdd2vzfmgdGxdlaLYFbF8YgNfyJIa1dmUtaUrKnblo6vCWh0T5MsQVXvnZLCkzfvU3jEZg6FR7L4dsufsmSm23Y4Ik/xIrbf6Jh8BoDQqM94gnQjTh74yNGeJULSza2oY6snPCewN0B6KIGYQqx8D019Hj1hwXGG3xF4LZCKNr7W3dFqb2vh8FtHyTU5gronsErVhkH2p59GgpNeuyfa2XgiLyIlEKJt/LhPyWXXO+/rCr0i7NcsZJlo5vTWuq/B9a9VfGhPbCEVIUNfo1mXmSui+ftviu1gl0BRh6CiG6jEjN12HzBq7s3N2TZdabjFY0pW6E8dgtf+J8snN420d0RNYS76Vm64N/6STWD3iSw2dCnu69tut9TTKamPNLzZX3G+v+Vfue1woXKWEMMnhTZzUfCNyFQuiZ5xurLsmcEqutB+G5P4nkA08wKa/iki66lGyEyW3/wF0wNfPUPg1GQAAAABJRU5ErkJggg==");
    background-size: cover;
    width: 18px;
    height: 18px;

}
.link-button:not(.link-button-unstyled):hover .icon-heart,
a:hover .icon-heart {
    color: #0cb781;
}

.link-button:not(.link-button-unstyled):hover .icon-filled-heart,
a:hover .icon-filled-heart {
    color: #0cb781;
}
/* End icons */

/* Popup bubble */
.popup-bubble {
    background-color: white;
    position: absolute;
    display: none;
    padding: 10px;
    margin-top: 5px;
    border-radius: 4px;
    box-shadow: 0 3px 8px rgb(0 0 0 / 20%);
    z-index: 77;
}
.popup-bubble-container:hover .popup-bubble {
    display: block;
}
/* End popup bubble */

/* Pagination */
.pagination {
    display: flex;
    flex-wrap: nowrap;
    gap: 4px;
    align-items: center;
    list-style: none;
    margin: 0;
    padding: 0;
}
.pagination > li:nth-child(2),
.pagination > li:nth-last-child(2) {
    display: block;
}
.pagination--page.pagination--page {
    font-size: 10px;
    padding: 1px 5px 2px;
    width: auto;
}
.pagination--page.pagination--page:not(.active):not(:hover) {
    border-color: transparent;
    font-weight: normal;
}

.pagination a.pagination--prev {
    color: transparent;
    display: block;
    width: 12px;
    height: 14px;
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAoCAYAAACWwljjAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAQNJREFUeNrkmDsOwjAQBQ0N1DTQ4wNwIo5BzT3oKHGugHIX+hCQaFF4QbYUoUA+XjsPWGn6UTKKN1ZqmFkBAy4gBwnQQ4jMwQ7cQfHCOabUBGzAtUakShJaZATW4NQg4shDd5K2FKkiPguwf9NJVKEp2IJbTxExoa6dBBXq24m4kG8nYkJSnXgLSXfiJRSik15CITvpJBSjk1ZCMTtpFNKRO/kopO0uUrAIGSKZouwmAzNFMmNFNqXQkU1qaV8bTdROKmUSckPzYaQ8OmgPV9r1Y6i+vnOFpV3yaX+DQvb1e7/StJcNtNcxPn3lKtK0vdIzf3vpWdfXwS6GmX0yT5mHAAMAoOkIIugbIgcAAAAASUVORK5CYII=');
    background-repeat: no-repeat;
    background-position: center;
    background-size: 12px auto;
}
.pagination a.pagination--prev:hover {
    background-color: transparent;
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAoCAYAAACWwljjAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAWxJREFUeNpi/P//PwO9AeOZZQZAqhqIXYEY5IC9QFzx3yTqDiM9HQR0iDiQagHiJCBmQpN+D8RmdHEQ0CHsQCofGip8eJSupamDgA5hBFKx0FCRJULLB5o5CJpO+oHYgRR9LDRwiASQ6gLiaCzphH4OAjqEA5RTgLgEiLnJNYdlANIJ7RxEbjqhuoMoTSdUcxC10gnFDqJ2OqHIQbRIJ2Q5iJbphCQH0SOdEOUgeqYTgg4COkYFSM2mVzrB6yCoY04BsSDDIACgxNo+WBwDc5ATwyACTAyDDDBBG9iDykGVQPxu0DgI2PW4C2rtA/GBweAglDY1sAiIG+iCEaORP9BVB85ex0BVrgS7QfRufhDdL6NX+iKpo0iP9EVWz5WW6YuirjQt0hdV+vbUTF9UG2ygVvqi+ugHpelr0A3H0HwEjcT09YHmVQKwNbEISKkCcTkQfyKgfM/IHPTEkb6qgNgZKrQP1FAEDQsDBBgAwuqklzsWcfAAAAAASUVORK5CYII=');
}
.pagination a.pagination--next {
    color: transparent;
    display: block;
    width: 12px;
    height: 14px;
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAoCAYAAACWwljjAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAPpJREFUeNrs2DEOgkAUBNDVRm+gvR7AiuN4DGvvYWcpXMFwF3tFE1szziIkxhAEZHcn6iavn8ggf78xjzOnhDI6U0wLE+jYMCfCixttaOI7UFIR5tmFVjTyFSh7E6h0oCUNXAdCS6nrfqED268tTVUCla60prFKICf9Qo966Rd69nG/4EjnfsGx1v2CJ437BY8a9QsB1PYLAVX2CwLSYgzKk8FoHDt1REqB8tlMLdBpaMSOWqC90iOzF41I6bWfKf0x/j8dkh9XmfGjsic/PcJKDfky16DWPfn6q7TUssH5OiYL0ZO6E6ut9OSWnmUo+0sdC7tQa+G7AAMA2sSlkInmEt0AAAAASUVORK5CYII=');
    background-repeat: no-repeat;
    background-position: center;
    background-size: 12px auto;
}
.pagination a.pagination--next:hover {
    background-color: transparent;
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAoCAYAAACWwljjAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAXxJREFUeNrMmL9KA0EQxmeXBdukS2MXewuxFn0La1/AJhKw1Vj4DIKR+BJRsfYPWAtWabRREQQr128xB4d43G1udmYHPg7utvjx7Xd3s2O892TuzvtEdARtQQaaQgd+bfuBhMvQ7STA3EDdP8++oRNoH2AvUkB27ky34tkO9AgHB9CSlENvuHYarJ0Ft6AzOOZTOtRpuHYZOoWu4NZqSqDY2oDuATWGeim2rI39n9BxyCG28SsHIPZ8WSan2fJlmSPQOl9cW8aWr5RAC+XLUvqKypcEUFS+JLYsKl9aQJX5sqRb5Xz1c3CoXKHrWLeUT4WebJQTUKjN3IAoN6DLnIBeoWEuQNfhDcO36Mkpg8zmx6xxcUMLqPLXIQ0UDp8TaACQ5/8WOOGc7NYdz51GTrSAFmphnUZOJIEa5UQCKConKYHYj9JOIyfcQK1zUgf0ThEDK46c1PVDFzVrPqA9aCU1TOHQkH6nr1kMPU1pLDwKPW3RuUGHGmPhHwEGABF6swNJOGQtAAAAAElFTkSuQmCC');
}

.pagination a.pagination--first {
    color: transparent;
    display: block;
    width: 22px;
    height: 14px;
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEgAAAAoCAYAAABdGbwdAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAhZJREFUeNrsmr1Kw1AYhk9KQEEQnXRxU2enzv4gyQW4iQreQBdBq5MgKC5egJt3UbDi7NQLiJO7FsG5vpFUa0w9Sc75zveR9MDLKdjCy5Ocx/wcbzAYKNej0+msYTpDtpG4QBc5CYIg8jxPMYzMPkjkuQQEMAuYLpBDpJH68xvSDMMwcghG28d3BGYKUys5SrNjvjaPXCE7Dirl7uMTg4nXy15ylJZy/GSLGEzhPj6xZ26Q9QI/myP2TOE+PgGYRUzXyG7GuuYYRn18i2CmE/MfITMCwFjp4zN4RgnzDB2gkp5RwjxjH1DVPGMNUFU9Ywyo6p4xAlQHz5QCVCfPFAJUR8/kAlRnz2gBAc4ypltuzwRBMHwYJKLPF6AEzlNyey8FDnuf4YhldykIjpLQJw1oUxAcxd0nC9BkaAB1OQvAgemH4l1pgNrIqyBI7H1+AYIDnjE3kUchkET0+b4YG33tg5L73BdmYRiOSpu9TyP1H+UO0ypyjnwIOIDsfca+OOS6WU2dQew3q9o3q64fd/wDiOVxh/ZIYNn1kA18PEBeBCy7HuKsT+5Tta5+KrV5gdJPOZaYUz8Z7e6g8FNJQGR+MqJdBz9ZOR2r7CfrG6hM/WS4xKz7iWyHWVk/EQAy8hPZFWlJP/WF+alPfsme+GkFOUbeNV+/d+Sn3H0mmzg1fTzGbcCn6mdP4gPSZt4G/KcPEn0KMADjePAguxNxywAAAABJRU5ErkJggg==');
    background-repeat: no-repeat;
    background-position: center;
    background-size: 22px auto;
}
.pagination a.pagination--first:hover {
    background-color: transparent;
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEgAAAAoCAYAAABdGbwdAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAh9JREFUeNrsmjFKxEAUhjMSUBCErbSx094ibC2KN7CKaOEFbARdbYUFGw9gZ2HnDYxYi0eIV9DFC8Q/kshuNjGZzHvzhk0GHgO6C7/f4reZeU8lSeLZXkqpHWzXqANUGiBCXSJL7Aks9f5YnicIY2UTEMCsY7tBnaKWCr/+Qg1tQgKY2jxWAAHMMraz7FNa++elT8hzaAFM4zysgABGYTvOPqXNBm+ZIM+AEYx2HjZAmWfuULs670MexegZ7Tw+A5gNbLeoo5L/awkBG+XxCcGspOZHnaNWHQBDkscX8Aw3GNI8voRnmJ9nSPP4vWcIAS2qZ4wBLbpnjAB1wTOtAHXJM1qAuuiZRoC67JlaQGCzhe1e2jP5OQxwnMjzmwWVhnlDDRyCI54nX6nsxq7AydbYFTg5oD2H4HjSecoA9asGUCQqQaWKN3aRa4BGqE+HIInnmQEEB3xgH6JeXYCUBKETef5yTd9JI+SJ9IPZtLTxlS+eZ+7SXvqoUfxWkz5qVHY1pA6rVV0NqcNqbdvH9nVHXdvH9nVH476YLT817YvZ8pNW49CGn3Qahzb81KqzyumnNp1VTj8ZtZ45/GTSeubwE0lvntJPFL15Sj+RDS9Q+YlqeIHKT+TTHaZ+op7uMPVTP/4iBailn1gHqFr4acL+yI4/+AHbNuoC9V3z8mf2PEGolacf4nRhiLPCT1eo/exHL6iR8BjwfJ4gjH8EGAATbCpv+pZLlAAAAABJRU5ErkJggg==');
}

.pagination a.pagination--last {
    color: transparent;
    display: block;
    width: 22px;
    height: 14px;
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEgAAAAoCAYAAABdGbwdAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAkJJREFUeNrcmr9Kw1AUxm9CoWuLSxc33Tt1Fh36IvoALhXB1T+DzyBY8R1a/IOzIDhLO7noEkUQOhm/m96Uom2T295z7kkOfEOaDB9fzvmlubmBGtcGdAbtQAF0Ax1Dz4q54jhW/X5/pp92u83uJzDhPEL1P+d+oAvoCHrnMtTr9TL9ICg2P6G5U/U553ahF6gDVZk8ZfpBh3WgKlcHfUC1HNe+mm660pNA2EHWftBRMWUH1XJeuw5dQvdQk/CmWftBNzUpA7KtLegJ6kIN5b8SPwipCzUoRmyV9vyGzg03Ro5GzIkfjN1IQkDO+bRiQM75FDrqRC4+WftZlU8hBQ/KxCdXI+aMT45GzBmfKANaik+EAS3Fp5CTB0XkU8jNg6LxiWPErPjEMGJWfPIV0Fw+eQpoLp98B5TWA7QHDcx6UCzBD0IaSAlImVWFFgIa6AMBISV+QiWn9BrQaXqAuxdI8COpg3RF6KC16R88d1IkqYNElrSA7gR1T+JH0ohFBtJDIeFEkiCtH6stSEo4iR88KIYVz0bSP2ZdIWOV+EEwEz++AnK+VEv1qsEdkP74d63G39neBAQz8YNgZvqpMM/1vvLwOXuRn6zP2RUfnJHAvWnO+AqoMJzhDqhwnOEMqJCc4Qio0JyhDKgUnKEIqFSccR1Q6TiTFdCnstuwRM0ZKz8uOLOo9Nv8bcY1X9ABtMkE4dx+qMNJO+hQjXeTitjEmccP5ybOdGFc7yzVC+bb5liv7J0ov9uA//nxsQ34V4ABAA0pONIOG5DKAAAAAElFTkSuQmCC');
    background-repeat: no-repeat;
    background-position: center;
    background-size: 22px auto;
}
.pagination a.pagination--last:hover {
    background-color: transparent;
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEgAAAAoCAYAAABdGbwdAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAjBJREFUeNrsmr1KA0EUhWeWQNqkS2MX+xRiLfEtrH0Bm4hg60/hMwhG4kv4g3VUsBZS2WijIgipvJ7ZJGbVbDaTzNy5uzhwkJAtDt/OfGZnRxOR0rdndaXUIbKOaOQc2aOVjXsVYGitJ/chYu+j1U3HlOki1V/ffSLHyC5APTPDmd6HiK1PNLxT1ZTvNpEHzLAWUmbqlN1H6xZS5ppBr/hbmeHaR3P3kFPMKPI4g+z7GE94nEGVGa9dQk6QK8ymhsebZt9H64ZPQLZjDbkDpDZSU+HHoI/WbaTmY4ktMj0/kCPjDSy7vqMl5qYPUV8CIOd+WhCQcz9FjmYil5/s+yzop8iLDwrkJ1dLzJmfHC0xZ37yCWguP3kENJefIlYf5NBPEbsPcuYnjiVm5SeGJWblp1CAUv0UCFCqnyIxPhjsSSn00kL8VJcAKOmDrhBI4z6AJAWQGu4BHYw+CIAU95EEyIxm8oMASE1pgMQNaYAuBfzL/9FHEqAXZEcQnLiPFEDXyCp+C/WEwBn0IeqVAheJf5gBTFvIzBn0IfruEwqQ861aX48a3IDMy78O0gKYJwFgxn2IJvYpMa/rrVCvs1P7ZLzOLoXwjAjvJTwTClBuPMMNKHee4QSUS89wAMq1Z3wCKoRnfAAqlGdcAyqcZ7IAvSmLA0sMnrHr48Az04Z5mr/IuOYd2UaWmSQ8ex/PcOKH5/9DnBl9EseAzYb5aE/Y7OztBz4G/LdPgGPAXwIMAIRpdBBcwqoLAAAAAElFTkSuQmCC');
}

/* Pagination */

/* Table */
.table-container {
    max-width: 100%;
    overflow: auto;
}
.table {
    border-collapse: collapse;
}
.table thead {
    background: var(--bs-gray-200);
}
.table th,
.table td {
    max-width: 400px;
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 10px 20px;
    white-space: nowrap;
}
.table tbody {
    font-size: 14px;
}
.table tbody tr:first-child td {
    padding-top: 25px;
}
.table tbody tr:last-child td {
    padding-bottom: 25px;
}
/* End table */

/* Tags */
.tag {
    background-color: #d6d6d6;
    border-radius: 8px;
    font-weight: 500;
    line-height: 28px;
    padding: 10px 10px;
    box-sizing: border-box;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    max-width: 100%;
}
.tag--blue {
    color: #0087FF;
    background-color: rgba(63, 112, 172, 0.15);
}
.tag--dark-blue {
    color: #183DB4;
    background-color: rgba(24, 61, 180, 0.125);
}
.tag--purple {
    color: #BF2CF5;
    background-color: rgba(172, 63, 167, 0.15);
}
.tag--green {
    color: rgb(0, 180, 123);
    background-color: rgba(0, 180, 123, 0.1089);
}
.tag--bright-green {
    color: rgb(12, 174, 0);
    background-color: rgba(12, 174, 0, 0.15);
}
.tag--orange {
    color: #FF670D;
    background-color: rgba(255, 103, 13, 0.125);
}
.tag--red {
    color: #FF0000;
    background-color: rgba(255, 0, 0, 0.15);
}
.tag--dark-red {
    color: white;
    background-color: #FF0000;
}
/* End tags */

/* Modal */
.modal-container {
    position: fixed;
    left: 0;
    top: 0;
    width: 100vw;
    height: 100vh;
    background-color: rgba(var(--bs-black-rgb), 0.5);
    z-index: 999;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: auto;
    padding: 0 12px;
    box-sizing: border-box;
}
.modal {
    border-radius: var(--bs-border-radius);
    background: var(--bs-white);
    width: 500px;
    padding: 20px;
    max-width: 100%;
}
/* End modal */

/* Typography */
small {
    font-size: 0.8em !important;
}
.lh-xs {
    line-height: 0.75 !important;
}
.lh-xl {
    line-height: 2 !important;
}
.lh-xxl {
    line-height: 2.25 !important;
}
.fs-small {
    font-size: 13px;
}
.text-orange {
    color: #FF670D;
}
/* End typography */

/* Animations */
@keyframes fade-out {
    0% {
        opacity: 1;
    }
    90% {
        opacity: 1;
    }
    100% {
        opacity: 0;
        display: none;
    }
}
.animate-fade-out {
    animation: fade-out 10s ease-out forwards;
}
/* End animations */

/* Extended utilities */
.bg-lightest {
    background-color: #f8f8f8;
}
.bg-light-red {
    background-color: #ffefef;
}
.bg-smooth-red {
    background-color: #ff5d5d;
}
.bg-gray {
    background-color: #f1f5f8;
}

.text-pre-wrap {
    white-space: pre-wrap;
    word-break: break-all;
}

.bg-lighter {
    background-color: #f1f1f1f1;
}
.fw-bolder {
    font-weight: 500 !important;
}
.h-1px {
    height: 1px;
}
.h-2px {
    height: 2px;
}
.h-5px {
    height: 5px;
}
.w-1px {
    width: 1px;
}
.w-2px {
    width: 2px;
}
.mh-500px {
    min-height: 500px;
}
.w-45 {
    width: 45%;
}
.w-46 {
    width: 46%;
}
.w-49 {
    width: 49%;
}
.mvh-50 {
    min-height: 50vh;
}
.mw-25 {
    min-width: 25%;
}
.mw-50 {
    min-width: 50%;
}
.mw-20 {
    min-width: 20%;
}
.mw-10 {
    min-width: 10%;
}
.top-1px {
    top: 1px;
}
.top-5px {
    top: 5px;
}
.top-10px {
    top: 10px;
}
.box-sizing-border {
    box-sizing: border-box;
}
.text-overflow-ellipsis {
    text-overflow: ellipsis;
}
ul.list-unstyled {
    padding: 0;
    margin: 0;
    list-style: none;
}
ul.list-unstyled > li {
    padding: 0;
    margin: 0;
}

a.active {
    pointer-events: none;
}

/* LEGACY MODAL */
.modal_bg_inp{
    display: none;
}
.modal_bg{
    display: none;
    position: fixed;
    z-index: 88;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgb(0 0 0 / 20%);
}
input.message_delete_inp:checked ~ .message_delete_mod{
    display: block;
}
input.accept_refund_inp:checked ~ .accept_refund_mod{
    display: block;
}
input.accept_dispute_inp:checked ~ .accept_dispute_mod{
    display: block;
}
input.message_delete_inp:checked ~ .message_delete_mod{
    display: block;
}
input.dispute_close_inp:checked ~ .dispute_close_mod{
    display: block;
}
.modal_bg_block{
    max-height: 96%;
    overflow-y: auto;
    position: absolute;
    z-index: 89;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    min-width: 290px;
    max-width: 700px;
    padding: 20px 25px;
    box-sizing: border-box;
    background: #fff;
    border-radius: 5px;
    box-shadow: 0px 4px 16px rgba(0, 26, 52, 0.16);
}
.modal_bg_block::-webkit-scrollbar { width: 2px; height: 2px;}
.modal_bg_block::-webkit-scrollbar-button {  background-color: #f0f0f0;border-radius: 2px; display: none; }
.modal_bg_block::-webkit-scrollbar-track {  background-color: #f0f0f0;border-radius: 2px;}
.modal_bg_block::-webkit-scrollbar-track-piece { background-color: #f0f0f0; border-radius: 2px;}
.modal_bg_block::-webkit-scrollbar-thumb { height: 10px; background-color: #c6c6c6; border-radius: 2px;}
.modal_bg_block::-webkit-scrollbar-corner { background-color: #f0f0f0;border-radius: 2px;}
.modal_bg_block::-webkit-resizer { background-color: #f0f0f0;border-radius: 2px;}

.modal_bg_title{
    font-weight: bold;
    font-size: 20px;
    line-height: 22px;
    text-align: center;
    margin: 0 0 20px 0;
}
.modal_bg_text{
    margin: 0 0 20px 0;
    text-align: center;
}
.modal_bg_buttons{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
}
.modal_bg_but_line{
    width: 48%;
}

a.modal_bg_but{
    display: block;
    padding: 0 30px 0 30px;
    height: 42px;
    border-radius: 4px;
    background-color: #1a1f23;
    font-size: 14px;
    color: #fff;
    font-weight: bold;
    line-height: 42px;
    text-decoration: none;
    text-align: center;
}
a.modal_bg_but:hover{
    background-color: #5e6369;
    box-shadow: 0px 3px 10px rgb(0 0 0 / 30%);
}
a.modal_bg_but.red{
    background-color: #ffd5d6;
    color: #e53d3c;
}
a.modal_bg_but.red:hover{
    background-color: #1a1f23;
    color: #fff;
}
/* END LEGACY MODAL */

/* ALERTS */
.alert {
    display: flex;
    min-height: 63px;
    position: relative;
}
.alert a {
    font-weight: 500;
}
.alert-symbol {
    color: white;
    font-weight: bold;
    font-style: normal;
    font-size: 25px;
    border-radius: 4px 0 0 4px;
    min-height: 64px;
    width: 50px;
    box-sizing: border-box;
    display: flex;
    justify-content: center;
    align-items: center;
}
.alert--success .alert-symbol {
    background-color: #42CCA6;
}
.alert--danger .alert-symbol {
    background-color: #F96D62;
}
.alert-text {
    flex: 1;
    font-size: 16px;
    border-radius:  0 4px 4px 0;
    margin: 0;
    min-height: 64px;
    padding: 22px 50px 22px 20px;
    box-sizing: border-box;
    text-align: left;
}
.alert--success .alert-text {
    background-color: rgba(31,181,169,0.165);
}
.alert--danger .alert-text {
    background-color: rgba(232,68,54,0.145);
}
.alert-close-button {
    border: none;
    cursor: pointer;
    background-color: transparent;
    width: 25px;
    height: 25px;
    position: absolute;
    right: 20px;
    top: calc(50% - 10px);
    background-repeat: no-repeat;
    background-position: center right;
}
.alert--success .alert-close-button {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAZCAYAAADE6YVjAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAK9SURBVHgBrVZdctJQFD7ndvTRYQl0BeIKSMqLDy3oBiRxA7AD2hVAN2BgBTLQcTrO1KQrMK5AlpCxb2pz/U6Sm8b0BpD6zYSQ+3O+e/4v0xa8CYMWXo4mHmi8SWv5bmWTTDETxVqpaNUdLrbJ4aaJ/k1wjtlRKZQowbPh/E0g7VTmNqmmxVXPP9+LBKdvY8NHyoUkKdOM9VG0Pnl3+2jt56Bzf8QjZu3gsy1kislduv6mkQQEHRCEckIN4XdEF5HrJ7QDr3GwZ0Qj1jSWg/0G0SfXjx+RFBqE2YlYeyv3/YL+EWc3wZiZpkIEjV4ZjZRZYAhgnvEhBIJ1z5/BAj7+tgp5VJJkTgaBmOjK9S/pCVi7/lzkiLzTcDEpSWC0IX43v4ieRGBwBF+SmEynYwdpoM7CwBNWrSm6rkWFoB/Op/3ww9AmDD7w+mEwrY8vJVhYiTatF6QGShF3ZeJe2bXQpL+R5nmdSAjg5AArYts+RWkW8kypo7TWWT5UQ66KwsZ+lagk2BKF0CYSubCQIz7pIHutBDaiQRgEuwgq2OBpKdoTQsTMc5zMwzPfJ8yxPjEkCT/UoEaIiWBaPAwy8pqCwQaQZGztXQTGROue59d91ITC37HC5gh/Wqdh4OwiMCayBUMdUgdFLkwbq1TzslCqa1vMil/anGyINKmOVQviUb5fRSyNCXXmuwz8YDrep+ruQqXY0urEP1Z/ZydN6D8gTbOSL8V2Lt9lqe9/Cb6SNKoDy7xBpdxvRAsZK/PkJ9NbktYKZ8pCOgBFkGQEkOeacVtnlNaLxkUznOByaSmadWR+TcncCZo7o4G00uemQ8rFASHOOVlsEe5AuFO5cMRikettPb4KlPAJ4tCjh0RNNHOcb8LVSGfj5U0mzRvehU1WI4mB2BnLuriRSD6YnJAwT3BxiFJWyztOb7eF/h+Z3WSoUqF8VwAAAABJRU5ErkJggg==");
}
.alert--danger .alert-close-button {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAZCAYAAADE6YVjAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAALpSURBVHgBrVbdUdtAEN69i02Y4cElmAqiVICogKECZE+eEhvUAVABJgYmM5lgUQF0gKggSgVxCXrIxNiKbrMr+xRHnH8C+WZkS6e7/W5/7lshLAGFQWPyS/uAsAdIPhA0eFguQISECBI0GNcvv9wss4OLXowP2yds9MgaZcqUn4cEkM5IPP6dvYMhW7rZ+Hh9shbJKAya2qhb3qU3NUw9hRjX+oOH6twf7wOvrtURFV5iU8hMZnY3P0XDhSSyqKbVvewewfRqGk6xF6WwAsXGciYDCPkxzXKzu3UVJU9IZKIyTEDQRENB/XJwA/+Ix24QIqgzIWKP3lqPlJ1gCYhM+BwCwet+1DNgWnzbULUiIlPb8jNLclNC9PoiOocXYLMfRRyeHt82x532cUnCOOAkD/MMXkRgUdPmFKQKEUI5BmrUbQfiBacnrlaFYNJtn00+tA5cxmStvK+OF8VChTeNLNN7SgPsyAuuCKcXOZhvpDCqEgkBh2EAhhLXOs5NUfIE5CsoDhWk8yU3D4mxJHOeyBIsq8LNiygWu5wQX8mhI3LvxkU07rYHqwgsWBWGIJUGa2JWNRHfBnxFa5U5YWpJUiz1aTEkRHyiA0u0qBhckJxwqWFzFUEZov51q5qjhY4Aeax9ieK7mJ8bo07grySYhchVDFVMWAfFLjuQKI10N3VJ7bgmc4m/cSXZEoFCD5wLlbQJ4LUxFo0pV99loK7N9jqquwp/xJZgoz/YVn+dzlwdw3+ANhgWKkIUyXMp9ZPD1lci9J4r8xaP3TbLPZyJFooXMlaek1zRPv+lksyfPBGeASkSS2Ay2rXjTzvjK7yVVipynWfm3CWaVUheM4MnHIkjadlZTu7OWO6mSBre257NV5zl+nzr6vMT6Rl13vlKGd9+cCBSkk9of2mPn8e4ExxzeQYzMgErA06JkBpUtIf5LxnqbVxEpy5bC0nK3XaDQPMZYhH1+GB5pVFRWP7m0prutKKHZaX/G/VemeoiO/VNAAAAAElFTkSuQmCC");
}
/* END ALERTS */

@media (min-width: 576px) {
    .formfield input:not([type="radio"]),
    .formfield textarea,
    .formfield select,
    .form div.select label,
    .formfield div.select label {
        max-width: 500px;
    }
    .pagination {
        gap: 14px;
    }
    .pagination--page.pagination--page {
        font-size: 13px;
        padding: 3px 9px 4px;
    }
    .pagination a.pagination--prev,
    .pagination a.pagination--next
    {
        display: block;
    }
    .pagination > li:nth-child(2),
    .pagination > li:nth-last-child(2) {
        display: initial;
    }
    .tag {
        white-space: nowrap;
    }
    .w-sm-25 {
        width: 25% !important;
    }

    .w-sm-50 {
        width: 50% !important;
    }

    .w-sm-75 {
        width: 75% !important;
    }

    .w-sm-100 {
        width: 100% !important;
    }

    .w-sm-auto {
        width: auto !important;
    }

    .mw-sm-100 {
        max-width: 100% !important;
    }

    .vw-sm-100 {
        width: 100vw !important;
    }

    .min-vw-sm-100 {
        min-width: 100vw !important;
    }

    .h-sm-25 {
        height: 25% !important;
    }

    .h-sm-50 {
        height: 50% !important;
    }

    .h-sm-75 {
        height: 75% !important;
    }

    .h-sm-100 {
        height: 100% !important;
    }

    .h-sm-auto {
        height: auto !important;
    }

    .mh-sm-100 {
        max-height: 100% !important;
    }

    .vh-sm-100 {
        height: 100vh !important;
    }

    .min-vh-sm-100 {
        min-height: 100vh !important;
    }
}

@media (min-width: 768px) {
    .w-md-25 {
        width: 25% !important;
    }

    .w-md-49 {
        width: 49% !important;
    }

    .w-md-50 {
        width: 50% !important;
    }

    .w-md-75 {
        width: 75% !important;
    }

    .w-md-100 {
        width: 100% !important;
    }

    .w-md-auto {
        width: auto !important;
    }

    .mw-md-100 {
        max-width: 100% !important;
    }

    .vw-md-100 {
        width: 100vw !important;
    }

    .min-vw-md-100 {
        min-width: 100vw !important;
    }

    .h-md-25 {
        height: 25% !important;
    }

    .h-md-50 {
        height: 50% !important;
    }

    .h-md-75 {
        height: 75% !important;
    }

    .h-md-100 {
        height: 100% !important;
    }

    .h-md-auto {
        height: auto !important;
    }

    .mh-md-100 {
        max-height: 100% !important;
    }

    .vh-md-100 {
        height: 100vh !important;
    }

    .min-vh-md-100 {
        min-height: 100vh !important;
    }
}

@media (min-width: 992px) {
    .w-lg-25 {
        width: 25% !important;
    }

    .w-lg-50 {
        width: 50% !important;
    }

    .w-lg-75 {
        width: 75% !important;
    }

    .w-lg-100 {
        width: 100% !important;
    }

    .w-lg-auto {
        width: auto !important;
    }

    .mw-lg-100 {
        max-width: 100% !important;
    }

    .vw-lg-100 {
        width: 100vw !important;
    }

    .min-vw-lg-100 {
        min-width: 100vw !important;
    }

    .h-lg-25 {
        height: 25% !important;
    }

    .h-lg-50 {
        height: 50% !important;
    }

    .h-lg-75 {
        height: 75% !important;
    }

    .h-lg-100 {
        height: 100% !important;
    }

    .h-lg-auto {
        height: auto !important;
    }

    .mh-lg-100 {
        max-height: 100% !important;
    }

    .vh-lg-100 {
        height: 100vh !important;
    }

    .min-vh-lg-100 {
        min-height: 100vh !important;
    }
}

@media (min-width: 1200px) {
    .w-xl-25 {
        width: 25% !important;
    }

    .w-xl-49 {
        width: 49% !important;
    }

    .w-xl-50 {
        width: 50% !important;
    }

    .w-xl-75 {
        width: 75% !important;
    }

    .w-xl-100 {
        width: 100% !important;
    }

    .w-xl-auto {
        width: auto !important;
    }

    .mw-xl-100 {
        max-width: 100% !important;
    }

    .vw-xl-100 {
        width: 100vw !important;
    }

    .min-vw-xl-100 {
        min-width: 100vw !important;
    }

    .h-xl-25 {
        height: 25% !important;
    }

    .h-xl-50 {
        height: 50% !important;
    }

    .h-xl-75 {
        height: 75% !important;
    }

    .h-xl-100 {
        height: 100% !important;
    }

    .h-xl-auto {
        height: auto !important;
    }

    .mh-xl-100 {
        max-height: 100% !important;
    }

    .vh-xl-100 {
        height: 100vh !important;
    }

    .min-vh-xl-100 {
        min-height: 100vh !important;
    }
}

@media (min-width: 1400px) {
    .w-xxl-25 {
        width: 25% !important;
    }

    .w-xxl-50 {
        width: 50% !important;
    }

    .w-xxl-75 {
        width: 75% !important;
    }

    .w-xxl-100 {
        width: 100% !important;
    }

    .w-xxl-auto {
        width: auto !important;
    }

    .mw-xxl-100 {
        max-width: 100% !important;
    }

    .vw-xxl-100 {
        width: 100vw !important;
    }

    .min-vw-xxl-100 {
        min-width: 100vw !important;
    }

    .h-xxl-25 {
        height: 25% !important;
    }

    .h-xxl-50 {
        height: 50% !important;
    }

    .h-xxl-75 {
        height: 75% !important;
    }

    .h-xxl-100 {
        height: 100% !important;
    }

    .h-xxl-auto {
        height: auto !important;
    }

    .mh-xxl-100 {
        max-height: 100% !important;
    }

    .vh-xxl-100 {
        height: 100vh !important;
    }

    .min-vh-xxl-100 {
        min-height: 100vh !important;
    }
}
.notify-circle {
    border-radius: 50%;
    background-color: #e53d3c;
    width: 3px;
    height: 3px;
    display: inline-block;
    position: absolute;
    margin-top: -2px;
    border: 2px solid transparent;
}
.notify-circle--bordered {
    width: 7px;
    height: 7px;
    border: 2px solid white;
}

.fs-normal {
    font-size: 14px;
}
/* End extended utilities */

.logotype {
    background-image: url("data:image/png;base64,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");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
    width: 413px;
    height: 44px;
    display: block;
    max-width: 100%;
}
.logotype-sm {
    width: 216px;
    height: 22px;
}
.pointer-events-none {
    pointer-events: none;
}
.cursor-pointer {
    cursor: pointer;
}

/* Icons refactored */
.icon {
    display: inline-block;
    mask-size: contain;
    mask-repeat: no-repeat;
    background-color: currentColor;
}
.icon-heart {
    width: 20px;
    height: 20px;
    mask-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAAXNSR0IB2cksfwAAAARnQU1BAACxjwv8YQUAAAAgY0hSTQAAeiYAAICEAAD6AAAAgOgAAHUwAADqYAAAOpgAABdwnLpRPAAAAAlwSFlzAAALEwAACxMBAJqcGAAAA3NJREFUWMPtl99rHFUUxz/n7tw72Zl7t2nMNnZFoi9WMP9A+1SIVilVqJYU/wLf6oN9qEgLFquiIrUKij6JCjW2UiS2NBJRBH8gKFWkYKGlNaHGFovZ3cbdtHt92MnupO6m2U2aFz1PM3fOOd/vPb/uHfivi7RYy6LdTsQ/CNwLshbvryD8ipdx5qLDMF1u7a4QoYs7Eb8lse0FfwXPafAnmSuPAn+3JxDmtlKrHUBY15ay5zJK9lIpfrJgPRNtQ6nnEPKLbHga8U9TKZ9smDU+afsE+FcQbMLtR2qMIX4U5ByIBwoIEbANpT21uW/rtvGTKPUiQtywheN4OYpwASQDDAAW5BFUOEOt+kOTVxBvwdhJjJ3C2F/IRA+35B/mHkLbU4neFKHbTeiearwb+zNhbmtLW+O2Y9zpRG+SIB6eT0GIsV8Dt+MpEZj7mf3zt7ZBtDZPhVGEe25IzRnmGIHSH+0z0DOICT4DYuAi1dKmDCb3OPjtiZd9VGa+WrRsq9WrROYE13gAoa8ecTlHlR2LgwNc+wsVFhGGAUemZwqMew9jp9DuuzZd0UbiAYwdxbiPIFrfUedp9309Fe7dAPx9ye5/AvzS/ZSnqTLSRet7qJ0CKYAfUiDzYTyzetNHJVhym8L7mfqzv2P1CPhCPRZ+RiGcTZaHVnECD80Xr0LU50lmNhBkN91y6CC7Ec+GJAITgnP9VPw3QARynmpxGJi9RfA9GDcB/i6QWYzfqCgWL+M5mBToIDp+HTYHK4+9OUDbQ3VwQOQ1SqVLzd4M3dupEfvWgnNi+ZJB2zcb/rV9p9XMMWj7fkrpDUCtALhC20Mpvx8App1yiLGHU8oHO5uOLafeq6nD6kOg52ZGWQJ7pGkUv9wlCcHELzX8BPYIkF2ibSHC2GNNEu6FjuGNez6182MwEHfmIJ+3GDeWcrJ/6eD22RT5MfJ5220OHcadSJHYtwTwvan0HQfcMou4txdtx5u5jPe0n3LxnlQBjwNrVqiNc31oO7HgKvav/nG7m9/tBKxZu7KDzLl+tP0ytcNdqQvtrtT6FzjXv5z/gkXEriOUj/H+7uQAO5B4eSZ5P0vIY5RudjXrmgBAtB6tjiIM3uDqPNXao1D+vbMx2bFcvUhwfQQvk6lL1gWC6zs6BV/mwdo7iIk/xbgxsn138r90Kf8AB9EIZGWNGesAAAAASUVORK5CYII=");
}
.icon-filled-heart {
    width: 20px;
    height: 20px;
    mask-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAAXNSR0IB2cksfwAAAARnQU1BAACxjwv8YQUAAAAgY0hSTQAAeiYAAICEAAD6AAAAgOgAAHUwAADqYAAAOpgAABdwnLpRPAAAAAlwSFlzAAALEwAACxMBAJqcGAAAAr9JREFUWMPtl89LVFEUxz/nvpk3Oj/MrKSCEDcVFAXtDNoqhAT9oEmopE0tg3Yt3BW0KPoP2rQJoRaRgYHVIjIwkhaSVBhFZUakzg+neW/mnRYz2ozMD8cZbVFned895/s9557zvffBv25SYq0ZfySKaA+wG2QjqrMIb1F5hBu8AzPJ0uG2B/HHo4h2531bQWdR3oAO4yYHgV/lCQRaDuN5VxHay1JWfmBkgHT8ftG6FezFmCsIWyokPIPoZdLJ4SW3pU/+8AXQ6wjhKjULAr0Yv+K5L3K+oYsYcw0hlN/llaluGOQIJhDDc179qYAv1I2RW2WcKpCRm4Cieim/4IL6K3hoHkPxtJ9MckSAAHb4ObC1znZyQO2q2zz1MGKAaZzEQQu7pQ/0aH3YJlsl88KqLVY5gtX0xYD2VJyJSqbqIOKinlUj43Q+QI8PdE/RCdXWAzaqqyiZ5gnrXgPS9hf0x5fPYJNBNfbXZFA1ZhCm1hXUKzgzkQ8GMY/XlYARWep21REhEtlMWkeB4LpkbxbHUFLY2mXhOAsY20M4tPZXn0iBdtwgFX+SGwfPeYkvsAvYuVgbEGlc5ihSoDLKQ5z4QPFllHWGMfZ+hM6GgucErhD8KW7iPJAtJgBZPGcIyz4AdKzRa+MZbuIckK78IPGFb2PoamwDMkomcQZIFQ1Fia0pMi1ngbEGwo+RCfUvBy9HAPi6wIbm0yDjDTiH8Vys0s+4as0WwY4Mgu5bpda+xklGgXhZXaoSIY5j9aFM1I7NBE6yrxL4SggAc3O45hTKZA3dP4lrRYH5qsq8soixnzRJFOX9CjJ/hy1RmJ9d7X9BBQu3E5B7qHaWAZ8iwHESie/1/JhUseA2/OYuslys5COOdwyS32q6HGsnsDCNL3sSlc8FmX/Clz1RK3h91tTagR0awo48oLltB/9tlfYbvhzjw5jPWfgAAAAASUVORK5CYII=");
}
.icon-flag {
    opacity: 0.85;
    width: 16px;
    height: 20px;
    mask-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAUCAYAAACEYr13AAAACXBIWXMAAA7DAAAOwwHHb6hkAAAAGXRFWHRTb2Z0d2FyZQB3d3cuaW5rc2NhcGUub3Jnm+48GgAAALtJREFUOI3t00FLAmEUheFHEYqQRMNFkBihCP71/o5CLiJTd1bE0KCTxOfmDszWaSPRWV24cO6B99xGSikhR9tp6mHcCAPYYo4lXvGBfewucYMh7jFFH0XVoI6KVgwZHjCJCwN0cYWEHd6xwQsWeIMyQYbOidd/cGj+Ij74N6DEeB2YnvCMFT6DjiDUDbyjwN1UwVhHa8zKBDluK0W6i+peRJG+I+Eqar7AVzVBnWfiLCj8AYMWHlHUdTgCbN8+j1YHRQgAAAAASUVORK5CYII=");
}
.icon-cart {
    width: 22px;
    height: 18px;
    mask-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACwAAAAkCAMAAADFCSheAAAAAXNSR0IB2cksfwAAAARnQU1BAACxjwv8YQUAAAAgY0hSTQAAeiYAAICEAAD6AAAAgOgAAHUwAADqYAAAOpgAABdwnLpRPAAAAXpQTFRFAFEA////Gh8lHCEnzs/Qt7m7qKqs/f394eLjd3p+GyAmNTk/YmVpvL2//v7+ISYsbnF1f4KG6erqPUFG19jZREhN8/T0JSov7O3tNjpAy8zNsrO1io2QLjI4w8TG3N3e6+zsUlVa/Pz8MDU6+/v7PkJHrK6wuru9xsfIdXh7k5aY+Pj4QERJZ2tv8vPzZWltzc7P1tfYOj9EXF9jaWxwS09Uq6yvjI+SZmpuj5GUlpibyMnL3t7fnqCjKzA1ZGdrhYiLMTY7SExRgoWIQkZLHiMpLzM5KS405OXlb3J2mZue09TVdHd6HyQq9PT1jpCTXWFlWFxg9/f3Iictm52g39/ggYSHP0NINDg+PEBFhIeKoaOl+fn5HSIoOT1CycrM6uvr6Ojp4uPk8fHx2tvcSU1RxMXH1dbXwcLEXGBkHiMo8PDw29zdUFRYo6Wo0NHTkJKVhoiMtLW3uLq7rrCyLDE2TFBV7e3u8vLyMjc8cnV57+/wKi80OT5DBuj6CQAAAAF0Uk5TAEDm2GYAAAAJcEhZcwAACxMAAAsTAQCanBgAAABlSURBVDjLxdJLDoAwCEXRl7v/RTtSY1N+CpFRUw5NA0icoTh4h9ufvktmMU48f+7bRU/iZAPKGH9y2U6vyX8wO0x6c5owVRzXO89YGAvHG5fA+oRVsaNRniv+jZ1iDKsL77txnQ9qxgPFyS5G4QAAAABJRU5ErkJggg==");
}
.icon-crown {
    mask-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACYAAAAkCAYAAADl9UilAAAAAXNSR0IB2cksfwAAAARnQU1BAACxjwv8YQUAAAAgY0hSTQAAeiYAAICEAAD6AAAAgOgAAHUwAADqYAAAOpgAABdwnLpRPAAAAAlwSFlzAAALEwAACxMBAJqcGAAABEpJREFUWMPtl09oXFUUxn/3znsv0857k7TYCa7UjVTqxoX1DxWDIMWN1J0oCkaLKBbq34poK7QIKtKmKLVaFIoi0oXFRSsKKi4EEZQaLOpCTSWQfziTSaeZyczc46KTmXNnMiYNaeLCs5q5777vfvec737nXQgzDxLGPxHGR4A0y4l07x2E8Y9EyackyRUsLyxR8gpRPExP8gyE8RmieJQoHiWM31oGYJYoHlYYR5ZFK8jsaWJEmRGLwTYfGnYQxo9dEmAUPwlsVBh3sy578yVh9GS2Y82u1oAJLIYJb5LhBdLxwBJreA0w2DFccweA1JIxxA4BRpGoWhzjHbV25gikr148W+E+IOgYN1xHmDywOKkr1xMGx0ASf1zyFtoydvFBljB4n02b4u6aSG4DuVONHEU42yInz0Lvhn/lFc68jmFz5/LkLWLGF3zJcC2F8mE/xc1IkZKXFdAU2fRBsC+qOX1Ebk/3CiY7MexY8JmQ9zUmTADfqF1vpyd5unOnmfsQtVNjX2NqaoZq8TuEk2qF+4niLZ3vZ2/COb2JMYSv1LoFi6uPqyxtZC71OMJIC1t205O9S4EkGPOc2sxZ5oofNf9XZT9woalXOOCzinPg3gYTzAsdcTsxpq5knrfYQGssIHEWYwaBUpOuuCGiZHPDHp7y7EHq+wDXgiiNYexhhbmVKLmniR/xDoZc6323l+qFH4ANfsaqc77GKpJjbuYXjN0NSGM0A7xHuP4GMA+pbJ6mNvttR6kqxaNgRlRJX4L+DFG8F7hRZfsE1dLxBlafrzHKE21m0d8AP4UxhxT4VZjUJyBhswTV+v4u0p7DuX3qfz9R6QPgYbX4z1TPP69kpDJm8xaYRZhpDjqV5srMG2A+V+RC9fsYlEe6nrpa6QtP0LBVHflpUuEjQLlJC3oVycJ8O5pQbPu9g9ub3oXwW9txniKbHlq8Laf2ArW2UYe1T1DOn/MOlO4U9qLBgjHKMlzOg5mcPE+1Ngim2GEPi0Vl+nfgXZ+WHKQ8/aXvaX2+Ec/SICaiLMP0d65Q/gNJ3YvIZxj7KnPFD5fcoHvXHWp2BOEktdLBjjl12jqEyweNmqqMSW7BBaqFM554lxqTk+eB7ZDJQWlswTmp2gZtOFBqaExUIxdyrHy4rqQAnOlTB2MWqNiOjC1Yysscokop5OdbBjjdyCXdOCWrSMypjEmhRSxlfJPtya5u1qxR5qozVin6baleza1yKfuUlFTGoAim0tpBsNo666Kxdi/rZhmXK4wqpXNtxLT7G9YuY8bk8S4SIuPqI3rL0m9KKxB12dhc21DwifnXuG04tq1eKb1e2q4x8yf/hTDhhE+st+djhF/XkJIgcppqYZguV7NwbXgNCHxd4/9YgfMADASE319PkEqvDZ1glNm//+okFiUnQG5dw0Q5jH2USvGU1d8UILescQUtIrf7dgEVnLzpNfPVN4xzIMcB/gGfEHE2A1zTowAAAABJRU5ErkJggg==");
    width: 18px;
    height: 19px;
}
/* End of Icons refactored */

/* === blackops-style.css === */

/* NULL */

HTML, BODY, DIV, SPAN, APPLET, OBJECT, IFRAME, H1, H2, H3, H4, H5, H6, P, BLOCKQUOTE, PRE, A, ABBR, ACRONYM, ADDRESS, BIG, CITE, CODE, DEL, DFN, EM, FONT, IMG, INS, KBD, Q, S, SAMP, SMALL, STRIKE, STRONG, TT, VAR, B, U, I, CENTER, DL, DT, DD, OL, UL, LI, FIELDSET, FORM, LABEL, LEGEND {margin: 0;padding: 0;border: 0;outline: 0;font-size: 100%;vertical-align: baseline;background: transparent;}
SUP, SUB {line-height: 1px;}
BODY {line-height: 1;}
UL {list-style: none;}
:focus {outline: 0;}
INS {text-decoration: none;}
DEL {text-decoration: line-through;}
input::-moz-focus-inner {border: 0;}
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary, .block {display: block;}
audio, canvas, video {display: inline-block;}
audio:not([controls]) {display: none;height: 0;}

[hidden] {display: none;}
.none, .hidden, .on980, .on760, .on320, .only980, .only760 {display: none;}

.clear, .clr {clear: both;}
hr.clear, hr.clr {padding: 0;margin: 0;height: 1px;overflow: hidden;border: 0;}
.clearfix:before, .clearfix:after, .clf:before, .clf:after {content: " ";display: table;}
.clearfix:after, .clf:after {clear: both;}
.clearfix, .clf {*zoom: 1;}

.alignright, .right { float: right; }
.alignleft, .left { float: left; }
.center { text-align: center; }
.centered, .aligncenter {
	display: block;
	margin: 0 auto;
	}

img.alignright, img.right {
	margin: 0 0 7px 20px;
	display: inline;
	}
img.alignleft, img.left {
	margin: 0 20px 7px 0;
	display: inline;
	}
a img {
	border: none;
	}
img {
	max-width: 100%;
	}

.entry img {
	height: auto;
	}

/* END NULL */


/* BASE */
html, body {
	height: 100%;
	}
body {
	color: #000;
	font-size: 15px;
	line-height: 20px;
	font-family: 'Roboto', sans-serif;
	background: #fff;
	text-align: center;
    display: flex;
    flex-direction: column;
	}
.wrap {
	width: 1366px;
	margin: 0 auto;
	text-align: left;
	}

input, textarea {
	color: #000;
	font-size: 15px;
	line-height: 20px;
	font-family: 'Roboto', sans-serif;
	}

a {
	color: currentColor;
	text-decoration: underline;
	transition: all 0.3s 0.02s ease;
	}

a:hover {
	color: #00B47B;
	text-decoration: none;
	}
a.disabled {
	pointer-events: none;
	cursor: default;
	background: #d8d8d8 !important;
	}

p, h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6, .title, .entry table, .entry form, .entry ul, .entry ol, .entry hr, blockquote {
	margin: 0 0 20px 0;
	}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6, .title {
	color: #000;
	font-weight: bold;
	}
h1, .h1, .title{
	font-size: 26px;
	line-height: 30px;
	}
h2, .h2{
	font-size: 24px;
	line-height: 28px;
	}
h3, .h3{
	font-size: 22px;
	line-height: 26px;
	}
h4, .h4{
	font-size: 20px;
	line-height: 24px;
	}
h5, .h5{
	font-size: 18px;
	line-height: 22px;
	}
h6, .h6{
	font-size: 16px;
	line-height: 20px;
	}

.entry ul, ul.list {
	padding: 0 0 0 20px;
	list-style: none;
	}

.entry ol, ol.list {
	padding: 0 0 0 25px;
	list-style: none;
	}

.entry ul ul, .entry ol ol, .entry ol ul, .entry ul ol, ul.list ul, ol.list ol, ol.list ul, ul.list ol {
	margin: 5px 0 0 0;
	}

.entry ol > li, ol.list > li {
	margin: 7px 0 7px 10px;
	list-style: decimal outside;
	}

.entry ul > li, ul.list > li {
	margin: 7px 0 7px 10px;
	list-style-type: disc;
	}

code {
	font: 1.1em 'Courier New', Courier, Fixed;
	}
acronym, abbr, span.caps {
	font-size: 0.9em;
	letter-spacing: .07em;
	cursor: help;
	}
acronym, abbr {
	border-bottom: 1px dashed #999;
	}
blockquote {
	padding-left: 20px;
	border-left: 5px solid #ddd;
	}
blockquote cite {
	margin: 5px 0 0;
	display: block;
	}

/* END BASE */


/* HEADER */

header {
	padding: 20px 0;
	}
.h_list{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
	}
.logo{
	min-width: 150px;
	padding: 0 0 0 0;
	}
.logo a{
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-items: flex-end;
	font-size: 32px;
	line-height: 14px;
	text-transform: uppercase;
	font-weight: bold;
	text-decoration: none;
	}
.logo img{
	vertical-align: bottom;
	}
.logo span{
	margin: 0 0 0 8px;
	}
.logo a:hover{
	color: #000;
	}

.h_search{
	width: 688px;
	}
.h_search_list{
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
	}
.h_search_list_l{
	flex: 0 0 215px;
	}
.h_search_list_r{
	width: 100%;
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
	}

.country_select{
	-moz-appearance: none;
	-webkit-appearance: none;
	appearance: none;
	background-color: transparent;
	background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB0AAAASCAYAAACnxdXaAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAT5JREFUeNpi/P//PwMjI6MgAwODCRA/APJvM1ARAM2WBVJaQHwBaPZLmLglEL8G4v9A/A+Ie0FqQY6hFANBIRD/gpr9FYgDoeIMp6GCyHgmpRYDQQ0Wc0GeYwJJvsMiSZHFQNCAw0wQBkUlwyo8Cki2GAia8Zh3Gha8YkB8nRoWA0E7HnOeA7E6WB1UMcjiK3g0zAHFBQELW/DofwHE2nC1SJrIthgI2gj4UAtFPZpmkiwGBTsQT8Cj/jEQq2A4EouribIYauEkPOoeYbMQq6VQiyWJSFwz8Mg/AGJFnPGPJ2GIE/AxLvwQiJXwJjoCKZJUi/H6kChLSbT4PhArEJWficz0hCy+BcQyRJdaJBRvuCy+CcTSJBWVJJaroFR9CslCEFuS1AqBEVYAk1ApswApC6ilJ4H6/5BasQMEGAAU3nPVkoFJVwAAAABJRU5ErkJggg==");
	background-repeat: no-repeat;
	background-position: right 14px center;
	background-size: 10px auto;
	padding: 0 25px 0 15px;
	margin: 0 0 0 0;
	width: 100%;
	height: 44px;
	border: 1px solid #d7d7d7;
	border-radius: 4px 0 0 4px;
	box-sizing:border-box;
	font-size: 15px;
	line-height: 20px;
	color: #000;
	font-weight: 500;
	cursor: pointer;
	}
input.search_inp{
	background: transparent;
	width: 100%;
	box-sizing: border-box;
	height: 44px;
	border: 0;
	padding: 0 15px 0 20px;
	margin: 0;
	border-top: 1px solid #d7d7d7;
	border-bottom: 1px solid #d7d7d7;
	font-size: 15px;
	line-height: 20px;
	color: #000;
	}

input.search_sub{
	flex: 0 0 44px;
	width: 44px;
	height: 44px;
	border: 0;
	padding: 0;
	margin: 0;
	border-radius: 0 4px 4px 0;
	background-color: #17191B;
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADcAAAA1CAYAAADlE3NNAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAABG9JREFUeNrUmmtsDUEUx2/Rh7rVqqBFQ1U96xHqFfFsfZCIEIJEIlESn6QJQiQeiUjEBwmfhCZtgsQHgqKCNrTKB48iTVNFUUKpItLqQ0uv/yRnk830zN7de/feO07yS3bP7s7Mf3dmd+ecifL5fJ4QWn8QR9ttoMsTRuvnYjmzwVIwHUwBw4FXOq8JfATPwBNwG7wLlbioIJ/cHJAH1oGkAMuoAedAEfjqqjohLgCWgfs+d+03OAVGBtimXji9IB3c8IXWOsBBEBOsOCfdcis4AeL9nNcD3oJXNL7ayT8AjADjQTro46ecarCRum3IumUsKPJzt3+BM2A1SLZRZjKde5auVVkrWBOqbhkPbllU/gnsAAlBdB9x7U7QqKijB2x3W1wcKFdU2AWOgAFuDX4q6yiVzQnMd0ucGIvnFMIawDwXRclkg3qFwA1uiNuvEFYJBoVQmHlMPmDqbwPTghEnnko3U3ApjUFPmBB1lTHtqKaXnGNx4ttSxxT4GHjDKMz8sqli2nM4EHG7mIJ+gNEREGaQBr4xH/pRTsR5SYhsayMozGA9065CJ+LymQJuaiDMoIT5F02xK66OefVmaSRuGrXJbAfsiJvBPLVijYQZXJXaWGt1vvHzupb57Tzt0c8KpP2JBGuGuEWSvxnc0lDcTfBd8i2xEidiHNmS/w74o6G4bnBX8s21EjcWxEj+ex59rULan2olLpPx12osTm5bupW4IYy/XmNxctsGggSVOO7AT43FcW2LU4nry/g7NBbXxvhiVOLa7d4JTYwLULWqxHGPOVFjcYlMtO2XShwXzh6jsbgMaf8DCWTFvWb8kzQWJ7ftpdWnQMTnGyT/Qo3FLZD2q/z9W96X/Dk2IsKRsL7UNrOV+xNXIvlTmEJ0sFwwVPosPPAn7hrzSdiqobgt0v5lxaesV66gUJoI/gGZGk1UJ4C/Uhtz7IYZpjDT+Asaibsste2p09DeFSbcsFwDYSsCicrJjgzQKRXyBaRGUNgwJgNUSfkMx+H0Q8xdqqCsT7iF9WfS079pCAWUK4gGDxmBl+hYuIRFM+PMR/nAoLI8IvfdxBR8w+WcnAovBYRle2mnO9pJPmZTysjHxAqzQvzKr7bI5p4EfdxIG+cqctZC9B6Xu6nIMO1V3FDZCuwItFPpfCbLYtgrsDlIkeLaPPDaIuHZzPhF5refG+tQRlOOTmVifB4Hi20mBmPp3BOKsW3YMRIghsFn5vhFq/UqTtahxIJ9YLcqZmGKv4i1I3Wg0RQCSDCtQ8miRW8qew+2SVHvcaAMpEnnllA6oNON5VGTKSHRE4LVQy30nfVa9KA3zHVl3Fs8mBfATFpY0+6CqPe0yGCwjXpHgBeKsTnQLXEGSWATOE+/anZMzDhqaEwttftqNzEUPGfKfWRebRHskkTOUmm9ZSpNLI05oxgTXyikUaOIPzqxZMr6zJL8Ym660o31lpE2EUq/LsVVWsmvZZzEibWA5aDU5Cs2Nv73J2cOHK2i7Svgr9j4J8AAVFQAZhFKAWEAAAAASUVORK5CYII=');
	background-repeat: no-repeat;
	background-position: center;
	background-size: 19px auto;
	cursor: pointer;
	transition: all 0.3s 0.02s ease;
	}
input.search_sub:hover{
	background-color: #3f3f3f;
	}


.h_info{
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-end;
	align-items: center;
	gap: 26px;
	}
a.h_cart{
	display: block;
	}
a.h_mess{
	display: block;
	width: 22px;
	height: 20px;
	background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAMAAAANIilAAAAAe1BMVEUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAD///+9xjqiAAAAJ3RSTlMAAgMEDxAZGxwfREpLVWRlZmdod32AiKqxu8TL3N3e3+Hk5fr7/P09bmCCAAAAAWJLR0QovbC1sgAAAPNJREFUSMftlusOQ0AQhVFFS4uy6tIqLfX+b1jpSu0Vu5E0kj0/2c/ZyZyR0TSlDWkfRMIKzIEtOwndIX3ppBR8YSAHg5XgPBFQTsBApD1AwV3h6ktR3S2oPj+TwxLUikpmSN7ZaTdjery++AmbtP+ZcuPJs0dNSbhuxsdVbJOoHVfj+6YmW4XdCbfHTfvKGH2mzjAqhV9lh4Q6yP4gL2GGl7ZI9UilbeoZ8/G0ogc9+lgPJ7PdX7aZat/cYCD2dHDmpwraMzOzaCSdMHTUb0jBCv4HnIksYdmaC40sHMjBZ7g+3mXY27B8mn4iLN9UC/+W9AEUca580fIl7AAAAABJRU5ErkJggg==");
	background-repeat: no-repeat;
	background-position:  center;
	background-size: auto 22px;
	}
a.h_course{
	min-height: 20px;
	display: block;
	padding: 0 0 0 30px;
	background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAYAAAA6/NlyAAAABmJLR0QA/wD/AP+gvaeTAAABsUlEQVRoge2au0oEMRRAz4qghYWghSKIj9Zq9TNcwd+wsF0bu8VCFPwSWytZcKtVrASxEre03hUE8VHMYrGTSDKTl+EeuMWESe49k4FJhoAgCIIgJEPD4r4msAPM+yunFh/APXADfNcZaB94Gg/yH+IW2Kwi2gDOEhCoEgNg0Va4nUDhdeLcRnYdeE+g6DrxrBKb1ggfADOK9h7QBz41/WLSnrheten8QPmJXbipyxuqWTZmqOi85LhA1xgJ677DqptNv9mxMKp5KkAhSSHCuSPCEWgBXWBEvYVGLZwPqOFEk8tVGBNCuKXJk61wV5PHq3DMhccQmHM85iSlmmMKu84hKy0VIpw7Ipw7Ipw7Ipw7ut+0IRhRXlr62pX9EnOG7yLmLhFit7SryZPt9hCgo8mVrTAUM32N+ud/Vvth13xRrlG2hyKcOyI8ZqRoW/ZZSCh0wi+KtiOPdQRDt5a+ArYm2g4pzmp1gTefRTnC6ljGGpkeavnrlT42fDipclml0ynxZ6pKDICFKsIAe8BjAhKm0Qc2dDI26+MmsA2sALMW/ULxSnG4tEchLgiCIAip8wP5UTc4J4XFxAAAAABJRU5ErkJggg==");
	background-repeat: no-repeat;
	background-position:  0 center;
	background-size: auto 22px;
	color: #7d7e83;
	font-weight: 500;
	line-height: 20px;
	text-decoration: none;
	position: relative;
	}
a.h_course:hover{
	color: #000;
	}
a.h_course2:before{
	content:"";
	display:block;
	position:absolute;
	z-index:1;
	bottom: -1px;
	left:50%;
	transform:translateX(-50%);
	height: 1px;
	width: 0;
	background: #000;
	border-radius: 2px;
	transition: all 0.3s 0.02s ease;
	}
a.h_course:hover:before{
	width: 100%;
	}

.h_name_block{
	position: relative;
	top: 2px;
	}
a.h_name{
	display: block;
	padding: 0 17px 0 0;
	background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB0AAAASCAYAAACnxdXaAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAT5JREFUeNpi/P//PwMjI6MgAwODCRA/APJvM1ARAM2WBVJaQHwBaPZLmLglEL8G4v9A/A+Ie0FqQY6hFANBIRD/gpr9FYgDoeIMp6GCyHgmpRYDQQ0Wc0GeYwJJvsMiSZHFQNCAw0wQBkUlwyo8Cki2GAia8Zh3Gha8YkB8nRoWA0E7HnOeA7E6WB1UMcjiK3g0zAHFBQELW/DofwHE2nC1SJrIthgI2gj4UAtFPZpmkiwGBTsQT8Cj/jEQq2A4EouribIYauEkPOoeYbMQq6VQiyWJSFwz8Mg/AGJFnPGPJ2GIE/AxLvwQiJXwJjoCKZJUi/H6kChLSbT4PhArEJWficz0hCy+BcQyRJdaJBRvuCy+CcTSJBWVJJaroFR9CslCEFuS1AqBEVYAk1ApswApC6ilJ4H6/5BasQMEGAAU3nPVkoFJVwAAAABJRU5ErkJggg==");
	background-repeat: no-repeat;
	background-position: right center;
	background-size: 10px auto;
	color: #000000;
	font-weight: 500;
	text-decoration: none;
	position: relative;
	cursor: pointer;
	}
a.h_name:before{
	content:"";
	display:block;
	position:absolute;
	z-index:1;
	bottom: -1px;
	left:50%;
	transform:translateX(-50%);
	height: 1px;
	width: 0;
	background: #000;
	border-radius: 2px;
	transition: all 0.3s 0.02s ease;
	}
a.h_name_mess:hover:before{
	width: 100%;
	}
input.h_name_label_tab:checked ~ label.h_name_label a.h_name_mess:before{
	width: 100%;
	}

a.h_name_mess:after{
	content:"";
	display:block;
	position:absolute;
	z-index: 1;
	top: -3px;
	right: 10px;
	width: 7px;
	height: 7px;
	background: #e53d3c;
	border-radius: 50%;
	}

.h_name_label_tab{
	display: none;
	}
.h_name_block_down{
	display: none;
	min-width: 200px;
	position: absolute;
	z-index: 77;
	right: 0;
	padding: 10px 0;
	background: #fff;
	border-radius: 4px;
	box-shadow: 0 3px 8px rgb(0 0 0 / 20%);
	}
.h_name_block:hover .h_name_block_down {
	display: block;
}
.h_name_block_down li{
	display: block;
	padding: 2px 10px;
	font-weight: 500;
	}
.h_name_block_down li.h_name_block_b{
	font-weight: 700;
	}
.h_name_block_down li.h_name_block_al{
	padding: 2px 10px 9px 10px;
	margin: 0 0 9px 0;
	border-bottom: 1px solid #d6d6d6;
	font-weight: 700;
	}
.h_name_block_down li.h_name_block_out{
	padding: 9px 10px 2px 10px;
	margin: 9px 0 0 0;
	border-top: 1px solid #d6d6d6;
	font-weight: 700;
	}

.h_name_block_down li a,
.h_name_block_down li button {
	font-weight: 700;
	font-family: "Roboto", sans-serif;
	cursor: pointer;
	background: none;
	border: none;
	display: block;
	padding: 6px 10px 6px 10px;
	border-radius: 4px;
	font-size: 15px;
	color: #000;
	text-decoration: none;
	width: 100%;
	box-sizing: border-box;
	text-align: left;
	}
.h_name_block_down li a:hover,
.h_name_block_down li button:hover {
	background: #17191B;
	color: #fff;
	}

.h_name_block_down li.h_name_block_al a{
	color: #e53d3c;
	}

.h_name_block_down li.active a,
.h_name_block_down li a.active
{
	pointer-events: none;
	background: #17191B;
	color: #fff;
	}


/* END HEADER */


/* MAIN NAV */

.main_nav{
	background: #17191B;
	margin: 0 0 20px 0;
	}
.main_nav_list{
	display: flex;
	justify-content: flex-start;
	align-items: center;
	}
.main_nav_cat{
	flex: 0 0 200px;
	}
.main_nav_cat__currency {
	flex: 0 0 auto;
}
.nav_main{
	width: 100%;
	}
.main_nav_course{
	flex: 0 0 200px;
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-end;
	align-items: center;
	cursor: pointer;
	position: relative;
	}
.main_nav_course__popup {
	display: none;
	margin-right: 25px;
	position: absolute;
	border-radius: 4px;
	background-color: #333b46;
	padding: 15px;
	text-align: right;
	white-space: nowrap;
	margin-top: 100px;
	z-index: 10;
}
.main_nav_course:hover .main_nav_course__popup {
	display: flex;
	flex-direction: column;
	gap: 5px;
}

.main_nav_course div{
	color: #fff;
	font-weight: 500;
	}
.main_nav_course div span{
	font-weight: bold;
	}
.main_nav_course_rel{
	display: block;
	width: 20px;
	min-width: 20px;
	height: 22px;
	margin: 0 0 0 10px;
	transition: all 0.3s 0.02s ease;
	background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAsCAYAAAAXb/p7AAAABmJLR0QA/wD/AP+gvaeTAAADGklEQVRYhe2YTUgVURiGv1MaVJoURaJhlBYkGgSVZBAFtal9izb9LVoULYIwQqIoSihIaREFkmVQG6F2YQUFtbEwKCtB4Qqakv1gWBJ59WkxZ+Q2nblzzr13dOMLohy+732f+T3fKDKrGRRQCBwD2oHPQBIYBh4DR4FFMwm3H/hKeg0DB6YbLB9ojgALqhnImw64ucA9Rzhft6cD8HyGcL5OxAm3DZgICX4AbAWW6t9PQ+rGgdq4AF+FhJ411CrgUkh9B6DiANwOjAbC7qepV8CdEMh9OQfUobXAiA4ZAAoi6ouAIQNgdyyAOnQj8A04Yll/MOQsbskVUBXwAegHdui1dUC+Zf884JMB8EYu4CrxtjBfY8DODHzOGAC/A3OygVsLDBqMnSG1l0nV2cCZLks2kB8NPlb3cdCoAu9+i9IYsMvB97rBo8UVrgxIWMD5+g3ssfQ+bOh/6QK3EuhzgPNldSaBTYbeXhfAjgzgfI0CyyL8S0x9UVypM9oa66P5XwUiUiwiXzTMQhHZnSZrqg9v2xsPrCeUUq9FRKY2bbyncnWgsEZEDgXWXohIa2BtTCl1N8XruIg0hR2NhYaVUstFUo5KKfUkWKUvQRCwWyl1MyJgMAs4EZEh/4+oN/kPw1qRRUCbiDS6EKVoQET2WlXiTS9BtdsmAVccH7Y+IHibpQ2oNJj0WBt4Hhcs4RLAKhdvARYDkwGjCWCBo0/YdO2rGyh1gksxTxgMazLwCTuTXUBxRnDauM1gejpDr7qAzxsiXvA2pvUGwGdZ+J3E+2x4BCzJCk4bbjYAJoEVDh6lQEPWMGkCeg2Q9Q7953TPVWL65GwwAPYD8y168/l3+G3KOSTeR1LSAFln0XvK0Hctp4A6qNUQNAJUpOkpx5sXg3oYB2A58McQ9hYoNNQXYJ4xk8D6nAPq0IuGQPB2gg0pddVAZ0jt5VjgdHAe8DwkeBJ4r3+C26OvTiwerGwhS/D+L+OqAaAsVrgUyHKgxwGuF5cxKkeQRcCtNJcTvMmnBbAZcmMDrcJ7+XYBv4CfwDugEaiaMbBZaf0FCg75gwzCVWoAAAAASUVORK5CYII=") no-repeat center / 20px auto;
	}
.main_nav_course_rel:hover{
	transform: rotate(180deg);
	}

.main_nav_cat > ul > li{
	position: relative;
	}
.main_nav_cat > ul > li > a,
.main_nav_cat > ul > li > label
{
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-items: center;
	box-sizing: border-box;
	height: 60px;
	padding: 0 10px 0 20px;
	background-color: #313C48;
	color: #fff;
	font-size: 14px;
	font-weight: bold;
	text-transform: uppercase;
	text-decoration: none;
	cursor: pointer;
	}
.main_nav_cat__currency > ul > li > a{
	padding: 0 30px 0 20px;
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB0AAAASCAYAAACnxdXaAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAASxJREFUeNpi/P//PwMQCAKxCRA/AOLbDNQFskCsBcQXgPglWARoqSUQv/4PAf+AuBeIGUGOoQIuBOJfULO/AnEg2JNA4vR/TDCTChbXYDEX5DkmkOS7/9gBJRY3/McNBEEKVuFRQI7FzXjMOw0LXjEgvk4li9vxmPMciNVhlsIsvoJHwxxQXBCwsAWP/hdArA1Ti6yJEovbCPhQC1k9umZSLQYF+wQ86h8DsQq6I7G5mliLQRZOwqPuETYLcVkKwpJEJK4ZeOQfALEirvjHlzDECfgYF3gIxEr4Eh2hLECqxXh9SKylpFh8H4gViMnPxJYyhCy+BcQyxJZapBRvuCy+CcTSpBSVpBbkoFR9CsnCU1AxksxhhFbipAAWILYAVcVAfBKI/5BqAECAAQDs0DU1N+gD6AAAAABJRU5ErkJggg==');
	background-repeat: no-repeat;
	background-position: right 15px center;
	background-size: 7px auto;
	background-color: #17191B;
}
.main_nav_cat > ul > li:hover > a {
	background-color: #313C48;
	}
.main_nav_cat:not(.main_nav_cat__currency) > ul > li > a:before,
.main_nav_cat:not(.main_nav_cat__currency) > ul > li > label:before {
	content: "";
	display: block;
	width: 18px;
	height: 17px;
	margin: 0 8px 0 0;
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACcAAAAhCAYAAABa+rIoAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAbVJREFUeNrslj1LA0EQhvcOkSgqGEEQtVIwaqUWptJSsNNSrLVRUDsFf4P4E9JYxX+gBC6lSmz8RCuDVibxC8FmfRdGCEf2bheWuSsceG6TzEx42b2ZHU9KKdJqbaHvWbAC5kAvqIMAHIEauzq1c8QqqMnWVie/4OTvw5o0s3VOcR4eI9jAa9BusNE/YBI8cJyqD7YNhQmK2+EsiAXLnKj4PFh0KW7IMmcYeKqWNOL2XYr7AhmLnE+NMEG/S5fvXMUyJyr+kP7TCepRsBRX4GzCPggM+1yZ4lmbcD84ixF2TnHsN4SiA+yCp5CoKtgDGe7ry2sxlag2oW6NPvAKHl1WoI15aR6ZfJFi+xfnahJWNkGTcJam3zK4SkRdU+nmQEnT40rkT2QSngWNmCas/HnuPteDDbwFAwYb/QLGwRtXQWwYChMUt8nZhC+wTlvkXIIpjU8NrqMuxX1g7bLI+QadGt8WOEiyz0nOPncHZixy7iN8RTp2Z+KOLcUVI3xVwtk71431BgwaxD9TK3nnaiWqIJZBIyZW+Ze4hIWvrzFworkdTsmf+CScA/NNk3BAx85uvwIMAGV5NbWR5U2oAAAAAElFTkSuQmCC');
	background-repeat: no-repeat;
	background-position: right center;
	background-size: 17px auto;
	transition: all 0.3s 0.02s ease;
	}
.main_nav_cat > ul > li:hover > a:before{
	width: 8px;
    transform: rotate(90deg);
	}

.main_nav_cat > ul > li > ul{
	display: none;
	position: absolute;
	z-index: 77;
	top: 100%;
	left: 0;
	width: 100%;
	background-color: #313C48;
	padding: 6px 0 6px 0;
	box-sizing: border-box;
	box-shadow: 0px 3px 8px rgb(0 0 0 / 20%);
	border-radius: 0 0 4px 4px;
	}
.main_nav_cat > ul > li:hover > ul{
	display: block;
	}
.main_nav_cat > ul > li > ul > li{
	padding: 0 12px 6px 12px;
	}
.main_nav_cat__currency > ul > li > ul > li{
}
.main_nav_cat > ul > li > ul > li > ul > li.nav_drop > a,
.main_nav_cat > ul > li > ul > li.nav_drop > a{
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAdCAYAAACnmDyCAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAASFJREFUeNpi+P//PwMQWwLxaSB+B8SrgFgMKk40BhGCQPz6Pyq4TqphIML1P3ZwhRTDQIQqEP+j1DAYo/c/bkCUYTAGIxDPJGCYJDEGEWMYKALEiTGIWJeJE2MQ2Ybh8jPIsDmkGIYvJphIMYxQ+iDGMEliDCLGsFNAzEJsXmIiEAE2TAzEgf9QjFueCNeAYnASNbw2AY8hN4kN7DY8htwCYmlior8FjyH3gViGmATZjseQB0CsQEwWacZjyEMgViQm0zYQcIkSMcVIDR5DHuFyCbpBhXgMeQzEKsQUtbJA/AuHIc+JMQSEQVlEC4hZsST7l0DsDMR3iMtEkDLlKxaXaJNaQYJwIFJtC6q61UmtshnBpkEAyJv8QPyegQwAEGAA34Yxo0TtoCsAAAAASUVORK5CYII=');
	background-repeat: no-repeat;
	background-position: right 10px center;
	background-size: 7px auto;
	}
.main_nav_cat > ul > li > ul > li > a,
.main_nav_cat > ul > li > ul > li > button
{
	cursor: pointer;
	display: block;
	padding: 7px 12px 7px 12px;
	border-radius: 4px;
	font-size: 15px;
	color: #fff;
	font-weight: 500;
	text-decoration: none;
	background: transparent;
	border: none;
	}
.main_nav_cat__currency > ul > li > ul > li > a,
.main_nav_cat__currency > ul > li > ul > li > button
{
	padding: 7px;
	text-align: center;
	width: 100%;
}
.main_nav_cat > ul > li > ul > li:hover > a,
.main_nav_cat > ul > li > ul > li:hover > button,
.main_nav_cat > ul > li > ul > li > a.active,
.main_nav_cat > ul > li > ul > li.active > a {
	background-color: #5e6369;
	}

.main_nav_cat > ul > li > ul > li.main_nav_cat_more{
	text-align: center;
	}
.main_nav_cat > ul > li > ul > li.main_nav_cat_more > span{
	border-top: 1px solid #5d646c;
	display: block;
	font-size: 15px;
	color: #fff;
	font-weight: bold;
	padding: 12px 0 10px 0;
	}
.main_nav_cat > ul > li > ul > li.main_nav_cat_more > a{
	display: block;
	padding: 7px 12px 7px 12px;
	border-radius: 4px;
	font-size: 15px;
	color: #fff;
	font-weight: bold;
	text-decoration: none;
	background-color: #17191B;
	}
.main_nav_cat > ul > li > ul > li.main_nav_cat_more > a:hover{
	background-color: #5e6369;
	}


.main_nav_cat > ul > li > ul > li > ul,
.main_nav_cat > ul > li > ul > li > ul > li > ul {
	display: none;
	position: absolute;
	z-index: 77;
	top: 0;
	left: 100%;
	width: 100%;
	min-height: 100%;
	background-color: #313C48;
	box-sizing: border-box;
	padding: 15px 0 15px 0;
	border-left: 1px solid #5d646c;
	box-shadow: 0px 3px 8px rgb(0 0 0 / 20%);
	border-radius: 0 0 4px 4px;
	}
.main_nav_cat > ul > li > ul > li:hover > ul,
.main_nav_cat > ul > li > ul > li > ul > li:hover > ul {
	display: block;
	}
.main_nav_cat > ul > li > ul > li > ul > li,
.main_nav_cat > ul > li > ul > li > ul > li > ul > li{
	display: block;
	padding: 0 12px 6px 12px;
	}
.main_nav_cat > ul > li > ul > li > ul > li:first-child,
.main_nav_cat > ul > li > ul > li > ul > li > ul > li:first-child{
	padding: 0 12px 13px 24px;
	font-size: 18px;
	color: #fff;
	font-weight: bold;
	}
.main_nav_cat > ul > li > ul > li > ul > li > a,
.main_nav_cat > ul > li > ul > li > ul > li > ul > li > a{
	display: block;
	padding: 7px 12px 7px 12px;
	border-radius: 4px;
	font-size: 15px;
	color: #fff;
	font-weight: 500;
	text-decoration: none;
	}
.main_nav_cat > ul > li > ul > li > ul > li > ul > li > a:hover,
.main_nav_cat > ul > li > ul > li > ul > li > ul > li.active > a,
.main_nav_cat > ul > li > ul > li > ul > li > ul > li > a.active,
.main_nav_cat > ul > li > ul > li > ul > li > a:hover,
.main_nav_cat > ul > li > ul > li > ul > li.active > a,
.main_nav_cat > ul > li > ul > li > ul > li > a.active {
	background-color: #5e6369;
	}


.adapt_menu_inp{
	display: none;
	}
.adapt_menu_but{
	display: none;
	}
.adapt_menu{
	display: block;
	margin: 0 0 0 0;
	width: 29px;
	height: 20px;
	position: relative;
	z-index: 77;
	cursor: pointer;
	transition: all .3s ease-in-out;
	}
.adapt_menu span{
	position: absolute;
	left: 0;
	top: 0;
	display: block;
	width: 100%;
	height: 1px;
	background: #fff;
	transition: all .2s ease-in-out;
	}
.adapt_menu span:nth-child(2){
	top: 10px;
	left: auto;
	right: 0;
	width: 83%;
	transition: all 1.1s 0.02s ease;
	}
.adapt_menu span:nth-child(3){
	top: 19px;
	}
input.adapt_menu_inp:checked ~ .adapt_menu_but .adapt_menu span{
	top: 10px;
	}
input.adapt_menu_inp:checked ~ .adapt_menu_but .adapt_menu span:nth-child(1){
	transform: rotate(45deg);
	}
input.adapt_menu_inp:checked ~ .adapt_menu_but .adapt_menu span:nth-child(2){
	opacity: 0;
	width: 100%;
	transform: rotate(360deg);
	}
input.adapt_menu_inp:checked ~ .adapt_menu_but .adapt_menu span:nth-child(3){
	transform: rotate(-45deg);
	}


.nav_main > ul{
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-items: center;
	}
.nav_main > ul > li{
	display: block;
	padding: 0 2px;
	position: relative;
	}
.nav_main > ul > li > a{
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-items: center;
	box-sizing: border-box;
	height: 60px;
	padding: 0 20px 0 20px;
	color: #fff;
	font-size: 15px;
	font-weight: 500;
	text-decoration: none;
	}
.nav_main > ul > li.nav_drop > a{
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB0AAAASCAYAAACnxdXaAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAASxJREFUeNpi/P//PwMQCAKxCRA/AOLbDNQFskCsBcQXgPglWARoqSUQv/4PAf+AuBeIGUGOoQIuBOJfULO/AnEg2JNA4vR/TDCTChbXYDEX5DkmkOS7/9gBJRY3/McNBEEKVuFRQI7FzXjMOw0LXjEgvk4li9vxmPMciNVhlsIsvoJHwxxQXBCwsAWP/hdArA1Ti6yJEovbCPhQC1k9umZSLQYF+wQ86h8DsQq6I7G5mliLQRZOwqPuETYLcVkKwpJEJK4ZeOQfALEirvjHlzDECfgYF3gIxEr4Eh2hLECqxXh9SKylpFh8H4gViMnPxJYyhCy+BcQyxJZapBRvuCy+CcTSpBSVpBbkoFR9CsnCU1AxksxhhFbipAAWILYAVcVAfBKI/5BqAECAAQDs0DU1N+gD6AAAAABJRU5ErkJggg==');
	background-repeat: no-repeat;
	background-position: right 15px center;
	background-size: 7px auto;
	padding: 0 30px 0 20px;
	}
.nav_main > ul > li > a.active,
.nav_main > ul > li:hover > a,
.nav_main > ul > li.active > a,
.nav_main > ul > li > a.active {
	background-color: #313C48;
	}

.nav_main > ul > li > ul > li > ul,
.nav_main > ul > li > ul{
	display: none;
	position: absolute;
	z-index: 77;
	top: 90%;
	left: 50%;
	transform: translateX(-50%);
	width: 200px;
	background-color: #313C48;
	padding: 6px 0 6px 0;
	box-sizing: border-box;
	box-shadow: 0px 3px 8px rgb(0 0 0 / 20%);
	border-radius: 4px;
	}
.nav_main > ul > li > ul > li:hover > ul,
.nav_main > ul > li:hover > ul{
	display: block;
	}
.nav_main > ul > li > ul > li{
	display: block;
	padding: 2px 10px;
	}
.nav_main > ul > li > ul > li > a{
	display: block;
	padding: 6px 10px 6px 10px;
	border-radius: 4px;
	font-size: 15px;
	color: #fff;
	text-decoration: none;
	font-weight: 500;
	}
.nav_main > ul > li > ul > li > a:hover,
.nav_main > ul > li > ul > li.active > a,
.nav_main > ul > li > ul > li > a.active
{
	background: #5e626b;
	}

/* MAIN NAV */


/* HOME */

#content{
    flex: 1 0 auto;
	margin: 0 0 40px 0;
	}

.container{
	padding: 25px;
	margin: 0 0 30px 0;
	border: 1px solid #e1e1e1;
	border-radius: 4px;
	}

.notyf_cb{
	display: none;
	}
.notyf_bl{
	padding: 20px 60px 20px 70px;
	margin: 0 0 20px 0;
	position: relative;
	background: #daf3f0;
	border: 1px solid #6bb09d;
	border-radius: 4px;
	font-size: 16px;
	font-weight: 500;
	}
input.notyf_cb:checked ~ .notyf_bl {
	display: none;
	}

.notyf_bl:before {
	content: " ";
	display: block;
	width: 48px;
	height: 100%;
	border-right: 1px solid #6bb09d;
	background: #4fbe9e url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAoCAYAAADOvcv6AAAABmJLR0QA/wD/AP+gvaeTAAAAXElEQVRIiWNgoDdgxCf5/////7jkmMi1cVTjqMbhovEjuRof0l3jA7rbOIicireUY2BgYPj///9XBgYGLlJtxGkrMTaqMzAw8BJhAY0BoSpgA7kaR+uOoaGR/gAA69wbCYCBLUAAAAAASUVORK5CYII=") no-repeat center / 7px auto;
	border-radius: 4px 0 0 4px;
	position: absolute;
	top: 0px;
	left: 0px;
	}

.notyf_close{
	display: block;
	width: 27px;
	height: 27px;
	position: absolute;
	z-index: 1;
	top: 50%;
	right: 19px;
	transform: translateY(-50%);
	background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADYAAAA2CAMAAAC7m5rvAAABv1BMVEUAAAAA//+AgIBAv4BmzJlVqqpJtpJAv59Ns5lGuaJVv5VVuJxRvKFNv5lJwp5RuaJOup1MvaFPwZ5Nu6JKvZxQv59PvJ5NvqBPwZ9OvKFMvp1QvqBOv51NvJ9QvaFNv59MvKFPvZ5OvqBNv51PvJ9OvaBNvp5Qv59NvZ5Pv55OvJ9NvaBPvp5Ov59PvZ9Nvp5PvaFOvp9Pv55OvZ9NvqBPv55Ov6BNvZ9PvqBOv55Nv59PvZ9Ovp5Pv6BOvZ5Ovp9Ov6BNvZ5Pvp9OvqBNv59PvZ9Ovp9OvZ5Ovp9NvqBOv59OvZ9Nvp5Pvp9Ov6BOvp9Pvp9OvqBOv59Nvp9NvaBOvp9NvqBPvZ9Ovp9Ovp5Pvp9Ovp9OvZ9Nvp9Ovp5Ov59OvaBNvp9Ovp9Ovp9Pvp9Ov59OvqBOvp9Ov55Ovp9Ovp9Ov59OvqBOvp9Ovp9Ovp9OvZ5Ovp9Ovp9Ovp9PvqBOvp9NvZ5Ovp9Ovp9Ovp9OvZ9OvqBOvp9Ovp9Ovp9Ovp9Pvp9Ovp9OvqBOvp9Nvp9Ovp9Ovp9Ovp9Ovp9Ovp9Ovp9Ovp9Ovp9Ovp9Ovp9OvqBOvp9Ovp9Ovp9Ovp////+NaxWzAAAAk3RSTlMAAQIEBQYHCAoLDBITFBUWGhsdHh8gKistLi8zNDU2ODk6Ozw9Pj9AQkRFRkdITU9RUlRVVldbXV5fYHh5e3x9g4SFhoeIioyNjo+QkZKTlJWWl5ibnZ6foKGipKeoqaqztbe4ubq7vb7AwcLDxMfNzs/Q0dPU1tfY2drb3N3e3+Dh6+zt7u/x9PX29/j5+vv8/f4Mof0xAAAAAWJLR0SUf2dKFQAAAttJREFUSMfFlldDE0EQgIcWUFQ0IopRE6QjIGJBxEaJihIiIkWMiBIExYYiEFSaHJcEUbjvD/uQdpdcLtEX52ln9r7d2Sl7K/Lf5eg179RX5dcvZXnK2340O6b05iIGWbp1LCN0YmyXFNmbOG0JlYxqkQ9DH3wet9vj+xiO6NqTkvTUJQWAlc7K/JipoKprFYCty2mg/IcATNfnGO05DTMAPCowo/a9BFisM5urXwLw7zeh3gHanQJzT2z3NOB9Cpf/Egg2pz93SwjwJ686AGw6raJcoQADRttFIHTWOqVngsAVQ74U0JozlUKLBsohnWEUuJO57nqB4YR6UoPFgsyYLQBaeVwdB+qyKfMGYDxe87swnV17vIa90uj4JlCvc3nEof/SMZJwSxqBG9HxIqzo6nAYVZdAp8pQQstdg4VoLwO39curOs6pouo37wbsIiJyDajUu+VUUV2RoUs1bC1SA7SLiEg/hIzRj3MplNjC4BERkVfwISlgDoVgtRkl8gn8IiLyHXzJgXapqC5XwlnR5/ibiIj8iG2bzJlR0g8bIiKyA12piXUopHoYCeVPC8ylQrDaAvtHJ/86JF9jCfhoQjnjeTDIZ5iMbRvOPt3b0BcvriqTvXR5T0gt0CYiInagUzdzyqqUe4AjkeECrGbbOOswHx3fABoSU+VDxjYd0rVpE9ChuxRmsrsU3sCuPab4jLdCemkCnibc0mDJlpkqXIa9soQ+BNzNjPUBgzr94CZoLZmoVg02ivWWZg3CldaUM5i6tgdQKqyoyi3gfvJv8QUQsvCzNQxM5CWbi94CWm+aeBY+0IDZotSZohcAgQbTfC0DTBSZPjA8ALw+l2u05zbOAmj389L4f+EHAGvdNfH+s9X2rAOwcT79uQ883os8lrbnnnndbu/43Hb01TVYbJmc42O/TZ5qz8syVpD9+hcjNN9hz649jlz1+AObOzubgcm+tsP//1n8B1OfW6t1zdatAAAAAElFTkSuQmCC") no-repeat center / 27px auto;
	cursor: pointer;
	transition: all 0.3s 0.02s ease;
	}
.notyf_close:hover{
	opacity: 0.7;
	}


.quick_search{
	border: 1px solid #e1e1e1;
	border-radius: 4px;
	padding: 20px 10px 10px 10px;
	margin: 0 0 20px 0;
	}
.quick_search_list{
	display: flex;
	justify-content: space-between;
	align-items: center;
	}
.quick_search_b{
	padding: 0 10px 10px 10px;
	}
.quick_search_b_text{
	font-size: 15px;
	font-weight: 500;
	}
.quick_search_b_inp{
	width: 280px;
	}
.quick_search_b_sel{
	width: 215px;
	}
.quick_search_b_sub{
	width: 130px;
	}


.line_f_select{
	border: 0;
	-moz-appearance: none;
	-webkit-appearance: none;
	appearance: none;
	background-color: transparent;
	background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB0AAAASCAYAAACnxdXaAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAT5JREFUeNpi/P//PwMjI6MgAwODCRA/APJvM1ARAM2WBVJaQHwBaPZLmLglEL8G4v9A/A+Ie0FqQY6hFANBIRD/gpr9FYgDoeIMp6GCyHgmpRYDQQ0Wc0GeYwJJvsMiSZHFQNCAw0wQBkUlwyo8Cki2GAia8Zh3Gha8YkB8nRoWA0E7HnOeA7E6WB1UMcjiK3g0zAHFBQELW/DofwHE2nC1SJrIthgI2gj4UAtFPZpmkiwGBTsQT8Cj/jEQq2A4EouribIYauEkPOoeYbMQq6VQiyWJSFwz8Mg/AGJFnPGPJ2GIE/AxLvwQiJXwJjoCKZJUi/H6kChLSbT4PhArEJWficz0hCy+BcQyRJdaJBRvuCy+CcTSJBWVJJaroFR9CslCEFuS1AqBEVYAk1ApswApC6ilJ4H6/5BasQMEGAAU3nPVkoFJVwAAAABJRU5ErkJggg==");
	background-repeat: no-repeat;
	background-position: right 14px center;
	background-size: 10px auto;
	padding: 0 25px 0 15px;
	margin: 0 0 0 0;
	width: 100%;
	height: 44px;
	border: 1px solid #d7d7d7;
	border-radius: 4px;
	box-sizing:border-box;
	font-size: 15px;
	line-height: 20px;
	color: #000;
	font-weight: 500;
	cursor: pointer;
	}
input.line_f_inp{
	width: 100%;
	box-sizing: border-box;
	height: 44px;
	padding: 0 15px 0 20px;
	margin: 0;
	border: 1px solid #d7d7d7;
	border-radius: 4px;
	font-size: 15px;
	line-height: 20px;
	color: #000;
	}
textarea.line_f_textarea{
	width: 100%;
	box-sizing: border-box;
	height: 300px;
	padding: 20px;
	margin: 0;
	border: 1px solid #d7d7d7;
	border-radius: 4px;
	font-size: 15px;
	line-height: 20px;
	color: #000;
	resize: none;
	}
textarea::-webkit-scrollbar { width: 3px; height: 2px;}
textarea::-webkit-scrollbar-button {  background-color: #f0f0f0;border-radius: 2px; display: none; }
textarea::-webkit-scrollbar-track {  background-color: #f0f0f0;border-radius: 2px;}
textarea::-webkit-scrollbar-track-piece { background-color: #f0f0f0; border-radius: 2px;}
textarea::-webkit-scrollbar-thumb { height: 10px; background-color: #c6c6c6; border-radius: 2px;}
textarea::-webkit-scrollbar-corner { background-color: #f0f0f0;border-radius: 2px;}
textarea::-webkit-resizer { background-color: #f0f0f0;border-radius: 2px;}

input.line_f_sub{
	box-sizing: border-box;
	width: 100%;
	height: 44px;
	border: 0;
	padding: 0 20px;
	margin: 0;
	border-radius: 4px;
	background-color: #17191B;
	cursor: pointer;
	transition: all 0.3s 0.02s ease;
	font-size: 14px;
	color: #fff;
	font-weight: 500;
	}
input.line_f_sub:hover{
	background-color: #3f3f3f;
	}


.main_title{
	color: #000;
	font-weight: bold;
	font-size: 27px;
	line-height: 30px;
	margin: 0 0 22px 0;
	}


.main_top_shop{
	margin: 0 0 30px 0;
	padding: 15px 0;
	background: #fff;
	box-shadow: 0 0 10px rgb(0 0 0 / 11%);
	border-radius: 4px;
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-items: flex-start;
	}
.main_top_shop_b{
	box-sizing: border-box;
	width: 25%;
	padding: 10px 0;
	border-right: 1px solid #e1e1e1;
	}
.main_top_shop_b:nth-child(4n+4){
	border-right: 0;
	}
.main_top_shop_bc{
	width: 230px;
	margin: 0 auto;
	}
.main_top_shop_img{
	margin: 0 0 25px 0;
	border-radius: 4px;
	display: flex;
	justify-content: center;
	align-items: center;
	height: 230px;
	}

.main_top_shop_img img{
	border-radius: 4px;
	vertical-align: bottom;
	}
.main_top_shop_title{
	margin: 0 0 14px 0;
	text-align: center;
	font-weight: 500;
	font-size: 15px;
	}
.main_top_shop_title a{
	text-decoration: none;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
}


.main_top_shop_rating{
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	margin: 0 0 10px 0;
	}
.main_top_shop_rating span{
	display: block;
	margin: 0 0 0 5px;
	width: 16px;
	height: 16px;
	background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADYAAAA2CAYAAACMRWrdAAAACXBIWXMAAAsTAAALEwEAmpwYAAAEIElEQVRoge2aX4hVVRjFf9cSS9OxvxY0WLNUSK2gpF6kl8wQih7CoXoKKuqhrCmLoaeCIuY1CsqHQjJ6MKSooGAgCCKkEiMSae7KIiooa0bLaTSd28O+U9c798/Z+55zHKMFhxnO2d9e3zprn32/fc6u1Go1/ouYVxaR7X7b/WXxnVkWETAM1IAHyyCrlDEUbV8CmDBCJOmHojnLGorDwNnAAuDxMggLd8z2xcA3BGEAUwTXfiyStwzHnuBfUQBnAY8VTVqoY7aXEdxa2HRpChiQ9FNR3EU7tpXZoiC4NlQkcWGO2T4f+BY4p02TIwTXfi6Cv0jHttJeFMAi4JGiyAtxrO7WAWBxl6Z/EFz7Je8cinJsiO6iIDi6pYgEcnfMdh/h2VqaMeQwcLmk3/LMowjHHiW7KIAlFOBaro7V3ToAnBsZegi4TNJEXrnk7djDxIsC6AMeyjOR3ByzvYTg1nmJXUwQnrWJPPJJEmZ7AbACWFX/uxK4Frimx3z2AJ8DY0AV+BqoSjoa21FbYbbnA/3AQMOxBlgNLAfOSMk8EePAPuArQu05c+yT9GergEq1Wh0g3PGVBAdm/l9OuSvsFBwHviM4PEZweAwYq1Sr1QeAFynx/UfBqAFDlVqthu37gJc4/cXVgC2SXvjnGbN9F7CduT/82mEauFfSq9A0edi+A3iN00/cCeAeSdtnTsyaFW1vBl4H5pebWzJOAHdL2tF4suV0b/sW4E3CW6W5jGPAnZJ2NV/o9Du2CdhFWMbPRRwDBiW93epix8rD9kbgLU5+yzQXcBTYLOmddg26llS2bwDeJdvCsQxMArdJGu3UKFOtaHs98B5h7XQqcQS4VdKH3RpmLoJtrwM+IL167xWHgE2SPsnSOHOlIekz4Cbg18TEesEEcHNWURBZQknaA2wADsbl1RPGgY2SdscERdeGkvYCb8TG9YAdkj6NDUotetckxqVgdUpQqrC1iXGlcUULs30BcFEKWSKW2b4wNijFsasSYnpFtGspwsochsmcKcLKnDiSOf93rAFJ02+PWGu7EhMQJay+s2ZpTEwDputHCvqAS2MCYh1LHYajwDrgSmAn4W1SLKKes9iXNrHCPgaelPRRw7lB29cDzwI3RnK/n7VxrGNZ79qXhGX7+iZRAEjaLWkDYbWQtQ6McizvobgfGASulrSzW2eSRiVdRxD4RY/cJyFmoTmP8Fl1UYvL3wPPAK9IOh6TQFP/twPPAWrRZBJYLCnTBBTjmJgt6iBhA9gqSdtSRQFImq67fAVwP9C8a2ch4YtPJsQIaxwKvwMjIR+NSJqK6KcjJP0laRvhu9swYaHZKoeOiBU2CTwf+DUs6XBEfBQkTUoaIYyUpwk3M7OwmOl+L7CiyI1drSBpHHjK9suE38JMKGWH6anA31cmQkfyp+rJAAAAAElFTkSuQmCC");
	background-repeat: no-repeat;
	background-position: center;
	background-size: 16px auto;
	}
.main_top_shop_rating span:first-child{
	margin: 0;
	}
.main_top_shop_rating span.active{
	background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADYAAAA2CAMAAAC7m5rvAAABlVBMVEUAAAD//wD//4D/v0D/zDP/20nfv0DjxlXmzE3tyEnuzETvz1Dw0kvx1UfyyVHyzE3zzknz0Ub0007qykrrzEfrzk7s0Eztykbwy0vxzUfxz0ztzknt0Efvz0rv0EnwzE3wzUvwzkrxz0jxzErtzkzuzEjvzkrv0EvwzUnwzkvw0EnxzUvtzUruzknuzUruzUnvz0rvz0nvzUzvzUvwz0vuzkvuz0ruzUvvz0vvzUrwz0nwzUvuzkruzUnvzkvvzkrvz0rwz0vwz0rwzkvvzkrvzknvzkvvzUrvzknvzkrwz0nwzkrwzkruzknuzUruzUnvzkrvz0rvzUrvzkrvzknvz0rwzUruzkruz0nuzUvvzUrvzknvzkrvz0rwzkrvzkrvzkvvzkrvzkrvzkrvzkrvzkrvzkrvzknvzkrvzkrwzkrvzkrvz0rvzkrvzkrvzkrvzkrvzkrvzknvzkrvzkrvzkrvzkrvzkrvzUrvzkvvzkrvzkrvzkruzkrvzkrvzkrvzkrvzkrvzkrvzkrvzkrvzkr////s6BYTAAAAhXRSTlMAAQIEBQcICQoODxAREhMUFRYXGBkaGx0iJCUqKzAxMjM0NTc5PD5BQkRGR0hJTE1PUFFSVVhaXF9hZWZobG1ub3R1d3x9foCBg4SGh4iKi42OkJGSlJWYmZqfoKqzt7u8vcTFysvMzdDS19zd4ubo6evs7e7v8PHy8/T19vf4+fr7/P3+iqKHxQAAAAFiS0dEhozeO10AAAHBSURBVBgZrcEJQxJBAAXgJ2mlllFRUNlpaWRGEZ1EFmR22SWVdpjRYUWXCYhcBsv7362AsKszy4z1ffjvvF5sxPNn2ABPobQX+ibJp9C2u0AW90DXE5oeQ9OuPE1FD/Q8Ys1DaOlbYk1uJ3Q8YMN9aOjLsmHJDXX32HQXynrSbFrcDlV3aDEORT0pWmR6oeY2bcagpHuBNuletNHVH4xOz3GNuelosL8LAp0+f3jizbcK5VKJqVjoyBbU+YYj8ZlkmYrKyZl4ZNiHawa1VW8AVw1qqkZgulimFuMKai6UqaFyGQ2hP1RWuYSmMyUqWj4Pi5EilSyfhc2pAhWUAlhjMMu28n6sc2KRbeSGIHB0gY4yxyF0+DcdpAcgcXCeUqljkIpTKg65d5SahdwvSv2E1A46cEPmJB0MQWaUDq5DZooOXkDmPR0kIJOmg0wHxLy0MQzaeCE2Qqu3hw68rtLiNMSibEkMwjQwy5abEHvFVV9CaPB/4KqXEPvEuq+hDrT4P7PuI4RcOa74Ht4EG1coyRV5F0T20zQf24x1OsM/aNoHkSCZneiG0NZYijwHkbH8pBtS28aztyAS8MCRJ4B/9RcvBWkPBm2GHgAAAABJRU5ErkJggg==");
	}
.main_top_shop_sales{
	text-align: center;
	}


input.tab_inp{
	display: none;
	}
.tab_b{
	display: none;
	}
input.tab_inp1:checked ~ .tab_b1,
input.tab_inp2:checked ~ .tab_b2,
input.tab_inp3:checked ~ .tab_b3,
input.tab_inp4:checked ~ .tab_b4,
input.tab_inp5:checked ~ .tab_b5,
input.tab_inp6:checked ~ .tab_b6,
input.tab_inp7:checked ~ .tab_b7{
	display:block;
	}

.main_list_top{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
	margin: 0 0 5px 0;
	}
.main_list_top_r{
	margin: 0 0 15px 0;
	}
a.main_bg_but{
	display: block;
	padding: 0 30px 0 30px;
	height: 44px;
	border-radius: 4px;
	background-color: #1a1f23;
	font-size: 14px;
	color: #fff;
	font-weight: bold;
	line-height: 42px;
	text-decoration: none;
	text-align: center;
	}
a.main_bg_but:hover{
	background-color: #5e6369;
	box-shadow: 0px 3px 10px rgb(0 0 0 / 30%);
	}

.main_list_nav{
	margin: 0 0 15px 0;
	}
.main_list_nav ul{
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-items: center;
	}
.main_list_nav li{
	display: block;
	margin: 0 0 0 39px;
	position: relative;
	}
.main_list_nav li:first-child{
	margin: 0 0 0 0;
	}
.main_list_nav li:before{
	content: "";
	display: block;
	width: 1px;
	height: 15px;
	background: #000;
	position: absolute;
	z-index: 1;
	top: 50%;
	left: -19px;
	transform: translateY(-50%);
	}
.main_list_nav li:first-child:before{
	display: none;
	}
.main_list_nav li a{
	color: #000;
	font-size: 18px;
	text-decoration: none;
	position: relative;
	cursor: pointer;
	}
.main_list_nav li a:hover {
	color: var(--bs-success);
}
.main_list_nav li a.active {
	font-weight: bold;
}

.main_shop{
	margin: 0 0 30px 0;
    border: 1px solid #e1e1e1;
    border-radius: 4px;
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-items: flex-start;
	}
.main_shop_b{
	box-sizing: border-box;
	width: 25%;
	padding: 15px 0;
	margin: 0 0 -1px 0;
	border-bottom: 1px solid #e1e1e1;
	}
.main_shop_bc{
	padding: 10px 0;
	border-right: 1px solid #e1e1e1;
	}
.main_shop_b:nth-child(4n+4) .main_shop_bc{
	border-right: 0;
	}
.main_shop_img{
	text-align: center;
	padding: 0 10px;
	margin: 0 0 25px 0;
	position: relative;
	height: 230px;
	overflow: hidden;
	}
.main_shop_img a {
	box-sizing: border-box;
	border-radius: 4px;
	display: inline-flex;
	justify-content: center;
	align-items: center;
	height: 100%;
	width: 100%;
	max-width: 230px;
}
.main_shop_img img{
	border-radius: 4px;
	vertical-align: bottom;
	}
.main_shop_img_available{
	position: absolute;
	z-index: 1;
	top: 50%;
	left: 50%;
	transform: translateX(-50%) translateY(-50%);
	font-size: 100px;
	line-height: 100%;
	color: #fff;
	font-weight: bold;
	}
.main_shop_img_not_available{
	position: absolute;
	z-index: 1;
	top: 50%;
	left: 50%;
	transform: translateX(-50%) translateY(-50%);
	padding: 15px 10px;
	background: #fff;
	border-radius: 4px;
	text-align: center;
	}
.main_shop_img_not_available span{
	display: block;
	margin: 0 0 5px 0;
	font-weight: bold;
	}
.main_shop_title{
	max-width: 300px;
	margin: 0 auto 10px auto;
	padding: 0 10px;
	text-align: center;
	font-weight: bold;
	font-size: 15px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	}
.main_shop_title a{
	text-decoration: none;
	}
.main_shop_name{
	max-width: 300px;
	margin: 0 auto 20px auto;
	padding: 0 10px;
	text-align: center;
	color: #4D545B;
	}
.main_shop_name a {
	text-decoration: none;
	color: #4D545B;
}
.main_shop_info{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
	max-width: 300px;
	margin: 0 auto;
	padding: 0 10px;
	}
.main_shop_rating{
	padding: 0 0 0 20px;
	background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADYAAAA2CAMAAAC7m5rvAAABlVBMVEUAAAD//wD//4D/v0D/zDP/20nfv0DjxlXmzE3tyEnuzETvz1Dw0kvx1UfyyVHyzE3zzknz0Ub0007qykrrzEfrzk7s0Eztykbwy0vxzUfxz0ztzknt0Efvz0rv0EnwzE3wzUvwzkrxz0jxzErtzkzuzEjvzkrv0EvwzUnwzkvw0EnxzUvtzUruzknuzUruzUnvz0rvz0nvzUzvzUvwz0vuzkvuz0ruzUvvz0vvzUrwz0nwzUvuzkruzUnvzkvvzkrvz0rwz0vwz0rwzkvvzkrvzknvzkvvzUrvzknvzkrwz0nwzkrwzkruzknuzUruzUnvzkrvz0rvzUrvzkrvzknvz0rwzUruzkruz0nuzUvvzUrvzknvzkrvz0rwzkrvzkrvzkvvzkrvzkrvzkrvzkrvzkrvzkrvzknvzkrvzkrwzkrvzkrvz0rvzkrvzkrvzkrvzkrvzkrvzknvzkrvzkrvzkrvzkrvzkrvzUrvzkvvzkrvzkrvzkruzkrvzkrvzkrvzkrvzkrvzkrvzkrvzkrvzkr////s6BYTAAAAhXRSTlMAAQIEBQcICQoODxAREhMUFRYXGBkaGx0iJCUqKzAxMjM0NTc5PD5BQkRGR0hJTE1PUFFSVVhaXF9hZWZobG1ub3R1d3x9foCBg4SGh4iKi42OkJGSlJWYmZqfoKqzt7u8vcTFysvMzdDS19zd4ubo6evs7e7v8PHy8/T19vf4+fr7/P3+iqKHxQAAAAFiS0dEhozeO10AAAHBSURBVBgZrcEJQxJBAAXgJ2mlllFRUNlpaWRGEZ1EFmR22SWVdpjRYUWXCYhcBsv7362AsKszy4z1ffjvvF5sxPNn2ABPobQX+ibJp9C2u0AW90DXE5oeQ9OuPE1FD/Q8Ys1DaOlbYk1uJ3Q8YMN9aOjLsmHJDXX32HQXynrSbFrcDlV3aDEORT0pWmR6oeY2bcagpHuBNuletNHVH4xOz3GNuelosL8LAp0+f3jizbcK5VKJqVjoyBbU+YYj8ZlkmYrKyZl4ZNiHawa1VW8AVw1qqkZgulimFuMKai6UqaFyGQ2hP1RWuYSmMyUqWj4Pi5EilSyfhc2pAhWUAlhjMMu28n6sc2KRbeSGIHB0gY4yxyF0+DcdpAcgcXCeUqljkIpTKg65d5SahdwvSv2E1A46cEPmJB0MQWaUDq5DZooOXkDmPR0kIJOmg0wHxLy0MQzaeCE2Qqu3hw68rtLiNMSibEkMwjQwy5abEHvFVV9CaPB/4KqXEPvEuq+hDrT4P7PuI4RcOa74Ht4EG1coyRV5F0T20zQf24x1OsM/aNoHkSCZneiG0NZYijwHkbH8pBtS28aztyAS8MCRJ4B/9RcvBWkPBm2GHgAAAABJRU5ErkJggg==");
	background-repeat: no-repeat;
	background-position: left 1px;
	background-size: 15px auto;
	}
.main_shop_promotion{
	padding: 0 10px;
	margin: 0 0 15px 0;
	text-align: center;
	}
.main_shop_buynow{
	padding: 0 10px;
	margin: 0 auto;
	max-width: 170px;
	}

.main_products_all{
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	}
a.main_bg_but_w{
	position: relative;
	display: block;
	box-sizing: border-box;
	border: 1px solid #1a1f23;
	height: 44px;
	padding: 0 50px;
	border-radius: 4px;
	font-size: 14px;
	line-height: 42px;
	font-weight: bold;
	text-transform: uppercase;
	text-decoration: none;
	}
a.main_bg_but_w:hover{
	color: #fff;
	box-shadow: 0px 3px 10px rgb(0 0 0 / 30%);
	}
a.main_bg_but_w:before{
	content:"";
	display:block;
	position:absolute;
	z-index: -1;
	top: 0;
	right:0;
	height: 100%;
	width: 0;
	background: #1a1f23;
	transition: all 0.3s 0.02s ease;
	}
a.main_bg_but_w:hover:before{
	width: 100%;
	left:0;
	right:auto;
	}

.top_text{
	padding: 0 0 20px 0;
	font-weight: 500;
	}

.main_list_nav_pr{
	margin: 0 0 10px 0;
	}
.main_list_nav_pr ul{
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-items: center;
	}
.main_list_nav_pr li{
	display: block;
	margin: 0 20px 10px 0;
	position: relative;
	}
.main_list_nav_pr li:last-child{
	margin: 0 0 10px 0;
	}
.main_list_nav_pr li a{
	display: block;
	width: 160px;
	height: 42px;
	border-radius: 4px;
	border: 1px solid #1a1f23;
	font-size: 14px;
	color: #000;
	font-weight: bold;
	line-height: 42px;
	text-decoration: none;
	text-align: center;
	cursor: pointer;
	}
.main_list_nav_pr li a:hover{
	background-color: #1a1f23;
	box-shadow: 0px 3px 10px rgb(0 0 0 / 30%);
	color: #fff;
	}
input.tab_inp1:checked ~ div nav.main_list_nav_pr .tab_n1 a,
input.tab_inp2:checked ~ div nav.main_list_nav_pr .tab_n2 a,
input.tab_inp3:checked ~ div nav.main_list_nav_pr .tab_n3 a,
input.tab_inp4:checked ~ div nav.main_list_nav_pr .tab_n4 a,
input.tab_inp5:checked ~ div nav.main_list_nav_pr .tab_n5 a,
input.tab_inp6:checked ~ div nav.main_list_nav_pr .tab_n6 a,
input.tab_inp7:checked ~ div nav.main_list_nav_pr .tab_n7 a{
	background-color: #1a1f23;
	box-shadow: 0px 3px 10px rgb(0 0 0 / 30%);
	color: #fff;
	}

.favorites_femove_but{
	max-width: 170px;
	padding: 20px 10px 0 10px;
	margin: 0 auto;
	}
a.main_bg_but_bord{
	display: block;
	box-sizing: border-box;
	padding: 0 30px 0 30px;
	height: 44px;
	border-radius: 4px;
    border: 1px solid #1a1f23;
	font-size: 14px;
	color: #000;
	font-weight: bold;
	line-height: 42px;
	text-decoration: none;
	text-align: center;
	}
a.main_bg_but_bord:hover{
	color: #fff;
	background-color: #1a1f23;
	box-shadow: 0px 3px 10px rgb(0 0 0 / 30%);
	}

.p_nav {
	padding: 10px 0 0 0;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	font-size: 14px;
	line-height: 16px;
	}
.p_nav a {
	padding: 8px 10px 6px 10px;
	color: #000;
	margin: 0 5px;
	text-decoration: none;
	font-weight: 500;
	}
.p_nav a:hover, .p_nav a.active {
	color: #fff;
	background-color: #000;
	border-radius: 3px;
	}
.p_nav a.p_nav_left{
	width: 12px;
	height: 12px;
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAoCAYAAACWwljjAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAQNJREFUeNrkmDsOwjAQBQ0N1DTQ4wNwIo5BzT3oKHGugHIX+hCQaFF4QbYUoUA+XjsPWGn6UTKKN1ZqmFkBAy4gBwnQQ4jMwQ7cQfHCOabUBGzAtUakShJaZATW4NQg4shDd5K2FKkiPguwf9NJVKEp2IJbTxExoa6dBBXq24m4kG8nYkJSnXgLSXfiJRSik15CITvpJBSjk1ZCMTtpFNKRO/kopO0uUrAIGSKZouwmAzNFMmNFNqXQkU1qaV8bTdROKmUSckPzYaQ8OmgPV9r1Y6i+vnOFpV3yaX+DQvb1e7/StJcNtNcxPn3lKtK0vdIzf3vpWdfXwS6GmX0yT5mHAAMAoOkIIugbIgcAAAAASUVORK5CYII=');
	background-repeat: no-repeat;
	background-position: center;
	background-size: 12px auto;
	}
.p_nav a.p_nav_left:hover{
	background-color: transparent;
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAoCAYAAACWwljjAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAWxJREFUeNpi/P//PwO9AeOZZQZAqhqIXYEY5IC9QFzx3yTqDiM9HQR0iDiQagHiJCBmQpN+D8RmdHEQ0CHsQCofGip8eJSupamDgA5hBFKx0FCRJULLB5o5CJpO+oHYgRR9LDRwiASQ6gLiaCzphH4OAjqEA5RTgLgEiLnJNYdlANIJ7RxEbjqhuoMoTSdUcxC10gnFDqJ2OqHIQbRIJ2Q5iJbphCQH0SOdEOUgeqYTgg4COkYFSM2mVzrB6yCoY04BsSDDIACgxNo+WBwDc5ATwyACTAyDDDBBG9iDykGVQPxu0DgI2PW4C2rtA/GBweAglDY1sAiIG+iCEaORP9BVB85ex0BVrgS7QfRufhDdL6NX+iKpo0iP9EVWz5WW6YuirjQt0hdV+vbUTF9UG2ygVvqi+ugHpelr0A3H0HwEjcT09YHmVQKwNbEISKkCcTkQfyKgfM/IHPTEkb6qgNgZKrQP1FAEDQsDBBgAwuqklzsWcfAAAAAASUVORK5CYII=');
	}
.p_nav a.p_nav_right{
	width: 12px;
	height: 12px;
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAoCAYAAACWwljjAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAPpJREFUeNrs2DEOgkAUBNDVRm+gvR7AiuN4DGvvYWcpXMFwF3tFE1szziIkxhAEZHcn6iavn8ggf78xjzOnhDI6U0wLE+jYMCfCixttaOI7UFIR5tmFVjTyFSh7E6h0oCUNXAdCS6nrfqED268tTVUCla60prFKICf9Qo966Rd69nG/4EjnfsGx1v2CJ437BY8a9QsB1PYLAVX2CwLSYgzKk8FoHDt1REqB8tlMLdBpaMSOWqC90iOzF41I6bWfKf0x/j8dkh9XmfGjsic/PcJKDfky16DWPfn6q7TUssH5OiYL0ZO6E6ut9OSWnmUo+0sdC7tQa+G7AAMA2sSlkInmEt0AAAAASUVORK5CYII=');
	background-repeat: no-repeat;
	background-position: center;
	background-size: 12px auto;
	}
.p_nav a.p_nav_right:hover{
	background-color: transparent;
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAoCAYAAACWwljjAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAXxJREFUeNrMmL9KA0EQxmeXBdukS2MXewuxFn0La1/AJhKw1Vj4DIKR+BJRsfYPWAtWabRREQQr128xB4d43G1udmYHPg7utvjx7Xd3s2O892TuzvtEdARtQQaaQgd+bfuBhMvQ7STA3EDdP8++oRNoH2AvUkB27ky34tkO9AgHB9CSlENvuHYarJ0Ft6AzOOZTOtRpuHYZOoWu4NZqSqDY2oDuATWGeim2rI39n9BxyCG28SsHIPZ8WSan2fJlmSPQOl9cW8aWr5RAC+XLUvqKypcEUFS+JLYsKl9aQJX5sqRb5Xz1c3CoXKHrWLeUT4WebJQTUKjN3IAoN6DLnIBeoWEuQNfhDcO36Mkpg8zmx6xxcUMLqPLXIQ0UDp8TaACQ5/8WOOGc7NYdz51GTrSAFmphnUZOJIEa5UQCKConKYHYj9JOIyfcQK1zUgf0ThEDK46c1PVDFzVrPqA9aCU1TOHQkH6nr1kMPU1pLDwKPW3RuUGHGmPhHwEGABF6swNJOGQtAAAAAElFTkSuQmCC');
	}


.p_nav a.p_nav_first{
	width: 22px;
	height: 12px;
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEgAAAAoCAYAAABdGbwdAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAhZJREFUeNrsmr1Kw1AYhk9KQEEQnXRxU2enzv4gyQW4iQreQBdBq5MgKC5egJt3UbDi7NQLiJO7FsG5vpFUa0w9Sc75zveR9MDLKdjCy5Ocx/wcbzAYKNej0+msYTpDtpG4QBc5CYIg8jxPMYzMPkjkuQQEMAuYLpBDpJH68xvSDMMwcghG28d3BGYKUys5SrNjvjaPXCE7Dirl7uMTg4nXy15ylJZy/GSLGEzhPj6xZ26Q9QI/myP2TOE+PgGYRUzXyG7GuuYYRn18i2CmE/MfITMCwFjp4zN4RgnzDB2gkp5RwjxjH1DVPGMNUFU9Ywyo6p4xAlQHz5QCVCfPFAJUR8/kAlRnz2gBAc4ypltuzwRBMHwYJKLPF6AEzlNyey8FDnuf4YhldykIjpLQJw1oUxAcxd0nC9BkaAB1OQvAgemH4l1pgNrIqyBI7H1+AYIDnjE3kUchkET0+b4YG33tg5L73BdmYRiOSpu9TyP1H+UO0ypyjnwIOIDsfca+OOS6WU2dQew3q9o3q64fd/wDiOVxh/ZIYNn1kA18PEBeBCy7HuKsT+5Tta5+KrV5gdJPOZaYUz8Z7e6g8FNJQGR+MqJdBz9ZOR2r7CfrG6hM/WS4xKz7iWyHWVk/EQAy8hPZFWlJP/WF+alPfsme+GkFOUbeNV+/d+Sn3H0mmzg1fTzGbcCn6mdP4gPSZt4G/KcPEn0KMADjePAguxNxywAAAABJRU5ErkJggg==');
	background-repeat: no-repeat;
	background-position: center;
	background-size: 22px auto;
	}
.p_nav a.p_nav_first:hover{
	background-color: transparent;
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEgAAAAoCAYAAABdGbwdAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAh9JREFUeNrsmjFKxEAUhjMSUBCErbSx094ibC2KN7CKaOEFbARdbYUFGw9gZ2HnDYxYi0eIV9DFC8Q/kshuNjGZzHvzhk0GHgO6C7/f4reZeU8lSeLZXkqpHWzXqANUGiBCXSJL7Aks9f5YnicIY2UTEMCsY7tBnaKWCr/+Qg1tQgKY2jxWAAHMMraz7FNa++elT8hzaAFM4zysgABGYTvOPqXNBm+ZIM+AEYx2HjZAmWfuULs670MexegZ7Tw+A5gNbLeoo5L/awkBG+XxCcGspOZHnaNWHQBDkscX8Aw3GNI8voRnmJ9nSPP4vWcIAS2qZ4wBLbpnjAB1wTOtAHXJM1qAuuiZRoC67JlaQGCzhe1e2jP5OQxwnMjzmwWVhnlDDRyCI54nX6nsxq7AydbYFTg5oD2H4HjSecoA9asGUCQqQaWKN3aRa4BGqE+HIInnmQEEB3xgH6JeXYCUBKETef5yTd9JI+SJ9IPZtLTxlS+eZ+7SXvqoUfxWkz5qVHY1pA6rVV0NqcNqbdvH9nVHXdvH9nVH476YLT817YvZ8pNW49CGn3Qahzb81KqzyumnNp1VTj8ZtZ45/GTSeubwE0lvntJPFL15Sj+RDS9Q+YlqeIHKT+TTHaZ+op7uMPVTP/4iBailn1gHqFr4acL+yI4/+AHbNuoC9V3z8mf2PEGolacf4nRhiLPCT1eo/exHL6iR8BjwfJ4gjH8EGAATbCpv+pZLlAAAAABJRU5ErkJggg==');
	}

.p_nav a.p_nav_last{
	width: 22px;
	height: 12px;
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEgAAAAoCAYAAABdGbwdAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAkJJREFUeNrcmr9Kw1AUxm9CoWuLSxc33Tt1Fh36IvoALhXB1T+DzyBY8R1a/IOzIDhLO7noEkUQOhm/m96Uom2T295z7kkOfEOaDB9fzvmlubmBGtcGdAbtQAF0Ax1Dz4q54jhW/X5/pp92u83uJzDhPEL1P+d+oAvoCHrnMtTr9TL9ICg2P6G5U/U553ahF6gDVZk8ZfpBh3WgKlcHfUC1HNe+mm660pNA2EHWftBRMWUH1XJeuw5dQvdQk/CmWftBNzUpA7KtLegJ6kIN5b8SPwipCzUoRmyV9vyGzg03Ro5GzIkfjN1IQkDO+bRiQM75FDrqRC4+WftZlU8hBQ/KxCdXI+aMT45GzBmfKANaik+EAS3Fp5CTB0XkU8jNg6LxiWPErPjEMGJWfPIV0Fw+eQpoLp98B5TWA7QHDcx6UCzBD0IaSAlImVWFFgIa6AMBISV+QiWn9BrQaXqAuxdI8COpg3RF6KC16R88d1IkqYNElrSA7gR1T+JH0ohFBtJDIeFEkiCtH6stSEo4iR88KIYVz0bSP2ZdIWOV+EEwEz++AnK+VEv1qsEdkP74d63G39neBAQz8YNgZvqpMM/1vvLwOXuRn6zP2RUfnJHAvWnO+AqoMJzhDqhwnOEMqJCc4Qio0JyhDKgUnKEIqFSccR1Q6TiTFdCnstuwRM0ZKz8uOLOo9Nv8bcY1X9ABtMkE4dx+qMNJO+hQjXeTitjEmccP5ybOdGFc7yzVC+bb5liv7J0ov9uA//nxsQ34V4ABAA0pONIOG5DKAAAAAElFTkSuQmCC');
	background-repeat: no-repeat;
	background-position: center;
	background-size: 22px auto;
	}
.p_nav a.p_nav_last:hover{
	background-color: transparent;
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEgAAAAoCAYAAABdGbwdAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAjBJREFUeNrsmr1KA0EUhWeWQNqkS2MX+xRiLfEtrH0Bm4hg60/hMwhG4kv4g3VUsBZS2WijIgipvJ7ZJGbVbDaTzNy5uzhwkJAtDt/OfGZnRxOR0rdndaXUIbKOaOQc2aOVjXsVYGitJ/chYu+j1U3HlOki1V/ffSLHyC5APTPDmd6HiK1PNLxT1ZTvNpEHzLAWUmbqlN1H6xZS5ppBr/hbmeHaR3P3kFPMKPI4g+z7GE94nEGVGa9dQk6QK8ymhsebZt9H64ZPQLZjDbkDpDZSU+HHoI/WbaTmY4ktMj0/kCPjDSy7vqMl5qYPUV8CIOd+WhCQcz9FjmYil5/s+yzop8iLDwrkJ1dLzJmfHC0xZ37yCWguP3kENJefIlYf5NBPEbsPcuYnjiVm5SeGJWblp1CAUv0UCFCqnyIxPhjsSSn00kL8VJcAKOmDrhBI4z6AJAWQGu4BHYw+CIAU95EEyIxm8oMASE1pgMQNaYAuBfzL/9FHEqAXZEcQnLiPFEDXyCp+C/WEwBn0IeqVAheJf5gBTFvIzBn0IfruEwqQ861aX48a3IDMy78O0gKYJwFgxn2IJvYpMa/rrVCvs1P7ZLzOLoXwjAjvJTwTClBuPMMNKHee4QSUS89wAMq1Z3wCKoRnfAAqlGdcAyqcZ7IAvSmLA0sMnrHr48Az04Z5mr/IuOYd2UaWmSQ8ex/PcOKH5/9DnBl9EseAzYb5aE/Y7OztBz4G/LdPgGPAXwIMAIRpdBBcwqoLAAAAAElFTkSuQmCC');
	}



/* END HOME */


/* Currency Rates */

.currency_rates{
	margin: 0 0 30px 0;
	}
.currency_rates_title{
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-items: center;
	color: #000;
	font-size: 20px;
	font-weight: bold;
	margin: 0;
	}
.currency_rates_title:after{
	content: "";
	display: block;
	width: 18px;
	height: 20px;
	margin: 0 0 0 10px;
	transition: all 0.3s 0.02s ease;
	background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAsCAYAAAAXb/p7AAAACXBIWXMAAAsTAAALEwEAmpwYAAADZklEQVRYhc2ZX2iOURzHP7/ZFF4WEW2a9ofaMqX8yZSI3XDvwo1/yQW5UJq0RMSKQq7I8re4WeFKQ01xg6Y0rLbaajNt/jStJMZx8Z5Xj+M8z3nO874P+9Wv9Z79ft/f53nOec/5nV5RSjGRreh/A7gsL0ARmS4ie0WkXUSGRWRcREZE5L6I7BGRGXkTKqUSObAV+ACoCB8BtiWtoZTyBwRKgFYHmOmtQHHqgMAk4KYnXM6v/gvAYwnhcr4/NUBgDfAjpPBtYDUwW/99GBL3HWhIC/BZSNEjllgBTobEPwUkDcC1wJhR7FZEvADXQiC3pLUGG4BRXWQQyDjiS4F3FsDuVAB10WXAR2B3zPjtIW9xVUEAgcXAa2AAWKfHaoGSmICTgbcWwAt5AwJ1wHBA9AuwIcFbP2wB/AQUJQYEFgFDFmFvSK1lm+b6RIBa0DYt+UC+seg41/Ff3YyI1JDdaMvM/wVsCnBXRBojYkzrsIytcmYZT1kB9BH/6PoKbIr5Bnda8p/EnmJgAdDvARec7sYYgMstub0+gE8TwOV8DJjjACyz5bkAiwOzvdC5HsItA8wD3gOIyDRgoxFTbCYBGRHZQraJCFqfUuo56ENbi24AqozAlcAOY+wxcN0Y+6KUupH7ICL7gHMRD+SyEaXUXAg8lVLqgRklImMWwG6l1EVHgaE84CB7fgPuS9Nny1hpjAJtwFkPoKANApt/f3Is7Ab+XtjtHpvzaUt+lPcDVc6TJFCgziLS43mCHI8J1wdUxjrqAuIzgZ+G0A9gqidkWHed826gPHIfjBC3nSwrfQAdb7ILmOfcqCOE2yyih3wBtVaTofMC1wYfQ7TZAtiRBFDrHSB7bbgHzHLGxxBcYQEcB+Z7QJUDLYkeKGaBXgtkswfgUZ1zBo8rpw9giwVwAJgSI7eEP5vfcz6QcQFr9bSakE0xcg9a8s4XFFAXum4pNArURORUk+0Xzbw7aQBWA98sxV4C0y3xGew95jiwpOCAuuiJkM22G1gaiKsHOkNiTxX8SxIoXAw8Cin8E3il3Twec94Z54uVGFBDlpFtiaLOVpsPAhXe9XwTAuuxxwOuF6ONShVQQ5YClyOmU5HtfK4ApUnr/L6TJDURWQzsAtYDlRqsj+zl/5JSqisv/XwB07YJ/0vTL2irc+J6HAKyAAAAAElFTkSuQmCC") no-repeat center / 18px auto;
	}
.currency_rates_list{
	background: #f8f8f8;
	border-radius: 4px;
	padding: 25px;
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(100px, 200px));
	row-gap: 15px;
	justify-items: center;
	justify-content: space-between;
	}
/* END Currency Rates */


/* FOOTER */


footer {
	border-top: 1px solid #e1e1e1;
	padding: 35px 0 0 0;
	}
.f_nav{
	border-bottom: 1px solid #e1e1e1;
	padding: 0 0 30px 0;
	margin: 0 0 22px 0;
	}
.f_nav ul{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
	}
.f_nav li{
	display: block;
	padding: 0 20px 0 0;
	}
.f_nav li:last-child{
	padding: 0 0 0 0;
	}
.f_nav li a{
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-items: center;
	font-size: 15px;
	font-weight: 500;
	text-decoration: none;
	margin-bottom: 10px;
	}
.f_nav li.active a,
.f_nav li a.active
{
    color: #00B47B;
	}
.f_nav li a:before{
	content: "";
	display: block;
	width: 20px;
	height: 22px;
	margin: 0 6px 0 0;
	background-repeat: no-repeat;
	background-position: center;
	background-size: 20px auto;
	transition: all 0.3s 0.02s ease;
	}
.f_nav li.f_nav_support a:before{
	background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAYAAAA6/NlyAAAABmJLR0QA/wD/AP+gvaeTAAAElUlEQVRoge2aXYhVVRTHf2XOFDgwjs5IjI7O04iighlBT2m9FD6JMYr0pibZS+b1I0nrIQgkIhL6gknUQZNeUvADSX1yyhAUSbLQmFFfdEZFC2xm7r09rHNrOGft87nOmRHuD/bLvnuv9V/n7rP32vtsqFOnTp3HiCdytj8bWAosAbqAOcA0YIr3+1/AEPAn8DvwC3AGGMhZlymdwE7gKlBNWX4D3kce0IRlIbAPGCV9oP5SBo4CzxcYRyQzkEAr2AWqlcOer3FlNXCPfAMdW+4C3YVE5qMB+DqGwFHgHPARsAKYD0wFJntlqle3wmvThwzjKLtfeBoKYQpwKkLQALAVaE9hfyawDbgR4eMk/8/2udEE/BQi4jawHpun3wBsAO6E+Osjx6AbCP9ne4GWHPxOAw6G+D1JTsPb9c4OA2vzcOjjTc+X6502ZbXD0d/Aq9bOQnjN86lpMZu9Z6AvPcMUG2yNV4B/FD33gWctHOxXjFcpZhi72ODQtDer4cXoGdSBrIYNOERQVwVYlMXo94rRQWB6FqNGtKAvWd+lNdiJnvWsz6rUkLcI6isj29LE7FKM3aDAlC4GDUA/QZ070hjT9rNbTWTaso2gzitJjXQoRspInjvRaEffg3dojZ90GHlZqfsZuGkg0JpbwAWl/iWtsSvg55S6MykFFcFppW6J1vAph4EupU57in6WAeuAZuRAbjfwMEa/sTQBJeRY5z7wDXpAUdq0GJxcI/hOzI/os4VgknINaEvgtw247rNRQR5AGAsUvX8k8MugYiBs6zcPGFH6VJHUNC69DhvDwNyQftOVPncS+FWT87D1d5NDaC2pj8uDEDvvhPRrVNo/0hq6Jq2yUjcpluRsVPN24Ar4nlIXNqSPI0Na40gCPUcd9SOeDxdNSl2iyfIywSGyIKJPCX3Sak3gt43ghFkBNkf0yzxp/agYeD1Gv6XIxHMM+IB0B2xNwIfIP9qLI4HwsZKg3hNJnO5WDHySxEDBfExQ72daQ9c7fF6pe9FEWj4sU+riJEr/MRt98zAnq7Ic6EDft6sbHdc/3A9cUtq+YaPRlDUE47hCio1OieBT60cW+YlCIxKYX+d7aYzNRB8qmyyUGvE2QX2jpDziAf1kcAjZDY03rYgWv75DWYzORT9NiEoEiuAwQV0V5CZCJvYqhlMfhRqxkaCmKtBjYfxzxfCXFoZTshx9KzpEsjTWiX9DXmWcrh0gwbo+psVJfSOZpxgeYXwmrY24Dxn2WDnR1uKz3m/NyD/9FfJOl8jnQbSiT1C1chy5L2LCWcVBn1fveo/eBZ428N2IrLPa0lMr5zC88tCMewhFlQFke9iZwu8sYDt6BuX/Z03vd6yKcBinVJAD/E+R4b8QyeCeQc7IWry6lcgW7zzxri3twXAY1+gxCNi6DGE0G2sciSHgOrJOf4vtHUttpPRgtM660Ib0CDJhlZAlayxdSB4bZ0jGLWXPZuZ0MS7dwA/I0+1GrgpG0Y7k2hdJH+ivyDde9QtgFoq4IP4C8p1oMXIq2YI8uEnIBfFB5IL4VeRY5jQT8ytlnTp16hTPv/wr7+aVMohcAAAAAElFTkSuQmCC");
	}
.f_nav li.f_nav_support a:hover:before,
.f_nav li.active.f_nav_support a:before,
.f_nav li.f_nav_support a.active:before {
	background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAYAAAA6/NlyAAAACXBIWXMAAAsTAAALEwEAmpwYAAAGQklEQVRoge2bXahVRRTHf9OHQlzxpmWUZmqg2UOWjhr1UJmZfUhEijpqD6FgSpiVCVaUhhZoVOCtwAhDnZIehMI0E+3FMt1G9uBHULfSirR7vZFE5cf0MFu67rNmf5yzz1W8/h/XzFqz/nvOXrPW2nOUc47OhAvOtAMdjfOEz3V0OsIX1dO4iuw1wB2ABgYB/YCeQEM85SjQAjQD3wI7ga1Om5/q5lPZUVpFtj8wDZgCDKzSzH5gDbDKafNDSa4BJRJWkb0BeAowwIWlGIWTwMfAIqfNzjIM1kxYRfYKYCkwFVBlOBXAB8BjTpvfajFSE2EV2cnAG0BjLU4UwBHgUafN2moNVEVYRbYLsByYkTH1BLAD2Arswr+bv+CDFfjgdRU+oA0DRgEjyD493gLmOG3+Lex7UcIqsg3AOmB0yrQDQBOw2mnzc0H7ffCvx2ygT8rUTcBDTpujKXMq7RchrCLbDfgUGBmYchh4FlhZzdNPrNUFeAR4EbgsMG07cFcR0rkJxw6sJ7yzFh9UWvMunnPdnvjXZ1JgyiZgXN4HXCTTWo5M9hgww2kzpWyyAE6bFqfNZGBmvFYSY4DX89rLtcNxNLbC0F/AeKfNhrwL1gIV2Xvxx9MlwvCkPNE7k3B8zu6j8ug5BjzQUWTb+TMa/2p1SQz9AQx22vyapp/nJ70M+Zyd1dFkAZw2m4E5wlB34KUs/dQdVpEdCkRUZlBrnDZTC/hZOlRk3wcmJsQOuMlpszukl7XDC6gk2wI8XtTBOmAW8HtCpvA+BxEkHFc9DwpDC5w2yYU6HPGJ8LwwND4uS0Wk7fDDwvhBYGVh7+qHt4Fk7XwBPlMTkUbYCLLltWZQZSL25U1haEpIRySsItuXyuL9JL4oP9uwCl+ktMfgmEMFQjt8pyD70mlzsBbP6oG4ONklDN0uzQ8RHibItlbpU0dgiyDT0sRQE2+QIJOe4mlQkR2Fr5Eb8Q25pU6bP7P0Eja6AfOA4UAbsMJpIxHK8k3iENzhAYJsf9qKKrJPA5vxVc1Y4DngaxXZXml6CRu9gN2x7tjY1mYV2XkZqpJvEocg4e6CLJijqsheDyymMkkZALwS0hPwKtA/aR5YrCJ7XYqe5FujNDFEuJsgSyuyxxJ+Pcal6OWdezFwT4qe9NpIHIKEk2Eeymu9pqHunzJDhI8Ish4pdjYgF+cAHxbw56OA/Fi8RgjSborBMkRY6lwECTtt9gLPULlD3wNPhvQEPBHrnGYen7/vS9G7UpC1SRNDhA8JsrSggdNmKT5hsfjdWAgMcdocTtNL2DgE3AgsAjbGtkY5bZZlqEpH0HfSxFCg+QrfI26Pm/HtlSCcNlupMUGJz22pCkqDlGSIx2hoh3cIslsKOtGRSG4OBBKlIoRHqMj2q9ajeiEuEqRUWMzORMJOmx/xGU9y7rSavKsPplDJY0+o0Emrh6VScLqKbNdqPSsbsS+zhaFgGZtG+D18DdwefQMLnCnMAHonZCdIIZzVtZQ6g63AtU6btup8LAcqspfj++XJ/GCt0yb0WSaza/kClWlmD2B6UQfrgCYqyTpgSZpSKuE4u1ktDA0v5FrJUJGdDUwQhlY6bb5J083z5UHKSaVcu0OgIns/8Jow1ArMz9LPQ/g+QXZG2j0x2bXIGeLMPGlsKuG4sE8W5MeBT/I6WRbin/E65C+HTU6b1LT3FLIupkm7u81p06Yi2wjcjU/rGvHfoFaUHb3jaNyE/M6CLzLm5raXcSx9BtyWEG8H/gFupfKBteKjZJPT5u+8TgTW7oo/ZxcSLk2/AMaUcuUh3sHDVHc98QDwDvCu06a5iKKK7NX8f6klmVS0x0ZgQmmXWlRkJ+GzrVrg8O3az/G/jL34X0EL/nxvwN/UGYgv8UbhC4GsYNoEzHXahLosQaTt3piixgQo/L2rESXYAv+wZuYNUBLSCIeuCrVHM/76QQO+kqpXo8/hv1rOL9JBkZBG2FLZNj0ObMOTXO+02XNqQEX2ZXyAmUB597BP4rssS7IyqLzIitIT8Z9NW/Bn7yanTWqWpSLbG5iMDzxDqvRrD/6Bryr77nTp96VPM+6/xI/E595DgV74I+ZS/M//KP7aQjO+B7UL2FLPr5R1JXw2otP95+E84XMdnY7wf+f+7qofULgRAAAAAElFTkSuQmCC");
	}
.f_nav li.f_nav_market a:before{
	background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAYAAAA6/NlyAAAABmJLR0QA/wD/AP+gvaeTAAACmUlEQVRoge2au27UQBSGP7wJFRSEKAVIBDYtITQgIEDDQ+RSA0J5KUg6OpLU4QFYEA1tlggpEVlyUSRoIKtQjJ3Ce4wvczP2fNKRdmc955xfs57xnDEEms0Fh7HGgHtAF5iK2wZAH+gBpw5zscpdYBU4BM4y7DC+Zs5TjkaYBNaAIdlC0zZECb/qIV8tZlF/1aJC07YN3HaedUVmgROqi03sBAuiTU9ak8AH4FbG78fAFvAt/n4DeAZcybi+D9xH3eO1ZA15tPaBF8C40GcceImasaW+b2wnXZU55AnqC2ok85iOr5UmsjsW8tVmFXlki4hNmAZ+CH5eG83UAGPAAaOJPq/g65Xg5yCOURseMZrkEfI9m8dF1OSW9vfARKKRCSfATaFtC/hTwddv4H3BGKUxJfia0Laj4e+r0HZdw985pgRfEtp+afj7KbRd1vB3jinB/w1BcNNpneCqRMAysAnsoaoVurujPDuNY20ASzgcrBngswVBZe0TqlxklRmydzU+bED2VlSbDvUY2bR9xNLfe7kG4rJs0YbgTSHQNjCPmwkkAh4j18rWbQTcEwLN2wiUwxMhj10bgaSlp2MjUA4dIY/CRfwyRbwzzf4mqZxL6560guCm46MwNgEsxJ/fompftURa8MsygSr9JP134jYfuTgJsiL4WHGZi+t7eKpgmzVaN2kFwU0nCLbMoGBbLWjEOuxjt2TiSatyLmF72HSC4KZTRvBQaPNV00oj5SZSRrC0Xj4s0d8UUqX0u41AG4yufX1U2dTFSHeAp6jXIZzUpZeEQHWxZF03SoQ6sfMtLm09LE6+XdTbdb5FJraPodeZ/kUXdWLnW2wPi0elaSLUid066lzH1RsAu8A71D3bumeIQCDQQv4Cz0RKVrmwNMAAAAAASUVORK5CYII=");
	}
.f_nav li.f_nav_market a:hover:before,
.f_nav li.active.f_nav_market a:before,
.f_nav li.f_nav_market a.active:before
{
	background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAYAAAA6/NlyAAAACXBIWXMAAAsTAAALEwEAmpwYAAADg0lEQVRoge2aT2xMQRzHP6+tGxL/ExKljiKKUarh4uZPnFrtkxRXN664ueqRm9DIa5u6SDjWQfwL000I16U9sSgRLv50HN5U6u0sM7vzRu3uJ9nD/ubNb+a7M/ub38y8SClFI9HyrzsQmrZQDUUyaQN2Ah3Aam0uAUXgiRLx9yD9yHtKRzLpBE4Dh4DlFR6bAW4BQ0rET3PtT16CI5msBIaAY9j/dWaB68AZJeL3ufQrD8GRTLYAN4GNVbooAkeUiJ/761WKd8Fa7D1gaY2uPgE9vkV7Fayn8WMqj+wHYAKY1t/XA/uBZRWeLwJdPqe37yg9hFlsCTgHXFUi/ja/IJLJIuAkcAFYlanXAVwETvjqoLcRjmSyFShQHqBeAAeUiKfLa/1Wvx24DWzOFM0C25SIn/nop8/E44zBXwkLsQBKxFPAQeBdpqiFdFnzghfBOqk4aCg6ayN2Di36vKHosG6jZnyNcBewImP7AFyrwtcV4GPGtgIQVfgqw5fgDQbbRDZA2aBE/BW4Y9mGM74ErzXYXtXg76XBtq4Gf7/wJXixwfalBn+fDbYlNfj7RcNtD5uC652GE1xVahnJpAXoBwaAHaQnGK1+u1bGD9LMTQIjwJgS8ayrE2fBkUw2ATeATtfGPFMAepWIiy6VnARrsQ8p39X8K94Cu5SITeu2EWvBkUxaSadTZ1Vdy49J0j2z1fR2CVpHWXhiIY0hfbYPu+xABgy2IjAIPKwmgLigA+UeYJjyQ4YBYNTGj4vgHQbboBLxfQcfVaN/0HuRTI4DdzPF1jsplym92mB75FDfFw8MtjW2lV0El62zSsQ/HOp7oUKb1jlAw2VaTcH1TrDbwzkimSwnXdMhzYdnQrYfdIS12AJwSX8K2haM0FO6H2if971d24IRWrBpLTfZcqPhglZTcL3TFJwzJUtbboQWPApMzfs+heU+1hdBBeusajtwSn+2h860gqeWWuDl0O3O0Qxa9U5T8B8oO1rRZ9VBqdCm9VGTi2DTetntUN8XPQbba9vKLoKlwTYcyWRviJGOZNIayWQf5hdlJm39uCxLI8DhjG0j+ow4komDK+9YN+4ywmOkpxULDQmM2z5sLVif/PcSOPf9CyXSK1Prax6nZUnfxXbj8J/JEQnsViJ+5VKpljcA+kgvsQTpVUeINwDeAE9I48l4kDcA/neamVa90xRc7/wEoAsDDEhGC9IAAAAASUVORK5CYII=");
	}
.f_nav li.f_nav_sell a:before{
	mask-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACYAAAAkCAYAAADl9UilAAAAAXNSR0IB2cksfwAAAARnQU1BAACxjwv8YQUAAAAgY0hSTQAAeiYAAICEAAD6AAAAgOgAAHUwAADqYAAAOpgAABdwnLpRPAAAAAlwSFlzAAALEwAACxMBAJqcGAAABEpJREFUWMPtl09oXFUUxn/3znsv0857k7TYCa7UjVTqxoX1DxWDIMWN1J0oCkaLKBbq34poK7QIKtKmKLVaFIoi0oXFRSsKKi4EEZQaLOpCTSWQfziTSaeZyczc46KTmXNnMiYNaeLCs5q5777vfvec737nXQgzDxLGPxHGR4A0y4l07x2E8Y9EyackyRUsLyxR8gpRPExP8gyE8RmieJQoHiWM31oGYJYoHlYYR5ZFK8jsaWJEmRGLwTYfGnYQxo9dEmAUPwlsVBh3sy578yVh9GS2Y82u1oAJLIYJb5LhBdLxwBJreA0w2DFccweA1JIxxA4BRpGoWhzjHbV25gikr148W+E+IOgYN1xHmDywOKkr1xMGx0ASf1zyFtoydvFBljB4n02b4u6aSG4DuVONHEU42yInz0Lvhn/lFc68jmFz5/LkLWLGF3zJcC2F8mE/xc1IkZKXFdAU2fRBsC+qOX1Ebk/3CiY7MexY8JmQ9zUmTADfqF1vpyd5unOnmfsQtVNjX2NqaoZq8TuEk2qF+4niLZ3vZ2/COb2JMYSv1LoFi6uPqyxtZC71OMJIC1t205O9S4EkGPOc2sxZ5oofNf9XZT9woalXOOCzinPg3gYTzAsdcTsxpq5knrfYQGssIHEWYwaBUpOuuCGiZHPDHp7y7EHq+wDXgiiNYexhhbmVKLmniR/xDoZc6323l+qFH4ANfsaqc77GKpJjbuYXjN0NSGM0A7xHuP4GMA+pbJ6mNvttR6kqxaNgRlRJX4L+DFG8F7hRZfsE1dLxBlafrzHKE21m0d8AP4UxhxT4VZjUJyBhswTV+v4u0p7DuX3qfz9R6QPgYbX4z1TPP69kpDJm8xaYRZhpDjqV5srMG2A+V+RC9fsYlEe6nrpa6QtP0LBVHflpUuEjQLlJC3oVycJ8O5pQbPu9g9ub3oXwW9txniKbHlq8Laf2ArW2UYe1T1DOn/MOlO4U9qLBgjHKMlzOg5mcPE+1Ngim2GEPi0Vl+nfgXZ+WHKQ8/aXvaX2+Ec/SICaiLMP0d65Q/gNJ3YvIZxj7KnPFD5fcoHvXHWp2BOEktdLBjjl12jqEyweNmqqMSW7BBaqFM554lxqTk+eB7ZDJQWlswTmp2gZtOFBqaExUIxdyrHy4rqQAnOlTB2MWqNiOjC1Yysscokop5OdbBjjdyCXdOCWrSMypjEmhRSxlfJPtya5u1qxR5qozVin6baleza1yKfuUlFTGoAim0tpBsNo666Kxdi/rZhmXK4wqpXNtxLT7G9YuY8bk8S4SIuPqI3rL0m9KKxB12dhc21DwifnXuG04tq1eKb1e2q4x8yf/hTDhhE+st+djhF/XkJIgcppqYZguV7NwbXgNCHxd4/9YgfMADASE319PkEqvDZ1glNm//+okFiUnQG5dw0Q5jH2USvGU1d8UILescQUtIrf7dgEVnLzpNfPVN4xzIMcB/gGfEHE2A1zTowAAAABJRU5ErkJggg==");
	mask-size: contain;
	mask-repeat: no-repeat;
	background-color: currentColor;
	width: 18px;
	height: 19px;
	}
.f_nav li.f_nav_buy a:before{
	background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAYAAAA6/NlyAAAABmJLR0QA/wD/AP+gvaeTAAAETElEQVRoge2azYsURxiHn1kzExAP0XVnBN09if4BSlhXLwo5C4a4S/IPREQPfoBZIt5cN2owaFjFu8FsEl3UnBLFbwjRg3hRRIKRiDpuEDbraPbDw9utS+9b3V1V3T0K88B7mOru92O6uupX1Q0tWrRo8R5RakLMNmAl0BPYcmAB0A58AIwB/wB3gBvAeeAPYKoJuXrRBewB/gKmLe1vYABYUnTSLswHDgIvsS80ai+BIWBhoRVY8ClQx7/QqNWBvgLrSKQCHEKeu6yLnWlHgXJBNRmpAGeJT7QBjACbgVVAR3BdGagC3cB24BIwkeDrHDC3kMoUKkghpuT+BXYjBaalCgwC4zF+z9KkO304JqkT+A02ncBwjP8hD99ObDAk8gr4MqMYJaAfmDTE6s0oTiLtwKiSwP/ISJ01vehFPw1yyZ2DQQK3gQvAdeAe8sy+Cmw0OP4zcpe6EdXlSj/6Xf7ew2cqlgG/AY8MCcSZj4IqAT8pPhuO/hLpAI7RXAXVCbxQ/A24l6XzOfBMCeRrLgpqUPHzEJjjWtxMysDxFIn7mo2CqqGLk499CgVRM78mJDoBXAS2IYNSNUg8bwV1Wbl+l0etlIkvdhx5bpqloHYo1w5b5DKLuG58Eljs4TsLBdWjXHfLNaEvDIlM4tltZuCroGrKNU9dEulAH40ngY0uDhNwVVAfKtc0XBI4pjjyHhAScFFQWsH/2QbuRBcVJ20dWeKioBYp5z+wDbxPcTKO3wCVFlsFtUY596ZNwDZE50ad7LXP3RkbBbVVOfcHm2CrFAcT2M2zvtgoqHPKeVs1p6bl2Vql7SqOQ70jj5FlZpR1kd814BPlvGuaU1PBK5W208bU8mNEaVsR+b2J2WrsPvLWIjW3md1Fum0cZESSgqoCz5VzvrYNpImNIp/fkCQF9aNy3GkDQJt/Kx6JuxKnoLYox6aBb1wCvesFb0Q2CKPH6sBHLoHe5S5dRy92CtkqjsU0Sj9S2pba5+uNFnMUeY8c5VvglySHpoLvKm09Sc5yYLXSVlfaRoCv0jg0Ffyn0rY+jcOM0WJGl32nePtMO9ONLi2rPk4tqaGvjUONMAV8R0Yv0dqQ5VU02GAWzlNyQIn/EPkT6uTQ4waUgOPI0i1vutCXh78jmxK5zBhL0OfjYfL9+qeEjLba/Jv7TDGkBJ5GtmHyYrch5uEcY75hIfpHKZPk8y62D32geoJ8y1UIfUoCYdH9ZNO9S8gKx7RN+1kGMaw4akhkGtlw8xnIutCf2dCOePh2poy+jRLaC2SVUrPwWQP2o4/GoZ1Bl5GFMJf4osNufhl519ODFFUJrBa07QSuYO6+M4tt2udIIWXMI3eWdoQm3lmNXmTnIetCn9CEASot7cjrjwb+hTaQebawqceHxYgM1bR3kj1ANveLeJsBZCsRww+/1yFbqcuRQuYFx8cQ8X8XWX6eR7ZS37sPv1u0aNGiMF4D5dUgt/EkcNwAAAAASUVORK5CYII=");
	}
.f_nav li.f_nav_buy a:hover:before,
.f_nav li.active.f_nav_buy a:before,
.f_nav li.f_nav_buy a.active:before
{
	background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAMAAAANIilAAAABmFBMVEUAAAAA//+A/4BVqqpAv78zzJlV1apJ27ZNzJlAz5880qVHxqpDyaFAzKY9zqpG0aJDyKZAyqpC0KFAyKQ+yqdEzKJHzZxDyaFAzqdDyqRCy6VAzaRDzqZCyqdBy6RAzKZBy6VBzaVBy6ZCzKVBzaZAzaRAy6VBzKRAzaVCzKRAzaRCzKZBzKVCzaRBy6VBzKZAzKRCzKVBzaZBy6RAzKVCzKZBzaVCzKVBzKVAzaVCy6VBzKZAzKRCzKVBzaZBy6RAzKVCzKZBzKVCzKVBzKVAzaVBy6VBzKRAzKVBzaRBy6VCzKVBzKRCzaVBzKRBzKVCzKZBzaVBy6VAzKZBzKVBzaZCzKVBzKRBzKVAzaVCzaRCzKVAzKZBzKRBy6VAzKZBzKVBzKVBzaRCy6ZAzKVCzKVBzKVCzKVBy6VBzKVCzaVBy6ZBzKVBzKVBzKVBzKVBzKZBzaZBy6ZBzKVBzKVBzKRBzKVBzKVBzKVBzKRBzKVBzKVBzKVBzKVBzKVBzKVBzKVBzKVBzKVBzKVBzKVBzKVBzKX///+nLVW7AAAAhnRSTlMAAQIDBAUGBwoQERITFBUWFxgbHB0eJCY0NTY4OTo7PE9SU1VWV1haW2hrbW5wcXJzdHV2d3h6fH1/gIaHiImKi4yNkJGTlJWXmJmbpqepqqusra6wsbO0tba8vb6/wcLDxMXGx87R0tTU2tzd4OLj5OTn6uvs7O3u7+/x9fb3+Pn6+/z9/kzLLS4AAAABYktHRIf72QvLAAACsElEQVRIx+2WaV8SURSHwQQpFQi1RbRybbPSSrQiTUtFK8XIpU1t02jBSgNbgEHG53P3YkYbhnvvoL9eel6ec56Ze8/933OPy3Vo/8+qmq/MrK5nC1vJJ5Fw1b7QpltfsNh6tKFi9Niohs20WH1lbHsagaW7K0C993cQ26THkV0wU/Nzl1r8Xk8g3LtcNF2LPgd2zsj7Nej/5wwMZQ3vgvrfY0bWI1t5GuOGP6Zi2wAoXCwLuCM6AF1ytm4LYLtdFOvSATbrpPCo/uHVu08/C0JdRQCYkLEnn39X6Mo9C5AXa80/5aCrxhxAVMSezzjqagjg65Ey1PMQZ10FiwDNdtb3zEwtLl0LBzwyXa0A9Nv/a7LZqFpXfQBxG2yueTrkoKtWgLXSpAsA6P2OugoCbJaeUQZA73TWVQ1AviRhClEdRLqqAfhTsjMNYFqiuhJdHQdIWcN3AbIhmWatujoL8N7aY9cB7sivmkVXPQCPLbEWgKJfDlt0tQjQY6/IkqpD7OkqWAA4ZQklAK6q4D1d3Qb47LaEkgBhFbyrq8BvgAFrKAPgV8G7upopbwYagFcFm7q6DMCw6yBw5zZA+qjrAMv+sQ2w01YaSgK0qOAzAB8BGLGFEgC9KvgGwFuApx7RtVlWwW8AXgKJstKEAYoBxZZ1gCQ7D8qfuaoUwJAcHgH4pqfPiYJRgGyjdDzJAbyYEh9IgwYQd0uaQQIgf0L27RgAEXFwEIAx6abq0wC68Ont1gE2auUl6TZab6Rs5e4Bo/V2qE5y0mjus7aqNSUM/7hyEvEsGlm54aDlfO/lDO98tXoI8pk0+kpfa9DrDbZef62brnmf0/jlicme2PHqCia/rk0RutFR2chZN5G3o/mx2oqn3VA0ZUVTd0L7HNH742sZTcusxm+e3t+Ifmhq+wvXF7zHCtwxVwAAAABJRU5ErkJggg==");
	}
.f_nav li.f_nav_ref a:before{
	width: 18px;
	height: 19px;
	background-size: contain;
	background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAATCAYAAACdkl3yAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAGYSURBVHgBnVNdTsJAEJ5pizY+rYlJC/VhvUE9gdzAK3AEOYFyAo4AR8ATACfQG7AmEioxYV8IKNhxtqWkxlKxX9LuZHb69Zs/gBJ49aDLD3n1xsT3fVkWax26uPD9Jh93gKgBUBLaPahCZIN9b06MqQ1AL2w2y1RZB9UgNNlUUTTtA+EE/oBVqoags4sS8F8YNWmBg70Kr3G5ML6y7xz4JRFbeTVSSrH62Ahm0bsG7PEeRaPMxvyFKSZ3xyhRb7PpVabQRnsIhSBFX9Sez2cDR/DHOoqUcceAD5hTk0p2gIDGxUR4Azb2hBAjNLlz4OPZ6UmLU1iYFOaz6TkcAa8RPPFfwngL11aaH4r1ei1SmzQcDZTmvdkslQUVkRSeyDThWTMqE3EDQnNSHCf1q0zEtbndEQ4qEyU7l64QRNHrqBIRt1rEYCUrRAj9zL+fbNd19epzq1my9PxgeJDJgpBjTIeVFdc6P4h4jrRSSvNMmYtuJrsQ6caNkWotnmOVuVEImcyP1kqn0qVw3W1YxGHbjl4uQWWxeXwD6qOYvbywCFcAAAAASUVORK5CYII=");
}
.f_nav li.f_nav_ref a:hover:before,
.f_nav li.active.f_nav_ref a:before,
.f_nav li.f_nav_ref a.active:before
{
	background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAATCAYAAACdkl3yAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAF8SURBVHgBnZNPboJAFMa/x5/Gpb0BvQE9Qe1ebbiBR9CdiQsxqa07vYHeAJuauFRP0N5AeoKyaowo08eAEqpQ5Uvgwczwm4/33hDyNOsM+d4EhAs/eIQ1cLOWKpmQ93YlgpDHlwFdHSNH2SBSuzIGQYsdffFTBU7buA4UuQkvF/WXCVPX+EdKvhvRi0fKuBp04kaSDRlykq2djBA1Um4cm934oSMv3iRRbbA8fpaamHMy9+pauqn2744OSV3grLgtAtFC/XWqyUocLO/JTrk5mBbB6iyH6AEKjeE0l8RNJ3jlG/ybBnT/W/5CtX+LSzTrfPDdBIn7KNmCq1LaxJURHi4WGTJsf1wFRSUTL8LNP2GNvOIgUk0ZxV7mrzgIeIqCNi0OmsszV5HPtedlMZDTLCNQuvHb5DCcdPam5EHfhRUzuKyLHJQpqxw2ra/30iDi3rFsjwHhxPBoO0tCrLDjvrNsNwH5etJ81f6Iz9YE2s48C1A0D1t2Em76R79nCYPrItKsewAAAABJRU5ErkJggg==");
}
.f_nav li.f_nav_paid a:before{
	background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAYAAAA6/NlyAAAABmJLR0QA/wD/AP+gvaeTAAAElUlEQVRoge2aW4hVVRjHf54ZOzolk9coKnJQyy4aSpAMUYEFRlT0YA+BDBVEoBFlENTDYA/pkxcoCLpKlEWBD0nQhA9WQtg9zTSHpBqldJqwm5PXh8/TrPXttffZa5+19hmn84MN59vrW2t//7Oue60NLVq0aIB24AGgD9gHfAI8A1zSzKBiMRnYDpxyXP8CjzYvtDhsxi3WvFY2LbrAXENS3GHgOMmavixmIJWYhRvcqew1wDRgNvCxcX880FNSTFHZil2TM420WSrt3dKjC8wE4B9GBO13+Bwy0vfEDKaMJt2NiK7xgcNnn/F7piM9GGUIvkXZWx0+bSm/z0q+Y6S5ngAucPjsMXwGywstPAuwB6RtDp924Kjh83nMgGI3ab16esfh0wVUDXt3vHDichVwjJGaO4IsLzV3YbeCp2IGFauGzwFeRJprjReAIYfvlcr+NlJM0agAr2DX2iAwI8X/NeV7RfwQw9EObCS5bl6Wkeczw28Yu1WMaqrA2yTFPpeRpwL8ZfjujBxjMKYCH5IUuwl5IUijS/m/FTfMMMwG9pIU+xL1V023qzy90aIMRDfyXqvFrgPG5cj/uMq3NE6YI2QNEJ3AfOBLZA7VLADeAyYZ904AjwHrcz5fLzMvBhbnzGs+cwBpZYWZCvyE/Os/nrFNKsAX2LXzJ3CH53OWk2wdRa+9wL2ez/+Pe1RhuqCbVPpvwMICz5mGu0s0cm3IemDaSmuisi9S9g3KfgKZT305jCwtDxbIm8YK4L60xLyTvF4lTVL2Vz4RKT4C5gBLkA083+XueUhXmmfc6wVeRfp3Lnqwm8lGld6r0n0HmtBUgR3YMV3ncsz7b+oa/rVOetkMA2+oe86toqKCf6mT3gyqyv7b5VRU8CFlT89ZTkyuVna/y8lHsLlyGo01bAoeBr53OeUVPB4437B1H3ZtzJVJO3C5Ye9GjnES+EwBZi3+jpwDudKawRzsPpz6mllU8Cnsftxswbr/7kpzLCoY7Gbd7CatBQevYbAFdwDnepQVGi34mzTHUIJd6WViCv4DecNzMhYET0S2imrsRMYYJ2NB8HzsraTUAQvGhuBblf1plvNYEKyPY7dnOZ/tgmcBiwx7P3X2tn0ET8beYx4Ngp/E7r+byBiwsujBvV9kbvVMUGl9RR7UAHOR5W3t+ceAS+tl8t1OMVdUR7G3b8us4SrwOnaLe5mM+beGr2D93mu+JpYpeD1wrWEPkfPUopEaBrsfTy9Qni/jgLXAg+r+Q8CBPAX4Bpg1UrcBUzzL86EDOVR/RN1/HngzbyEhBbvSQ7EIOenQ+81bSP4BmTQqeEDZ8wjL9ciHMLW9a5PNwN3I4NkwPbinpS3K7zaV3k/xTxYqyBixGFiNfL7kiuEk8CzZ586ppJ08nEy536nsPmQqqM1/Xch+0gCykZaXDmTQq3ee/DNwP/C+R9m56Mb977oGhyUkv3sOfQ0CT2NvJAaljeTn+seRPuViKfLiHVro18DDBNxNyTql7wRWATciTWkN8h1HGhci8+HNZ37n+QLAZAgZ9fuRV7xtwA+eZbRo8X/jNA9/iLYK/tQ8AAAAAElFTkSuQmCC");
	}
.f_nav li.f_nav_paid a:hover:before,
.f_nav li.active.f_nav_paid a:before,
.f_nav li.f_nav_paid a.active:before
{
	background-image: url("data:image/png;base64,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");
	}
.f_nav li.f_nav_faq a:before{
	background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAYAAAA6/NlyAAAABmJLR0QA/wD/AP+gvaeTAAAFDklEQVRoge2aS2hdRRjHf2n1pmoiTRobX0laRUVrY9C6clULriwFH4S6cSfSSrpx0aa2C7HVjYIQqLqQqmCpj40upIgtIrTW+ECwsVGjtY0imMRNqy15HBffCd6c+597ZubeE6vcHwyEyfled+Z8M/OdgQYNGjT4D9FUsP4eYD2wDrgFWAWsAFrS/58FJoGfgO+AYeAIcLpgv+rKamA3MAokke0ksAv7gS5aeoHXgRniA822WeB94O5FjCOXTizQOeoXqGpvpbb+VTYDf1BsoOVtCuhflMgylIBXPBycBY4Be4AHgDVAG3Bp2trSvgeBvcCnqUye3n2pD4tCC/BhjkNngO3AdRH6rwd2AOM5Ng7xT7YvjFZsFFxOTACPU59fvxnYgi1bLnvHKDDoEtVH9gC2xtabDuBgFbuHKGh6u97ZaWxUi2Zrasv1TteVzQ5DfwL3R+i7ElgaIbcxtal8qVv27kQvPdP4BdsEbAD2Az+wcGMyCXwMPIXt0HzYiB7pKWClp46qvCGUJ/hN45uATxzy2TYDvIRfEnrCoWO/X0hu7kTvoA54yN5B9QzramPAjR763xayc6ndaJTSCfKzcRvwm5D1bSPAZTk2rsKmcVb2YEB8C1iN3vX4TOXnhVwCnAfeAZ4GXgC+cjyXAI952FFTexY7lgazWyg7Q/6adwn6lx/HzsTlNAFPimcT4LiHj83AL0J2p4dsBeo8u91D7h4hlwCPVJEZFs/PYD9eHoNCdsRDbgE9Dgd89saPCtkL2GHBxV4hkwDdHva60a9el3p4iUPJvaJvGJs+ebRi63Z5+xZbO12cdfT7LFGngc9F/3r1sCvgu0TfYQ/jAENAe6b15cjcLPoSLNP7cET0rVMPugLOJheALzyNh7ICOytnGcGSnw9qhFUMzoBvEH2jnsZDKGE7uVbxv5cD9CjfVAxOJqhMAu0hCjxoAz4SdhLszB1y5OsQOn4PceaCUFDPM+etWB1aBfsj4cW6ZqHnfIiCIgO+DXfh7zhwTYTOmgMuako3YclPBfsm+ftnFzVP6TGhYE2kM+X0Cb0J8EyNetcKnd+rB11Zekz0yTQfiNoMfI19VqkF5ZuKwRmwSvNyIQ/kWtH3HjYitaB8k8uoK2C1yVDbzVCWiz6f7WoeG0Sf3Ci5Ppf2AKcyfXNp/3i0W3A7cHWm7xv8t5CKbuxza3bwugj09SSViWBHDY4VxU4q/TwRo2iXUDSOrXmxLAEGgKNpG8D9WvmwDPhV+DkYo2wV+py5pQYH9wh9tSxJA0LfDJElHtBFvEmsgBbKUuCc0HcOv8pGlpXoUpJPRdVJH7pMG1MZXC70JKl+lb3zeNehqzdC1wJeczi6NULXl0KPOsvmsc3h06sRuipwTZ1p7LNHCL3Az2U6ThE+IpvQ90hiXzVJvzCQYB+2QoO+ArgvbZcHym4C/nL48nCgrlz2OQxNYwXxotmG+4bQUBEGS9jHZ2UwwTJ6Xb7eZehEJ6j59gHVS8A10YJdM3AZn8JGu5bNyTzLsHW22i2hoyzCPY8Wqo90gh0IBnEUw3PoxraLageVHdnCg52nhPudLm+zWNnmWeAh7KDensqX0r970/89B3yG37WlIQqcxtXoRy9ZRbVJCsjGobQDL+I3MrFtDrveWERSjGYtxV0uVZ9+Lhp6sEsqI8QHegJLXD5fD4Mo+oJ4F5UXxDtYeEF8AqtYjGJlmcPUVlVp0KBBg/8PfwPNAjObjDTFcAAAAABJRU5ErkJggg==");
	}
.f_nav li.f_nav_faq a:hover:before,
.f_nav li.active.f_nav_faq a:before,
.f_nav li.active.f_nav_faq a.active:before
{
	background-image: url("data:image/png;base64,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");
	}
.f_nav li.f_nav_dread a:before{
	background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAMAAAANIilAAAABfVBMVEUAAAD/AP+AgP+qVaqSSbafQL+qVcaZTcyVVb+dTsSkSciZVbufUL+WS8OhUbyZTb+fSr+ZUsKdTsSbUr+ZTcScSr2bTcGcTr+aUcOeT8KaTcScS7+fT8GbTsKdTMOfUL+cUMKeT8GcTsKdTb+fT8CcTsGeTcKbUL+dTsCcTMKeT7+bTsCdTcCeTcOcT8CdTsGdT8CbTsGdTsGdT8GdTcGeTsCdTcCcTsGeT8KcTsKdTcCeT8GcTsGdTsKeT8CdTsGcTcKdTsCeTsGcTcGcTsCdTcGdTsGcTcCdTcGdT8GdTcKdT8KdTsGeTsKdTsGcTsGdTsCdTsGcTcGdTsGdTsKdTsGdT8GdTsGdTsKdTsGdTsGdTsGcTsGdTsGdT8GeTsCdTsGdTcGdTsGdTsGdTsGdTsGdTsGdTsGdT8KeTsGdTsGdTsGdTsGdTsGdTsGdTsGdTcGeTsGdTsGdTsGdTsGdTsGdTsGdTsGdTsGdTsGdTsGdTsGdTsGdTsH///+v/Lp6AAAAfXRSTlMAAQIDBwgJCgwNDg8QERMUGBkaHB4fISQmKissLS4vMDY6Ozw9Pj9AQUNERUlMTU5RUlteY2ltb3F5ent8fX5/gYKDhIaHjI6RlZ6ipKqusLO0tba3uLm9w8XIzs/S09TV1tfa293e3+Dh4+Tl5ufs7e7x8vP09ff4+fr7/aXfgDwAAAABYktHRH4/uEFzAAAB30lEQVRIx+3XV1MCMRAA4ANsoChiA+xKtfcKKGcvKIpdUQQr9gIImP+uDAmG48ANvKjjPnGbfMOQ2Sx7HPf7Q6kzd2QNs04pLiv5YwQID69KozJ7EAEjaJOlWvkmYohNOW2lLsQU2/R32xFjTFJnFWTFwa9T4xFzOJL4hB17krUBNwFXAH8qw1gHcs/u6Z7PX9qNH7UYGyD2vSqx2YSfDVzqc9YICzab/vGPwv75/ta6pi6Hnx0fGEkBSwYe/Ew4OiyhbrxCwYKfzOJ9EoKjFi53PMjljte43HFUQ/aqF85j4aPxEga8Qrb2vCQSV41w3ItX9FGSuauE4lAR/g/yfeWWoZi0xg4q91YCxDt4YYpO6oF4FS8s0sk+IHbiBSudNADxnkhPfpMD8SO+T9LDHE4bkZJofiWZWxUYz5B6arlMJM608Aq7LyZ7C4bWvRe7I4Ust2oij1uFwvV5YHRTA8RGsR7mrciOyV9sg2j3vG5NQaUCTI6/XLxtx5aqk7TlIIKbi1kwVnC+DF0/sjHaplHWto/txwu+Mz66djoFAw03xz4N8UmsDrHaV2r0dbBiKz0wb7DZnZShWeFmsVsKwbBuAw+voSlZWumoeA+Ens6qM7ygaL95QbHUl/+B97AP7ovy8Edpyo0AAAAASUVORK5CYII=");
	}
.f_nav li.f_nav_sn a:before{
	width: 27px;
	height: 22px;
	background-size: cover;
	background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAWCAYAAADTlvzyAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAVsSURBVHgBfVZbbFRVFF3n3HPvdF59UMZCARUtIKZiYwhKUOKPCT8mRjFBo4Rooj/qjz8mmojRP+Onr/gIGoJGUWNU1BglMfERiEhswFELFKG0MJ12ZjqP+zzHfc6dTmdqYTI3c+fefffae52117lMKXWYjjvBAChc8dMKWTJWQTJmrltKQjHeGchYpKR8TsTnbCFjRwrVvKQTKR24EMI6AukbwjIXKSWBafAYshUoGedV3nqiE8kcOlg1weZ/TRmqLUjfYwqeFLhUqsOLZAyj5EJMGwafL1ctxV9bqGwCKeWbf6COPHPXpYsRzsz4uOetixg9Ox23Q8HSJJUdDfEl8ndSr0+pA64BuUePO6gFEV76bhY738xj39EGMW3h0OgM5liINbluio+IXt8kV3Sm5plqB7x8hwQmpakTykHFC/D810UcPDaJQjnEGz9XcK5UQ82NsG0oi6syXcQCdccdKkTGUFKzEOcQS3a4CFmaMAU3VHjymxLG85PoSwukwwbOByl89qeHx7cPwOJaV7p0y6ztbxMN2DLATattw1LU3mF7p1HzZP5cJzk17WL3B6cwPjYDJ+NQ1xZK9jKscEr49GgRxXqE5Q71Q7T+ccHFA/vHsXPfOF49UiEhJRGqGEq0UNgCotakYj6BCVPTT/9W8PKhM5hxs0jaHsmFwSK6HBXAZ0lEXgVf/F3Hxm1pQ3stqGJlXxavjSzDHTf0ICE6uergU180i62EFh9OXmrgxYOnUeZdcEREco+oO9uoVrOnV8myHfySL+L0cDfW9jJsXtONm1cxpGyKlzAiigdEgC9lLlwvNhXx7egl7D5wGhXRiy4qzWYuSV3r1SawBdVxbuFCOcDh0YuUkDqnrGkCi2QYz64kI6B1NbFtTBp1hXTkiwrluosac5AKI2TZHBz9MD0YMUE90XhwTbw0h1ZignMcGK2g5nsokyhHp3wEZAamJaZ/2sdCS5aoimh2vjwxh4fe+R1vH1HYvi6N667thisTRIs0M2UpMjCaRxFZpEASASXS1wRJtFhW+PFUFQePz+LB9yaw6/0pvHuiDl+PFdOlSbSsLSIOy3WFj48VkRQZHMqfRxBw3D/Si6oX39dUg9ZDSge+xeBSAwGXdI8SsQZySYaPjhewY2MWL+xYjn7hY/zslGG1Su3s1SpVTUBBa5N0bFwzkMRYwUKjPoWv/qrjsS0ZvN5XwFyjCxliINK7ANFqa4qbH4uSuCKBlKrj10Ivxkoe7t3UTUevKdTSQiN2niVueWjgtLOHSJEK7xvOIrBcDMgMPs+XMFmVeOSWLDUW0jpE1BEVRwZNfVIyMjCWQIUKaHg+ZmocvcLGYMqhJZKGQj3uiuJsym/T2guuR5uqiJRtQIf6E9h8dRr5cxVEMy5+ODmNu27sw/7jHgrFWTS4oPkjcYkUVeuhPyWxoj+JnnQSfZThtg19GMoJBFSE7kyY0mjd50g0r3Baa21DuksW+0B3l8KeYQe7/slipdPAh0cLuHtkBXauk/i+ZwBbch4GBwYwmFZIORb6yV0SBJay6X+b5p3m3OmcepCQJdC9bN5LVWuj1MBb1+fwzNYJUpzEyPq1cN0Qm67PYWi1wrlaFicmQwyPOFi3rMtYnwj95taVQLyXN7dtNm9hC87SMp2W0+g5JdU9um0VHr6VeLctjE1V8cQnEwhJpGkWoOyRwKxBPL3dMV2ElmPGjaPTJeN9VrXv+v83b+1F2k0cK0KK7EUQTRtIuSOrU/AJUdG6eCKLhBUYqQntrPHbh0FavOuwRVdEZPY7ZTxU8fgtxNLSl75Rl9BqEw6euj1H/mAhIifZs6GHJJ+lUP0WY5ln43cGC1f46OSZ/wBeAIQLAjDozQAAAABJRU5ErkJggg==");
}
.f_nav li.f_nav_sn a {
	color: #458ED4;
}
.f_nav li.f_nav_dread a {
	color: #9B59B3;
}

.f_language ul{
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	}
.f_language li{
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-items: center;
	padding: 0 0 0 14px;
	}
.f_language li:first-child{
	padding: 0 0 0 0;
	}
.f_language li:before{
	content: "";
	display: block;
	width: 3px;
	height: 1px;
	margin: 0 14px 0 0;
	background: #000;
	}
.f_language li:first-child:before{
	display: none;
	}
.f_language li a{
	color: #000;
	text-decoration: none;
	}
.f_language li a:hover, .f_language li.active a,
.f_language li a:hover, .f_language li a.active
{
	text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
	}

.copy{
	padding: 15px 0;
	background: #17191B;
	text-align: center;
	color: #fff;
	font-size: 13px;
	font-weight: 500;
	}

/* END FOOTER */




/* F.A.Q. */

.main_sub_title{
	color: #000;
	font-weight: bold;
	font-size: 26px;
	line-height: 30px;
	margin: 0 0 22px 0;
	}
.faq_container{
	overflow-y: scroll;
	box-sizing: border-box;
	max-height: 1000px;
	padding: 18px;
	margin: 0 0 25px 0;
	border: 1px solid #e1e1e1;
	border-radius: 4px;
	}
.faq_container::-webkit-scrollbar { width: 4px; height: 2px;}
.faq_container::-webkit-scrollbar-button {  background-color: #f0f0f0;border-radius: 2px; display: none; }
.faq_container::-webkit-scrollbar-track {  background-color: #f0f0f0;border-radius: 2px;}
.faq_container::-webkit-scrollbar-track-piece { background-color: #f0f0f0; border-radius: 2px;}
.faq_container::-webkit-scrollbar-thumb { height: 10px; background-color: #c6c6c6; border-radius: 2px;}
.faq_container::-webkit-scrollbar-corner { background-color: #f0f0f0;border-radius: 2px;}
.faq_container::-webkit-resizer { background-color: #f0f0f0;border-radius: 2px;}

.faq_block{
	margin: 0 0 30px 0;
	}
.faq_block:after{
	content: "";
	display: block;
	padding: 30px 0 0 0;
	width: 10px;
	border-bottom: 2px solid #000;
	}
.faq_block:last-child:after{
	display: none;
	}
.faq_block_question{
	padding: 0 0 20px 0;
	}
.faq_block_title{
	margin: 0 0 5px 0;
	font-weight: bold;
	}

.red_text{
	color: #e53d3c;
	font-weight: 500;
	}

.container_list{
	display: flex;
	justify-content: flex-start;
	}
.container_list .main_list_top{
	flex: 0 0 180px;
	display: block;
	}
.container_list .tab_b{
	width: 100%;
	}
.container_list .main_list_nav_pr li {
	display: block;
	margin: 0 0 10px 0;
	}



/* END F.A.Q. */


/* Become a seller */

.center_flex{
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	margin: 0 0 20px 0;
	}
label.line_check_block{
	display: block;
	margin: 0 0 8px 0;
	position:relative;
	font-weight: 500;
	}
label.line_check_block input.line_checkbox{
	position: absolute;
	z-index: -1;
	opacity: 0;
	}
label.line_check_block span{
	display:block;
	position: relative;
	padding: 0 0 0 26px;
	cursor: pointer;
	}
label.line_check_block span:before{
	content:"";
	display:block;
	position:absolute;
	z-index:1;
	top:0;
	left:0;
	width: 20px;
	height: 20px;
	background: #fff;
	border: 1px solid #e1e1e1;
	border-radius: 3px;
	box-sizing: border-box;
	transition: all 0.3s 0.02s ease;
	}
label.line_check_block span:after{
	content:"";
	display:block;
	position:absolute;
	z-index:1;
	top:0;
	left:0;
	width: 20px;
	height: 20px;
	background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAOCAYAAAAvxDzwAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAABpSURBVHgBpdJLCoAwDEXRt9Nk51lClxAbzECkKflcKAg+z0AKDFNV2mftI/aMSY59W+h2wCxBpwCzuPwPrpgP5PeC2piP1mFALcyHHAypjGXQMpZA61gRzWFJlNEpQBmTHBV9rxVnv3sA2Tzf+tpoVpQAAAAASUVORK5CYII=");
	background-position: center;
	background-repeat: no-repeat;
	background-size: 10px auto;
	opacity: 0;
	transition: all 0.3s 0.02s ease;
	}
label.line_check_block input:checked + span:before {
	background: #000;
	border: 1px solid #000;
	}
label.line_check_block input:checked + span:after {
	opacity: 1;
	}
label.line_check_block.line_check_block_red input:checked + span:before {
	background: #F91155;
	border: 2px solid #F91155;
	}

.center_but_rules{
	max-width: 280px;
	margin: 0 auto;
	}


.seller_pay_title{
	color: #000;
	font-weight: 500;
	font-size: 28px;
	line-height: 30px;
	margin: 0 0 22px 0;
	}
.seller_pay_bott{
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	}
.seller_pay_bott_t{
	padding: 0 20px 0 0;
	font-weight: 500;
	}

/* END Become a seller */


/* Guides */

.guides_list{
	display: flex;
	justify-content: flex-start;
	}
.guides_l{
	flex: 0 0 310px;
	margin: 0 30px 0 0;
	}
.guides_r{
	box-sizing: border-box;
	width: 100%;
	padding: 25px;
	margin: 0 0 30px 0;
	border: 1px solid #e1e1e1;
	border-radius: 4px;
	}

.nav_guides > ul > li{
	display: block;
	margin: 0 0 30px 0;
	}
.nav_guides > ul > li > a{
	display: block;
	padding: 7px 20px;
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAdCAYAAACnmDyCAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAASFJREFUeNpi+P//PwMQWwLxaSB+B8SrgFgMKk40BhGCQPz6Pyq4TqphIML1P3ZwhRTDQIQqEP+j1DAYo/c/bkCUYTAGIxDPJGCYJDEGEWMYKALEiTGIWJeJE2MQ2Ybh8jPIsDmkGIYvJphIMYxQ+iDGMEliDCLGsFNAzEJsXmIiEAE2TAzEgf9QjFueCNeAYnASNbw2AY8hN4kN7DY8htwCYmlior8FjyH3gViGmATZjseQB0CsQEwWacZjyEMgViQm0zYQcIkSMcVIDR5DHuFyCbpBhXgMeQzEKsQUtbJA/AuHIc+JMQSEQVlEC4hZsST7l0DsDMR3iMtEkDLlKxaXaJNaQYJwIFJtC6q61UmtshnBpkEAyJv8QPyegQwAEGAA34Yxo0TtoCsAAAAASUVORK5CYII=');
	background-repeat: no-repeat;
	background-position: right 10px center;
	background-size: 7px auto;
	border-radius: 3px;
	font-size: 17px;
	font-weight: 500;
	text-decoration: none;
	}
.nav_guides > ul > li > a:hover,
.nav_guides > ul > li.active > a,
.nav_guides > ul > li > a.active
{
	color: #fff;
	background-color: #17191B;
	}

.nav_guides > ul > li > ul{
	padding: 10px 0 0 0;
	}
.nav_guides > ul > li > ul > li{
	display: block;
	margin: 0 0 5px 0;
	}
.nav_guides > ul > li > ul > li > a{
	display: block;
	padding: 7px 20px;
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAdCAYAAACnmDyCAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAASFJREFUeNpi+P//PwMQWwLxaSB+B8SrgFgMKk40BhGCQPz6Pyq4TqphIML1P3ZwhRTDQIQqEP+j1DAYo/c/bkCUYTAGIxDPJGCYJDEGEWMYKALEiTGIWJeJE2MQ2Ybh8jPIsDmkGIYvJphIMYxQ+iDGMEliDCLGsFNAzEJsXmIiEAE2TAzEgf9QjFueCNeAYnASNbw2AY8hN4kN7DY8htwCYmlior8FjyH3gViGmATZjseQB0CsQEwWacZjyEMgViQm0zYQcIkSMcVIDR5DHuFyCbpBhXgMeQzEKsQUtbJA/AuHIc+JMQSEQVlEC4hZsST7l0DsDMR3iMtEkDLlKxaXaJNaQYJwIFJtC6q61UmtshnBpkEAyJv8QPyegQwAEGAA34Yxo0TtoCsAAAAASUVORK5CYII=');
	background-repeat: no-repeat;
	background-position: right 10px center;
	background-size: 7px auto;
	border-radius: 3px;
	font-size: 15px;
	text-decoration: none;
	}
.nav_guides > ul > li > ul > li > a:before{
	content: "-";
	padding: 0 3px 0 0;
	}
.nav_guides > ul > li > ul > li > a:hover,
.nav_guides > ul > li > ul > li.active > a,
.nav_guides > ul > li > ul > li > a.active
{
	color: #fff;
	background-color: #17191B;
	}


.guides_r_title{
	color: #000;
	font-weight: 500;
	font-size: 18px;
	margin: 0 0 22px 0;
	}
.guides_question{
	background-color: #f4f4f4;
	padding: 25px 20px;
	margin: 25px 0;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: center;
	}
.guides_question_title{
	color: #000;
	font-weight: 500;
	font-size: 16px;
	margin: 0 0 15px 0;
	text-align: center;
	}
/* END Guides */


/* Choose Listing Type */
.choose_listing_type{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-evenly;
	align-items: flex-start;
	}
.choose_listing_type_b{
	margin: 0 10px 20px 10px;
	}
.choose_listing_type_img{
	min-height: 150px;
	text-align: center;
	}
/* END Choose Listing Type */


/* Currency Calculator */
.currency_calculator{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	max-width: 460px;
	margin: 0 0 30px 0;
	}
.form_line_title{
	width: 100%;
	margin: 0 0 10px 0;
	font-weight: 500;
	}
.form_line_title_red{
    color: #e53d3c;
    font-size: 14px;
	margin: 0 0 10px 0;
	}
.currency_calculator_b{
	width: 49%;
	}
.currency_calculator_b input, .currency_calculator_b select{
	font-weight: 500;
	}
.currency_calculator_b_sub{
	max-width: 225px;
	}
/* END Currency Calculator */


/* Categories */

.categories_page{
	display: flex;
	justify-content: flex-start;
	}
.categories_page_l{
	flex: 0 0 300px;
	margin: 0 30px 0 0;
	}
.categories_page_r{
	width: 100%;
	}

.categories_page_title{
	color: #000;
	font-weight: bold;
	font-size: 18px;
	margin: 0 0 22px 0;
	}
.categories_page_l_all{
	margin: 0 0 20px 0;
	}
.categories_page_l_all > a{
	padding: 0 0 0 16px;
	background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAdCAYAAACnmDyCAAAACXBIWXMAAAsTAAALEwEAmpwYAAABOUlEQVRIiaXVPUoEQRCG4bcGL7CJi6iwiiLoCcTMxNijmBsIikaCGCl4Ao/ipopo4l/gHwgGJgb7Gegus2NPdc1uQ0Xd80x1VUGbJEZZZtYCPiX1AIoRgCUz6wIfwKuZbQIgKRzACvAMqBRfQLsJsgy8VJB+bESRhUQm/fgGZqPIUw0iYEuSXyNgDnh0kO3BWQeZB+4dZGfovJPJg4Ps/vsmgXQymRwkf15BZoA7B9mrLUUJmQZuHWTfbcwfMgXcOMhRYEyYAC4c5BiwCLTmICcRRBIFYNQvy+wPrdzVzoAie7VSsS/HwcrFao+DVSsfwZLFT7Uxh52msLqZaIx5A9YGrqNYblpz3Rxg2YkFJjPYYQgKYD1gMfRASnoD1oGrxLYBnVBGlcyqDXgHWo2gEnbO75PdBVYl8QO1VV9cuBaayAAAAABJRU5ErkJggg==") no-repeat 0px center / 7px auto;
	color: #000;
	text-decoration: none;
	}
.categories_page_l_all > a:hover{
	padding: 0 0 0 13px;
	font-weight: 500;
	}

.categories_nav > ul > li{
	display: block;
	margin: 0 0 15px 0;
	}
.categories_nav > ul > li > a{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
	padding: 7px 25px 7px 10px;
	background-color: #f4f4f4;
	background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAdCAYAAACnmDyCAAAACXBIWXMAAAsTAAALEwEAmpwYAAABqElEQVRIiZXVzytEURTA8e+8WEuJLKzUSWxtKPn1B/gH7BQWJGVBzUKN2JnYEPlPsNdY2NDMGTJ+xUjZWcmzeHemZ7zzfpzNq3tun3fOve/dm/N9H1UdAfaBfuAUWBKRdzJErlKpdAIKdIXGy8B4FswDhlsQgAHgXFW7s0A1wI/IDWXBPBGpAkUjnxrz3HMNOErAeuOgnO8HXalqDjgE5o25ZWBCROpxFSEiPrAYU9kAcKaqPbFQSmzIwpqthcO1eQzMGeA1MB1u04ua5SqbB07SVhYJOewnJdYLRmvhUFWPYM2sNkvAaCIUwg6wP40xs7WW8In+jZr5RMjt4B6wYEwpARdpKioCy9Z7gBkR+Y6FVHUbWDHSVWBKRF4hZvtVdQvYMNI1h7w0BtoMZAdYN5AHYFJEnsOD/ypS1UIM8uiQWmviD6Sqm0A+oZL7qGT4PMoDBQN5IrgMIpEmpKqrwK4x59lVcmshEFxHfcAd0B6RfwPGkhAI1mjQQOoEZ04i0oCugK+ISqZF5CYNAsF1VAdmgQ83dklwyF+nReDvrnlAh4h8ZgEa8QukCa82bXMl8AAAAABJRU5ErkJggg==");
	background-repeat: no-repeat;
	background-position: right 10px center;
	background-size: 7px auto;
	border-radius: 3px;
	font-size: 16px;
	font-weight: 500;
	text-decoration: none;
	}
.categories_nav > ul > li > a:hover,
.categories_nav > ul > li.active > a,
.categories_nav > ul > li > a.active
{
	color: #fff;
	background-color: #17191B;
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAdCAYAAACnmDyCAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAASFJREFUeNpi+P//PwMQWwLxaSB+B8SrgFgMKk40BhGCQPz6Pyq4TqphIML1P3ZwhRTDQIQqEP+j1DAYo/c/bkCUYTAGIxDPJGCYJDEGEWMYKALEiTGIWJeJE2MQ2Ybh8jPIsDmkGIYvJphIMYxQ+iDGMEliDCLGsFNAzEJsXmIiEAE2TAzEgf9QjFueCNeAYnASNbw2AY8hN4kN7DY8htwCYmlior8FjyH3gViGmATZjseQB0CsQEwWacZjyEMgViQm0zYQcIkSMcVIDR5DHuFyCbpBhXgMeQzEKsQUtbJA/AuHIc+JMQSEQVlEC4hZsST7l0DsDMR3iMtEkDLlKxaXaJNaQYJwIFJtC6q61UmtshnBpkEAyJv8QPyegQwAEGAA34Yxo0TtoCsAAAAASUVORK5CYII=');
	}

.categories_nav > ul > li > ul{
	padding: 5px 0 0 0;
	}
.categories_nav > ul > li > ul > li{
	display: block;
	margin: 0 0 3px 0;
	}
.categories_nav > ul > li > ul > li > a{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
	padding: 5px 25px 5px 10px;
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAdCAYAAACnmDyCAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAASFJREFUeNpi+P//PwMQWwLxaSB+B8SrgFgMKk40BhGCQPz6Pyq4TqphIML1P3ZwhRTDQIQqEP+j1DAYo/c/bkCUYTAGIxDPJGCYJDEGEWMYKALEiTGIWJeJE2MQ2Ybh8jPIsDmkGIYvJphIMYxQ+iDGMEliDCLGsFNAzEJsXmIiEAE2TAzEgf9QjFueCNeAYnASNbw2AY8hN4kN7DY8htwCYmlior8FjyH3gViGmATZjseQB0CsQEwWacZjyEMgViQm0zYQcIkSMcVIDR5DHuFyCbpBhXgMeQzEKsQUtbJA/AuHIc+JMQSEQVlEC4hZsST7l0DsDMR3iMtEkDLlKxaXaJNaQYJwIFJtC6q61UmtshnBpkEAyJv8QPyegQwAEGAA34Yxo0TtoCsAAAAASUVORK5CYII=');
	background-repeat: no-repeat;
	background-position: right 10px center;
	background-size: 7px auto;
	border-radius: 3px;
	font-size: 15px;
	text-decoration: none;
	}
.categories_nav > ul > li > ul > li > a:hover,
.categories_nav > ul > li > ul > li.active > a,
.categories_nav > ul > li > ul > li > a.active
{
	color: #fff;
	background-color: #17191B;
	}


.categories_nav > ul > li > ul > li > ul{
	padding: 5px 0 0 0;
	}
.categories_nav > ul > li > ul > li > ul > li{
	display: block;
	margin: 0 0 3px 0;
	}
.categories_nav > ul > li > ul > li > ul > li > a{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
	padding: 5px 25px 5px 20px;
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAdCAYAAACnmDyCAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAASFJREFUeNpi+P//PwMQWwLxaSB+B8SrgFgMKk40BhGCQPz6Pyq4TqphIML1P3ZwhRTDQIQqEP+j1DAYo/c/bkCUYTAGIxDPJGCYJDEGEWMYKALEiTGIWJeJE2MQ2Ybh8jPIsDmkGIYvJphIMYxQ+iDGMEliDCLGsFNAzEJsXmIiEAE2TAzEgf9QjFueCNeAYnASNbw2AY8hN4kN7DY8htwCYmlior8FjyH3gViGmATZjseQB0CsQEwWacZjyEMgViQm0zYQcIkSMcVIDR5DHuFyCbpBhXgMeQzEKsQUtbJA/AuHIc+JMQSEQVlEC4hZsST7l0DsDMR3iMtEkDLlKxaXaJNaQYJwIFJtC6q61UmtshnBpkEAyJv8QPyegQwAEGAA34Yxo0TtoCsAAAAASUVORK5CYII=');
	background-repeat: no-repeat;
	background-position: right 10px center;
	background-size: 7px auto;
	border-radius: 3px;
	font-size: 15px;
	text-decoration: none;
	}
.categories_nav > ul > li > ul > li > ul > li > a:hover,
.categories_nav > ul > li > ul > li > ul > li.active > a,
.categories_nav > ul > li > ul > li > ul > li > a.active
{
	color: #fff;
	background-color: #17191B;
	}

.categories_filter{
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-end;
	align-items: center;
	margin: 0 0 20px 0;
	}
.categories_filter_title{
	font-size: 16px;
	font-weight: 500;
	margin: 0 10px 0 0;
	}
.categories_filter_sort{
	margin: 0 0 0 0;
	width: 150px;
	line-height: 0.9;
	}
.categories_filter_sort .line_f_select{
    height: 34px;
	}
.categories_filter_but{
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-items: center;
	margin: 0 0 0 20px;
	}
.categories_filter_but a{
	display: block;
	width: 22px;
	height: 22px;
	background-repeat: no-repeat;
	background-position: center;
	background-size: 22px 22px;
	}
.categories_filter_but a.categories_filter_but_p{
	background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFoAAABaCAYAAAA4qEECAAAACXBIWXMAAAsTAAALEwEAmpwYAAAC0UlEQVR4nO3dO2sUURjG8f8OGq20iZcgWL6NjRYasRLBD6B4gZDWtGprEbQQ7bTWWsFVkg8gaLSQqIWksJjTCd5gU2iXVWEtZg1L2MY94zMDPr9y4Rze82f2wsDudgaDASmlw8BdYBbYSTM+AveBWxHxM2ejlNJ24BpwCThQw2yT2ABWgSsRsdYpy/LI8IGphgbaqhsRF3M2SCl1gfM1zZOrDxwrqK7ktkQGuJBSOjnp4pTSKdoTGWAHcKegerlom+MZa1t5noKqeNvkvE+08jxF0xP8LxxaxKFFHFrEoUUcWsShRRxaxKFFHFrEoUUcWsShRRxaxKFFHFrEoUUcWsShRRxaxKFFHFrEoUUcWsShRRxaxKFFHFqkAAZNDzFGzkytPE8BfG16ijE+Z6xt43m+FFRfZ2iTHrCcsX4JWK9plrrcK4CbwOOmJxnqAXMRMXGoiOgBc8O92uARcLszGFQvacOvM5wAdjUwzC/gA7CcE3lUSmkaOAscBLbVsedf+g68iogXAJuh7d/yxzsRhxZxaBGHFnFoEYcWcWgRhxZxaBGHFnFoEYcWcWiRzduHw19uOdrgLN+ApeH95Gwppb1Ut0l317HfBAbA24h4DtApy3IKeACca2igUetUN/6f5mySUjoNPASma5kqTxeY75RleQNYbHqaET3g0KRX9vBKfk87Iv+xWAALTU+xxR7gTMb6M7QrMsBCAexreooxZjLW7q9tivrMFECn6SnGyJmplefxxzsRhxZxaBGHFnFoEYcWcWgRhxZxaBGHFnFoEYcWcWgRhxZxaBGHFnFoEYcWcWgRhxZxaBGHFnFoEYcWcWgRhxZxaBGHFimo/ny2bTYy1rbxPP0CeNP0FGOsZqx9XdsU9VktgMvAj6YnGdGNiJVJF0fEM+BJfeNk6wNXi4h4R/WvxS9p9mn3CbgOzNew19xwr5yfdcvVB1aA2YhY+w36VISHSiIV+QAAAABJRU5ErkJggg==");
	}
.categories_filter_but a.categories_filter_but_l{
	margin: 0 0 0 15px;
	background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAABMCAYAAACbHRIPAAAACXBIWXMAAAsTAAALEwEAmpwYAAABnElEQVR4nO3aPUoDURhG4TNXXYLaqJXcBcRawSWkcysuycZFaOdfPwM20UbEFUgci+ig2HtfyHmqlB8cJjDD243jCMAwDAU4AWbAFvoP78ADcFVr/QDoxnFkGIZD4IJVDP2/O+Cs1vrY9X2/A9wDe42PWndPwKwA5xgjwT5wXoB560s0mRd8OpIcFGCj9RWabJTWF+g3g4QxSJgCLFsfocmyAM+tr9BkUYDL1ldoctn1fb/N6tPJfutr1twCmJVa6ytwCtw2Pmid3QCntda37sfn9w44Bo6A3YbHrZMXVv9O17XWEb4+vyuH7yFhDBLGIGEMEsYgYQwSxiBhDBLGIGEMEsYgYQwSxiBhNr9/uH5vwvV7KNfvgVy/h3H9Hsj1exjX72Fcv6cxSBiDhHH9nsX1exjX72Fcvwdx/R7E9XsI1+/pfA8JY5AwBgljkDAGCWOQMAYJY5AwBgljkDAGCWOQMAYJ4/q9LdfvoVy/B3L9Hsb1eyDX72Fcv4dx/Z7GIGEMEsb1exbX72Fcv4dx/R7E9XsQ1+8h/qzfPwHTBpcegjvsYgAAAABJRU5ErkJggg==");
	}
.categories_filter_but a.categories_filter_but_p:hover, .categories_filter_but a.categories_filter_but_p.active{
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFoAAABaCAYAAAA4qEECAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAghJREFUeNrsnUtKA0EURctg1JFOjJ+JS/AzEMVRELMBF6GrUHE3akBXIJqJ+FmF+ImoAx2ZgBDfS0eJmVYndQnnwM0gUM17h24aqrurQshYtlxaviytRHmw7FuKIR4/xoHlMWE/7vLCsvRb1IqlmbCg3hznIPpEqJ+GZdGLqgkV9ZtyhORNwX7OC/azFvRYjxgr2Y+LHhcsbCJirGQ/hQADAdGIRjQgGtGIRgGiEQ2IRjSiAdGIBkQjGtGAaEQDohGNaEA0ogHRiEY0IHqoRLcE62olGtu3flz0i2BhzxFjFfup+89h0Hpp+9UyHdFUyfIm1tOeFzYWdD5FcMlbOZxBlc6xFHo6shRHuoorWzYskwkurW/LveXM8p7TMf2q2LYsWEYT9PRpuQrZpysAAAAAAAAAAAAgS/c0qa/cspqwlg/Lacgm7fNgJmTTpFOJ+vG56LuQravUxif+q0FjktwlV3JoshJ0nrL4GlHtBbkUH2WVIs9kyUdZ9aC32NNOhOhdwX4e/Cn4rOC9Yz5i7JxiP4WeG6LiTXqQY/vWD28qDQhEIxrRgGhEIxoFiEY0IBrRiAZEIxoQjWhEA6IRDYhGNKIB0YgGRCMa0YDooRLdFKyrETFWsZ+mi74VLOw6YuyNaj/DuF11NWhtV/1vb/Ba589UBflm6b5pep4bsD8lFvy3AfuPAAMArtDhjiBcOSAAAAAASUVORK5CYII=');
	}
.categories_filter_but a.categories_filter_but_l:hover, .categories_filter_but a.categories_filter_but_l.active{
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAABMCAYAAACbHRIPAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAVpJREFUeNrs2sEuA1EUBuA7LWsrbIgET8CapSfzPH0IVgivoMHGM1Ccq5OYxqarmTPN9yV/06S7e+b2tjd/U/5MIpeRs8h2oQ8fkafITeSr+8Fp5DHyLYPkIXJSB9FE9tphHHhgB/Vav52m8XIdubIeg9uJbNUdMo8cWY8UnutAPiNTa5HComkPFZKYWAIDwUDGNZCFZchzqNeBvFmHNF7qQGbWIY1Z/dm7W5ZXJ4fWY9jdUZYXu7/qxdZ9cck3VO4ix3UQTWdC9f1F5Dyy74HtxXv77XTrDzoAAAAAwCbpXr9rv/dP+71ov7Mm7fdktN8T0n5PRvs9G91eA8FARjYQ7fdEh7r2ey7a78lov2faHUX7XfudVdrvAAAAAAAbSft9WNrvRfudNWm/J6P9npD2ezLa79no9hoIBjKygWi/JzrUtd9z0X5PRvs90+4o2u/a76z6137/EWAAWXOCPRt0vZ8AAAAASUVORK5CYII=');
	}


.categories_list{
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	}
.cat_prod{
	box-sizing: border-box;
	width: 32%;
	border: 1px solid #e1e1e1;
	border-radius: 3px;
	margin: 0 2% 20px 0;
	padding: 20px 0 10px 0;
	}
.cat_prod:nth-child(3n+3){
	margin: 0 0 20px 0;
	}


.products_block{
	padding: 25px;
	margin: 0 0 20px 0;
	background: #fff;
	border: 1px solid #d6d6d6;
	border-radius: 5px;
	display: flex;
	flex-wrap: nowrap;
	justify-content: space-between;
	transition: all 0.3s 0.02s ease;
	}
.products_block:hover{
	box-shadow: 0 0 12px rgb(43 113 177 / 15%);
	}
.products_block_img{
	flex: 0 0 215px;
	margin: 0 20px 0 0;
	}
.products_block_img img{
	vertical-align: bottom;
	border-radius: 5px;
	}
.products_block_r{
	width: 100%;
	}
.products_block_top{
	display: flex;
	justify-content: space-between;
	}
.products_block_title{
	margin: 0 0 15px 0;
	font-weight: 600;
	}
.products_block_title a{
	color: #000;
	text-decoration: none;
	}
.products_block_title a:hover{
	text-decoration: underline;
	}
.products_block_shop{
	margin: 0 0 15px 0;
	}
.products_block_shop a{
	text-decoration: none;
	color: #4D545B;
	}
.products_block_desc{
	margin: 0 0 14px 0;
	}
.products_block_info{
	margin: 0 0 14px 0;
	display: flex;
	align-content: center;
	align-items: center;
	}

.products_block_loc{
	color: #767678;
	}

.products_block_price{
	padding: 19px 29px 19px 20px;
	margin: 0 0 0 auto;
	background: #f1f5f8;
	border-radius: 5px 0 0 5px;
	}
.products_block_price span{
	font-weight: 600;
	}

.products_block_rating {
	padding: 19px 20px 19px 50px;
	border-radius: 0 5px 5px 0;
	font-weight: 600;
	background-color: #f1f5f8;
	white-space: nowrap;
	text-align: right;
	}
.products_block_rating .icon-star--mask {
	color: #ebcc66;
	position: relative;
	top: 1px;
}

.products_block_slider_t {
	padding: 0 0 7px 0;
	font-weight: 600;
	}

.products_block_slider {
	display: flex;
	flex-wrap: wrap;
	padding: 0;
	position: relative;
	gap: 15px;
	}

.products_block_slide {
	display: flex;
	align-content: center;
	align-items: center;
	}

.products_block_slide_img {
	flex: 0 0 66px;
	}

.products_block_slide_img img {
	vertical-align: bottom;
	border-radius: 4px;
	}

.products_block_slide_r {
	padding: 0 0 0 10px;
	font-size: 12px;
	line-height: 16px;
	}

.products_block_slide_t{
	margin: 0 0 9px 0;
	}
.products_block_slide_t a{
	color: #000;
	text-decoration: none;
	}
.products_block_slide_t a:hover{
	text-decoration: underline;
	}

.products_block_slide_p span{
	font-weight: 500;
	}


.products_filter{
	border-top: 1px solid #e1e1e1;
	padding: 25px 0 0 0;
	}
.products_filter_b{
	padding: 0 0 20px 0;
	}
.products_filter_t{
	margin: 0 0 5px 0;
	font-weight: 500;
	}
.products_filter_line{
	padding: 10px 0 0 0;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
	}
.products_filter_line input{
	width: 49%;
	}

label.line_radio_block{
	display: block;
	margin: 0 0 10px 0;
	position:relative;
	font-weight: 500;
	}
label.line_radio_block input.line_radio{
	position: absolute;
	z-index: -1;
	opacity: 0;
	}
label.line_radio_block span{
	display:block;
	position: relative;
	padding: 0 0 0 30px;
	cursor: pointer;
	}
label.line_radio_block span:before{
	content:"";
	display:block;
	position:absolute;
	z-index:1;
	top:0;
	left:0;
	width: 20px;
	height: 20px;
	background: #fff;
	border: 2px solid #e1e1e1;
	border-radius: 50%;
	box-sizing: border-box;
	transition: all 0.3s 0.02s ease;
	}
label.line_radio_block span:after{
	content:"";
	display:block;
	position:absolute;
	z-index:1;
	top:5px;
	left:5px;
	width: 10px;
	height: 10px;
	background-color: #000;
	opacity: 0;
	transition: all 0.3s 0.02s ease;
	border-radius: 50%;
	}
label.line_radio_block input:checked + span:before {
	border-color: #000;
	}
label.line_radio_block input:checked + span:after {
	opacity: 1;
	}


/* END Categories */


/* Product Page - About Vendor */

.vendor_pg_top{
	background-color: #f8f8f8;
	padding: 25px 0 0 0;
	margin: -20px 0 30px 0;
	}
.vendor_pg_top__listing {
	padding-top: 15px;
}
.vendor_pg_top_list{
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
	}
.vendor_pg_top_img{
	flex: 0 0 114px;
	margin: 0 20px 0 0;
	}
.vendor_pg_top_r{
	width: 100%;
	}

.vendor_pg_top_img img{
	vertical-align: bottom;
	border-radius: 3px;
	}

.vendor_pg_top_name{
	color: #000;
	font-size: 24px;
	line-height: 26px;
	font-weight: 500;
	margin: 0 0 10px 0;
	}

.vendor_pg_top_line{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
	}
.vendor_pg_top_nocover {
	border-bottom: 1px solid #e1e1e1;
	padding: 0 0 10px 0;
}
.vendor_pg_top_nocover__avatar {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	height: 100px;
}
.vendor_pg_top_nocover__avatar__listing {
	height: 70px;
}
.vendor_pg_top_line_l{
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-items: center;
	margin: 0 0 0 0;
	}

.vendor_pg_rating{
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-items: center;
	padding: 0 30px 0 0;
	}
.vendor_pg_rating span{
	display: block;
	margin: 0 0 0 5px;
	width: 16px;
	height: 16px;
	background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADYAAAA2CAYAAACMRWrdAAAACXBIWXMAAAsTAAALEwEAmpwYAAAEIElEQVRoge2aX4hVVRjFf9cSS9OxvxY0WLNUSK2gpF6kl8wQih7CoXoKKuqhrCmLoaeCIuY1CsqHQjJ6MKSooGAgCCKkEiMSae7KIiooa0bLaTSd28O+U9c798/Z+55zHKMFhxnO2d9e3zprn32/fc6u1Go1/ouYVxaR7X7b/WXxnVkWETAM1IAHyyCrlDEUbV8CmDBCJOmHojnLGorDwNnAAuDxMggLd8z2xcA3BGEAUwTXfiyStwzHnuBfUQBnAY8VTVqoY7aXEdxa2HRpChiQ9FNR3EU7tpXZoiC4NlQkcWGO2T4f+BY4p02TIwTXfi6Cv0jHttJeFMAi4JGiyAtxrO7WAWBxl6Z/EFz7Je8cinJsiO6iIDi6pYgEcnfMdh/h2VqaMeQwcLmk3/LMowjHHiW7KIAlFOBaro7V3ToAnBsZegi4TNJEXrnk7djDxIsC6AMeyjOR3ByzvYTg1nmJXUwQnrWJPPJJEmZ7AbACWFX/uxK4Frimx3z2AJ8DY0AV+BqoSjoa21FbYbbnA/3AQMOxBlgNLAfOSMk8EePAPuArQu05c+yT9GergEq1Wh0g3PGVBAdm/l9OuSvsFBwHviM4PEZweAwYq1Sr1QeAFynx/UfBqAFDlVqthu37gJc4/cXVgC2SXvjnGbN9F7CduT/82mEauFfSq9A0edi+A3iN00/cCeAeSdtnTsyaFW1vBl4H5pebWzJOAHdL2tF4suV0b/sW4E3CW6W5jGPAnZJ2NV/o9Du2CdhFWMbPRRwDBiW93epix8rD9kbgLU5+yzQXcBTYLOmddg26llS2bwDeJdvCsQxMArdJGu3UKFOtaHs98B5h7XQqcQS4VdKH3RpmLoJtrwM+IL167xWHgE2SPsnSOHOlIekz4Cbg18TEesEEcHNWURBZQknaA2wADsbl1RPGgY2SdscERdeGkvYCb8TG9YAdkj6NDUotetckxqVgdUpQqrC1iXGlcUULs30BcFEKWSKW2b4wNijFsasSYnpFtGspwsochsmcKcLKnDiSOf93rAFJ02+PWGu7EhMQJay+s2ZpTEwDputHCvqAS2MCYh1LHYajwDrgSmAn4W1SLKKes9iXNrHCPgaelPRRw7lB29cDzwI3RnK/n7VxrGNZ79qXhGX7+iZRAEjaLWkDYbWQtQ6McizvobgfGASulrSzW2eSRiVdRxD4RY/cJyFmoTmP8Fl1UYvL3wPPAK9IOh6TQFP/twPPAWrRZBJYLCnTBBTjmJgt6iBhA9gqSdtSRQFImq67fAVwP9C8a2ch4YtPJsQIaxwKvwMjIR+NSJqK6KcjJP0laRvhu9swYaHZKoeOiBU2CTwf+DUs6XBEfBQkTUoaIYyUpwk3M7OwmOl+L7CiyI1drSBpHHjK9suE38JMKGWH6anA31cmQkfyp+rJAAAAAElFTkSuQmCC");
	background-repeat: no-repeat;
	background-position: center;
	background-size: 16px auto;
	}
.vendor_pg_rating--large span{
	width: 24px;
	height: 24px;
	background-size: 24px auto;
	margin: 0 0 0 12px;
}
.vendor_pg_rating span:first-child{
	margin: 0 0 0 0;
	}
.vendor_pg_rating span.active{
	background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADYAAAA2CAMAAAC7m5rvAAABlVBMVEUAAAD//wD//4D/v0D/zDP/20nfv0DjxlXmzE3tyEnuzETvz1Dw0kvx1UfyyVHyzE3zzknz0Ub0007qykrrzEfrzk7s0Eztykbwy0vxzUfxz0ztzknt0Efvz0rv0EnwzE3wzUvwzkrxz0jxzErtzkzuzEjvzkrv0EvwzUnwzkvw0EnxzUvtzUruzknuzUruzUnvz0rvz0nvzUzvzUvwz0vuzkvuz0ruzUvvz0vvzUrwz0nwzUvuzkruzUnvzkvvzkrvz0rwz0vwz0rwzkvvzkrvzknvzkvvzUrvzknvzkrwz0nwzkrwzkruzknuzUruzUnvzkrvz0rvzUrvzkrvzknvz0rwzUruzkruz0nuzUvvzUrvzknvzkrvz0rwzkrvzkrvzkvvzkrvzkrvzkrvzkrvzkrvzkrvzknvzkrvzkrwzkrvzkrvz0rvzkrvzkrvzkrvzkrvzkrvzknvzkrvzkrvzkrvzkrvzkrvzUrvzkvvzkrvzkrvzkruzkrvzkrvzkrvzkrvzkrvzkrvzkrvzkrvzkr////s6BYTAAAAhXRSTlMAAQIEBQcICQoODxAREhMUFRYXGBkaGx0iJCUqKzAxMjM0NTc5PD5BQkRGR0hJTE1PUFFSVVhaXF9hZWZobG1ub3R1d3x9foCBg4SGh4iKi42OkJGSlJWYmZqfoKqzt7u8vcTFysvMzdDS19zd4ubo6evs7e7v8PHy8/T19vf4+fr7/P3+iqKHxQAAAAFiS0dEhozeO10AAAHBSURBVBgZrcEJQxJBAAXgJ2mlllFRUNlpaWRGEZ1EFmR22SWVdpjRYUWXCYhcBsv7362AsKszy4z1ffjvvF5sxPNn2ABPobQX+ibJp9C2u0AW90DXE5oeQ9OuPE1FD/Q8Ys1DaOlbYk1uJ3Q8YMN9aOjLsmHJDXX32HQXynrSbFrcDlV3aDEORT0pWmR6oeY2bcagpHuBNuletNHVH4xOz3GNuelosL8LAp0+f3jizbcK5VKJqVjoyBbU+YYj8ZlkmYrKyZl4ZNiHawa1VW8AVw1qqkZgulimFuMKai6UqaFyGQ2hP1RWuYSmMyUqWj4Pi5EilSyfhc2pAhWUAlhjMMu28n6sc2KRbeSGIHB0gY4yxyF0+DcdpAcgcXCeUqljkIpTKg65d5SahdwvSv2E1A46cEPmJB0MQWaUDq5DZooOXkDmPR0kIJOmg0wHxLy0MQzaeCE2Qqu3hw68rtLiNMSibEkMwjQwy5abEHvFVV9CaPB/4KqXEPvEuq+hDrT4P7PuI4RcOa74Ht4EG1coyRV5F0T20zQf24x1OsM/aNoHkSCZneiG0NZYijwHkbH8pBtS28aztyAS8MCRJ4B/9RcvBWkPBm2GHgAAAABJRU5ErkJggg==");
	}
.vendor_pg_rating_text{
	font-weight: 500;
	}

a.vendor_pg_rating_text:hover {
	color: inherit;
}
.vendor_pg_rating_text .icon-star--mask {
	position: relative;
	top: 1px;
}
.vendor_pg_rating_text_f{
	margin: 0 5px 0 0;
	font-weight: 500;
	}

.vendor_pg_top_geo{
	padding: 0 30px 0 24px;
	background-image: url("data:image/png;base64,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");
	background-repeat: no-repeat;
	background-position: left center;
	background-size: 18px auto;
	}

.vendor_pg_top_follow a{
	text-decoration: none;
	padding: 0 0 0 28px;
	background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACwAAAAmCAYAAAC/H3lnAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAARiSURBVHgBzVgxcxtFFP52T8p4iMNchhmQ5MxwdJQicRh3Vrp0mA4q2x1Udn6B5QqoYnehsunocCroZHdmkGPR0SGK6DQDhRhrQjLWaXlvFUm3e3fOnSzH+grptHv79tPb996+9wQuglt28U5uAwoVQHkQwtPjAh300QD6T6H6B2g3mkiDwpIH2Vu9jDwRL7hMwnJ7NFtBKqh99IPtxI2mKM+JvFu8vwFH/khPHyM1RBlCbuJWCThrHU1J3hrmS6/QbR0jkXBpcYu08C09zWEyVAzSl5M3R2sf2koYmwRrQqidyDKFw4Ft3SDbOm7qsYX7ZQQBa2E14Zir1ndKeWJrZNfmmkfw6ztjwmxjTu6UJtzQWx0osT18MRGFu2uJG5m7kjyswz85uPC14t1NSLllcmGn7H3CNj0gXLq3R9zXDOEieIDnjQbSQDuVU0skrVQTiuSljSascaiaQZpPxq8/EHozmfvT3GB8BKlRWKxAohY7J0g7af/8EKxpIR8bYy96tx3curOmjXtElrThn3yJrOi2mpgvfkRaLpsTFKJap98jK7r+MUWJCnHzRmN5+UrS12emfLWNSaHEfmTsXO5icjw15WNZ0jGaGgmcbEcXRrt+qG+t0QZ0Wn//Nrk81TMdlHxEWt6IS23ACPqPNFF2XCknPy1GxEmVJyi4K2OsVReYJVj8pHGEDE54ZgVehEuHTEKZhPN5D7OC81CEYCg0OUqYNnsjKGNmIG0uHTaJv4wh5SxjVqCEyUXgSCIQ1t2uVjAzkBXjZx+HEnO9huV4rr5mrxvFeyu6Khmjw3FeotkgsuoH42WBLVw7xIb5W2lLkPrZNgvOca9Ty6xdO8/mkglDwnyl6sQ6BCn2cF2wszTm9vrWk6FB6xol+ykuPsbbBpdVpu1yTrE+fBzXdJwevlu8TX9vaTQmsISbpSM99zagTUE8MQcpPfVPRz4mjbl8UB0kLiFI/KST/KuGLiQsM2Qur213TCcMjhhKrFuiXMh87UpJa7L5WiRzlMHndsYmI4u1A1KKaEB5V0Z6SNa2W5BPxZRVTqwQLk9se2ZNC2cFcwtHeNFqYxpYKFNpn/85lmyrXo1bEk+Yceb/ElOjubTii7iOTHayn66SQrgjVDDGFV1i/slm0rJkwoyufxCj6UFHZr7kIvf+r3jZfoks4Hz7vTvfELFoR0ipXSL71UXL01UXpcUqfcZc14K8+Dx9v0G3AjgSREyAkWgGYThIg7PWIeYL/5J5PLRm3EETsOjh5ge/o9vuxK4falXgiV5jgJs28msim6oPkq1+u7DDQ9oWFDOfP9tHmCj3lwU2IyFLc6U4y6ErQ5Mle8HJdda5QxeMnU3BJK7kh4P2V+zxD+z1P7qoOo0OMmDyCpntUai9NzcBLeg+G11OHO8nQDobjgPnF11/l/q3gkhw+/8N1TYXu+I70uo6/nn2BybEdHoQA9uuEunV6KQmukuNvJ2sxx+H6TZNhsSBZZLsTpPoEP8DDGrHgCrZnfoAAAAASUVORK5CYII=');
	background-repeat: no-repeat;
	background-position: left center;
	background-size: 18px auto;
	}
.vendor_pg_top_follow a:hover, .vendor_pg_top_follow a.active{
    color: #00B47B;
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACwAAAAmCAYAAAC/H3lnAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAuJJREFUeNrMWNt12kAQXfa4AKeCqAQlDRhXEPLrH0wFlitAqgBRAfgj+Q2uAFJAAh1Y6WA7IDNkxNkMs8uuHoY5Z62DrL17dTU7jx3s93vlssHv77dweYIxhJHQQDMwdjBeYaz2nx8qFWCAh/PHbfAGEmECXhBwiC1hFK6FusTTAjgquo0AR3uE8QZzpx3ibWFu5iVMC5YwblUzy23SLfFwzoyLcHQJUqIUJm64b8GzKVxSyx9PiLNrKN7U8mvbnuHZ8kiYfGzLlDDkR+WZjfToWUgxvAngrc7gZYTHuXzCF6xdQnrg/hxZNHgGN8g9DF+kqGjBVQBeSXiGucfi8ELq1zdU5s31CUINlEHXWDv+jWR3kXio9Izd/oAKj7gasWRJGfTNFylExZK1lN6w2xkS/sJuFqq5LYV78xZ4r+z3nabdaduuKTqpbNjX2rUgzH0+0TxGtlzg4P+0yUzLr6WETJfcqI6NosZS9WSafcK64LkKE7iYE8IBCeA9jXM5JA7us+kVEU4lhf/w0HFFhDmXn1oIHaMrIswLq03tEv/lbUqzl95wI+bDBuO8hj9GSKnTK1D3SUoi2pFRhpdUmdQdSiWDtlIqLzQWF1SXV2mbOutpT9GTwJvOLqCu1AxMTno6UplXVtl7uga5Qi6Up5Wra86FzuEHtVB9k00EN6z4l9escDG2/FZ7su6TNGGvhe76K6/YtKOmfRZyei+kLbIcu5BKXe1pT+YO0mmHZFMP2dxVXrrq2kxIKDXprAOyYwfZFxdZ59kaAy6FrKPo0KUgv4+tcTF0SS89J6FUY8K0SO5I1xWdX1QRRwELR81d+JSNIuw5J7C7Zd/ppU9VQ+cgQW1VMOEzO/oYM+2FrfPlTMkHghWFruDGN4qwRSJ3+LUd7D+qf8emrlCIUSiP3gOxhAP90Wf4QhOK9/HrNiXMNuRYhZ1eoqplrKqdErZ8uybeC9FOCQvE72iTdUa0tr8CDAAQ8nRXGD73KAAAAABJRU5ErkJggg==');
	}

.vendor_pg_top_line_r{
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-items: center;
	margin: 0 0 5px 0;
	}
.vendor_pg_top_line_r div{
	padding: 0 0 0 25px;
	}
.vendor_pg_top_line_r div span{
	font-weight: 500;
	}



.vendor_pg_top_line_nav{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: flex-start;
	padding-top: 24px;
	}
.vendor_pg_top_nav{
	order: 1;
	}
.vendor_pg_top_nav > ul{
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-items: center;
	}
.vendor_pg_top_nav > ul > li{
	display: block;
	padding: 0 30px 0 0;
	}
.vendor_pg_top_nav > ul > li > a,
.vendor_pg_top_nav > ul > li .link-button {
	display: block;
	padding: 0 0 22px 0;
	position: relative;
	font-weight: 500;
	color: #000;
	text-decoration: none;
	cursor: pointer;
	}
.vendor_pg_top_nav > ul > li .link-button:hover {
	color: #000;
}
.vendor_pg_top_nav > ul > li > a:before,
.vendor_pg_top_nav > ul > li .link-button:before {
	content:"";
	display:block;
	position:absolute;
	z-index:1;
	bottom: 0;
	left:0;
	height: 3px;
	width: 0;
	background: #000;
	transition: all 0.3s 0.02s ease;
	}
.vendor_pg_top_nav > ul > li > a:hover:before,
.vendor_pg_top_nav > ul > li .link-button:hover:before,
.vendor_pg_top_nav > ul > li.active > a:before,
.vendor_pg_top_nav > ul > li > a.active:before {
	width: 100%;
	}

.vendor_pg_top_nav__avatar{
	padding-left: 180px;
}
.vendor_pg_top_nav__nocover.vendor_pg_top_nav__avatar {
	padding-left: 180px;
}

.vendor_pg_top_report{
	order: 2;
	}
.vendor_pg_top_report a{
	color: #cd766d;
	}
.vendor_pg_top_report a:hover{
	color: #00B47B;
	}

.vendor_pg_top_cover {
	display: flex;
	height: 226px;
	border-radius: 8px;
	padding: 0 30px 10px;
	box-sizing: border-box;
	align-items: end;
	box-shadow: 0 3px 8px rgb(0 0 0 / 20%);
	background-position: center center;
}

.vendor_pg_top_cover > div:not(.vendor_pg_top_avatar) {
	flex: 1;
}
.vendor_pg_top_cover .vendor_pg_top_line {
	width: 100%;
}

.vendor_pg_top_avatar {
	border-radius: 4px;
	height: 122px;
	width: 122px;
	position: relative;
	margin-right: 20px;
	margin-bottom: -50px;
}

.vendor_pg_top_cover,
.vendor_pg_top_cover * {
	color: white;
}

.product_pg{
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
	margin: 0 0 10px 0;
	}
.product_pg_l{
	flex: 0 0 340px;
	margin: 0 40px 20px 0;
	}
.product_pg_r{
	width: 100%;
	margin: 0 0 20px 0;
	}

.product_pg_img{
	margin: 0 0 20px 0;
	}
.product_pg_img label {
	cursor: pointer;
}
.product_pg_img img{
	border-radius: 5px;
	vertical-align: bottom;
	}

.product_pg_img_list{
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	gap: 20px;
	align-items: center;
	}
.product_pg_img_list div{
	width: 100px;
	}
.product_pg_img_list label{
	cursor: pointer;
}
.product_pg_img_list img{
	vertical-align: bottom;
	border-radius: 3px;
	}
.product_pg_img_list div a{
	position: relative;
	display: block;
	}
.product_pg_img_list div a:before{
	content: "";
	position: absolute;
	z-index: 1;
	top: 0;
	left: 0;
	display: block;
	width: 100%;
	height: 100%;
	border: 2px solid transparent;
	box-sizing: border-box;
	transition: all 0.3s 0.02s ease;
	}
.product_pg_img_list div a:hover:before, .product_pg_img_list div a.active:before{
	border-color: #1e1e20;
	}

.product_pg_r_title{
	font-size: 27px;
	line-height: 30px;
	text-transform: uppercase;
	margin: 0 0 25px 0;
	}
.product_pg_r_price{
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-items: center;
	font-size: 15px;
	margin: 0 0 20px 0;
	}
.product_pg_r_price span{
	font-weight: bold;
	font-size: 26px;
	line-height: 26px;
	padding: 0 10px 0 0;
	}

.product_pg_r_escrow{
	margin: 0 0 25px 0;
	}
a.escrow_listing_but{
	display: inline-block;
	padding: 0 15px;
	height: 34px;
	border-radius: 4px;
	background-color: #f3f3f3;
	font-size: 14px;
	color: #000;
	font-weight: bold;
	line-height: 34px;
	text-decoration: none;
	text-align: center;
	}
a.escrow_listing_but:hover{
	color: #fff;
	background-color: #1a1f23;
	box-shadow: 0px 3px 10px rgb(0 0 0 / 30%);
	}

.product_pg_r_text{
	margin: 0 0 25px 0;
	}

.product_pg_r_form{
	display: flex;
	justify-content: flex-start;
	align-items: center;
	margin: 0 0 25px 0;
	}
.product_pg_r_form_b{
	flex: 0 0 80px;
	margin: 0 20px 0 0;
	}
.product_pg_r_form_bb{
	width: 100%;
	}

.product_pg_r_but{
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-items: center;
	}
.product_pg_r_but div{
	width: 144px;
	margin: 0 20px 0 0;
	}

.product_pg_title_line{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
	}
.product_pg_sub_title{
	font-size: 20px;
	font-weight: bold;
	}


.product_pg_text{
	overflow-y: scroll;
	box-sizing: border-box;
	max-height: 460px;
	padding: 18px;
	margin: 0 0 60px 0;
	border: 1px solid #e1e1e1;
	border-radius: 4px;
	}
.product_pg_text::-webkit-scrollbar { width: 4px; height: 2px;}
.product_pg_text::-webkit-scrollbar-button {  background-color: #f0f0f0;border-radius: 2px; display: none; }
.product_pg_text::-webkit-scrollbar-track {  background-color: #f0f0f0;border-radius: 2px;}
.product_pg_text::-webkit-scrollbar-track-piece { background-color: #f0f0f0; border-radius: 2px;}
.product_pg_text::-webkit-scrollbar-thumb { height: 10px; background-color: #c6c6c6; border-radius: 2px;}
.product_pg_text::-webkit-scrollbar-corner { background-color: #f0f0f0;border-radius: 2px;}
.product_pg_text::-webkit-resizer { background-color: #f0f0f0;border-radius: 2px;}


.product_pg_reviews{
	margin: 0 0 20px 0;
	border: 1px solid #e1e1e1;
	border-radius: 4px;
	}
.product_pg_reviews_b{
	display: flex;
	justify-content: flex-start;
	padding: 25px;
	border-bottom: 1px solid #e1e1e1;
	}
.product_pg_reviews_b:last-child{
	border-bottom: 0;
	}
.product_pg_reviews_bl{
	flex: 0 0 64px;
	margin: 0 20px 0 0;
	}
.product_pg_reviews_bc{
	width: 100%;
	}
.product_pg_reviews_br{
	flex: 0 0 180px;
	text-align: right;
	}
.product_pg_reviews_br .vendor_pg_rating {
	justify-content: flex-end;
	padding: 0 0 0 0;
	margin: 0 0 20px 0;
	}
.product_pg_reviews_date{
	font-size: 14px;
	color: #767678;
	}
.product_pg_reviews_bl img{
	vertical-align: bottom;
	}
.product_pg_reviews_name{
	font-size: 16px;
	font-weight: bold;
	margin: 0 0 20px 0;
	}

.vendor_pg_top_bg{
	position: relative;
	}
.vendor_pg_top_bg img{
	vertical-align: bottom;
	border-radius: 5px;
	}
.vendor_pg_top_bg:before{
	content: "";
	display: block;
	position: absolute;
	z-index: 1;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.2);
	border-radius: 5px;
	}
.vendor_pg_top_list_white{
	margin: -80px 0 0 0;
	padding: 0 20px;
	position: relative;
	z-index: 2;
	}
@media (min-width: 1020px) {

.vendor_pg_top_list_white .vendor_pg_top_line{
	border-bottom: 0;
	}
.vendor_pg_top_list_white .vendor_pg_top_line, .vendor_pg_top_list_white .vendor_pg_top_name{
	color: #fff;
	}

.vendor_pg_top_list_white .vendor_pg_top_geo{
	background-image: url("data:image/png;base64,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");
	}


.vendor_pg_top_list_white .vendor_pg_top_follow a{
	color: #fff;
	background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACwAAAAmCAYAAAC/H3lnAAAACXBIWXMAABYlAAAWJQFJUiTwAAACZ0lEQVRYhcWY4ZGbMBCFn6mAEiiBDo4O4g4uHdgd4FQQpwKcDu4qIOkgHehSgdzByw/A0S2LkBDgN7Mzli09fVqtZeEDSXiUAzgBqAAUfQDAHcAfAO8A3gB8+EwcFQBek/xIalGQbBmuph+zuZ9mfiJpI8xd1Sv6WZLnOeB6IairekM/yExoatmt1N2ikuRXTm9z7YH1+ZmJMY9MuzVmRSdLZUuU8E0k/Y4BfucJlsIFbpQOZYC5u2AftKH/SymjVKDbAbhQJgjJrIzKAxyzeDfTUrn2gVlgPsRNmaRJ8GuF1yUD8EUczd8CfwQ03ZT3fiT4vYv2CziulSXb54brl7JbWrkaKFuYMgH4/9Sw/etUv086kJSXiUPCFm6hT3wZuouHq3wvkgDlon3XgIs9SAJViPZHhu5a56rcgyRQpWjfMwB/xZsv+7AESbL8ztBdmF0dd0EJUyXav0Ay5/gsrlY4jlLjKJgsyccp8VOspN4jfTM6ifYbgMdtrZIH9JOzLLNLiuslOL5omCcCG8HSDp+5nbQsf38CbK1wFBowSF6VznuWhlYKjdtHDsg53g7LuKeFpVFwfFoZObc2UCuN0cANYGWiSOWqO2Vw3hF6Cvai9fcZXSegR6tOiDIGdg4Y1J/RLJc9pMp4pf6P0M03LsRYyzTZHXn5AtC8H6vpOjc+dJLLxASGcXVdcfr/i8kyWAIM6l/EQc0MuC+rlhHPfrHbWXgyZJSJc3a/XNYzpoxhiAUeIKbq2gWvPYtj75HHzr8EOKQefTJM+LlPAR7iEghu+77RWV0beKjt25agawNLcLM26BD/AMOeohXX7Q3tAAAAAElFTkSuQmCC');
	}
.vendor_pg_top_follow a:hover, .vendor_pg_top_follow a.active{
	color: #00B47B;
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACwAAAAmCAYAAAC/H3lnAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAuJJREFUeNrMWNt12kAQXfa4AKeCqAQlDRhXEPLrH0wFlitAqgBRAfgj+Q2uAFJAAh1Y6WA7IDNkxNkMs8uuHoY5Z62DrL17dTU7jx3s93vlssHv77dweYIxhJHQQDMwdjBeYaz2nx8qFWCAh/PHbfAGEmECXhBwiC1hFK6FusTTAjgquo0AR3uE8QZzpx3ibWFu5iVMC5YwblUzy23SLfFwzoyLcHQJUqIUJm64b8GzKVxSyx9PiLNrKN7U8mvbnuHZ8kiYfGzLlDDkR+WZjfToWUgxvAngrc7gZYTHuXzCF6xdQnrg/hxZNHgGN8g9DF+kqGjBVQBeSXiGucfi8ELq1zdU5s31CUINlEHXWDv+jWR3kXio9Izd/oAKj7gasWRJGfTNFylExZK1lN6w2xkS/sJuFqq5LYV78xZ4r+z3nabdaduuKTqpbNjX2rUgzH0+0TxGtlzg4P+0yUzLr6WETJfcqI6NosZS9WSafcK64LkKE7iYE8IBCeA9jXM5JA7us+kVEU4lhf/w0HFFhDmXn1oIHaMrIswLq03tEv/lbUqzl95wI+bDBuO8hj9GSKnTK1D3SUoi2pFRhpdUmdQdSiWDtlIqLzQWF1SXV2mbOutpT9GTwJvOLqCu1AxMTno6UplXVtl7uga5Qi6Up5Wra86FzuEHtVB9k00EN6z4l9escDG2/FZ7su6TNGGvhe76K6/YtKOmfRZyei+kLbIcu5BKXe1pT+YO0mmHZFMP2dxVXrrq2kxIKDXprAOyYwfZFxdZ59kaAy6FrKPo0KUgv4+tcTF0SS89J6FUY8K0SO5I1xWdX1QRRwELR81d+JSNIuw5J7C7Zd/ppU9VQ+cgQW1VMOEzO/oYM+2FrfPlTMkHghWFruDGN4qwRSJ3+LUd7D+qf8emrlCIUSiP3gOxhAP90Wf4QhOK9/HrNiXMNuRYhZ1eoqplrKqdErZ8uybeC9FOCQvE72iTdUa0tr8CDAAQ8nRXGD73KAAAAABJRU5ErkJggg==');
	}
}


.vendor_pg_pgp{
	box-sizing: border-box;
	width: 100%;
	height: 400px;
	resize: none;
	background: #fff;
	border: 0 solid #d5d5d5;
	border-radius: 4px;
	margin: 0 0 0 0;
	padding: 0 50% 0 0;
	box-sizing: border-box;
	font-size: 14px;
	line-height: 14px;
	}

/* END Product Page - About Vendor */

/* POSTS */
/* END POSTS */

/* POSTS */
/* END POSTS */

/* POSTS */
/* END POSTS */

/* POSTS */
/* END POSTS */

/* POSTS */
/* END POSTS */

@media (max-width: 1220px) {
	.main_shop_img,
	.main_top_shop_img {
		height: 210px;
	}
}

@media (max-width: 1020px) {
	.main_shop_img,
	.main_top_shop_img {
		height: 165px;
	}
}

@media (max-width: 800px) {
	.main_shop_img,
	.main_top_shop_img {
		height: 125px;
		overflow: hidden;
	}
	.main_shop_img a,
	.main_top_shop_img a {
		overflow: hidden;
	}
}

.scroll-hidden {
	scrollbar-width: none;
}

/* === blackops-style1100.css === */
@media screen and (max-width: 1400px) {
.wrap {
	width: 1180px;
	}
.h_search {
	width: 600px;
	}


/* Product Page - About Vendor */
.vendor_pg_rating {
	padding: 0 20px 0 0;
	}
.vendor_pg_top_geo {
	padding: 0 20px 0 24px;
	}
.vendor_pg_top_line_r div {
	padding: 0 0 0 15px;
	}
.product_pg_l {
	margin: 0 30px 20px 0;
	}
.vendor_pg_pgp{
	padding: 0 40% 0 0;
	}
/* END Product Page - About Vendor */

}
/* === blackops-style980.css === */
@media screen and (max-width: 1200px) {
.wrap {
	width: calc(100% - 40px);
	}
.h_search {
	width: 460px;
	}
.h_search_list_l {
	flex: 0 0 160px;
	}
a.h_mess{
	}
a.h_course{
	}
a.h_name{
	}
.main_top_shop_bc {
	width: 100%;
	max-width: 210px;
	}

.container {
	padding: 15px;
	}

/* F.A.Q. */
.faq_container{
	padding: 10px;
	}
/* END F.A.Q. */


/* Guides */
.guides_l{
	flex: 0 0 260px;
	margin: 0 20px 0 0;
	}
.nav_guides > ul > li > a{
	padding: 7px 10px;
	}
.nav_guides > ul > li > ul > li > a{
	padding: 7px 10px;
	}
/* END Guides */

.currency_rates_list{
	padding-left: 25px;
}

/* Categories */

.cat_prod{
	width: 48%;
	}
.cat_prod:nth-child(3n+3){
	margin: 0 2% 20px 0;
	}
.cat_prod:nth-child(2n+2){
	margin: 0 0 20px 0;
	}
.products_block {
	padding: 15px;
	}
.products_block_price{
	padding: 9px 10px 9px 10px;
	margin: 0 0 0 0;
	background: #f1f5f8;
	border-radius: 5px 0 0 5px;
	}
.products_block_rating {
	padding: 9px 10px 9px 30px;
	border-radius: 0 5px 5px 0;
	font-weight: 600;
	text-align: right;
	}

/* END Categories */


/* Product Page - About Vendor */
.vendor_pg_top_line_r div {
	padding: 0 15px 0 0;
	}
.vendor_pg_top_list_white {
	margin: -100px 0 0 0;
	padding: 0 10px;
	}
.vendor_pg_pgp{
	padding: 0 30% 0 0;
	}
.vendor_pg_top_cover {
	height: auto;
	min-height: 226px;
	background-size: cover;
}
.vendor_pg_top_nocover__avatar {
	height: auto;
}
.vendor_pg_top_nav__nocover.vendor_pg_top_nav__avatar,
.vendor_pg_top_nav__avatar{
	padding-left: 0;
}
.vendor_pg_top_avatar {
	margin-bottom: 5px;
}
/* END Product Page - About Vendor */



/* Create Listing - Digital\Physical Product */
.prod_info_file_inp {
	width: 200px;
	}
textarea.line_f_textarea {
	height: 200px;
	}
/* END Create Listing - Digital\Physical Product */

}
/* === blackops-style760.css === */
@media screen and (max-width: 1020px) {
.wrap {
	width: 760px;
	box-sizing: border-box;
	padding: 0 10px;
	}

.h_search {
	width: 350px;
	}
.h_search_list_l {
	flex: 0 0 130px;
	}
a.h_mess{
	}
a.h_course{
    padding: 0 0 0 22px;
	}
a.h_course span{
	display: none;
	}
a.h_name{
	}

.main_nav_list{
	flex-wrap: wrap;
	justify-content: space-between;
	}
.main_nav_cat{
	width: 100%;
	flex: 0 0 auto;
	margin: 0 0 0 0;
	}
.main_nav_cat__currency{
	display: none;
}
.main_nav_cat > ul > li > a{
	height: 44px;
	}
.nav_main {
	width: auto;
	}
.nav_main > ul > li > a{
	height: 44px;
	}


.main_nav_cat > ul > li > ul{
	position: relative;
	top: 0;
	left: 0;
	}
.main_nav_cat > ul > li > ul > li > ul{
	position: relative;
	top: 0;
	left: 0;
	border-left: 0 solid #5d646c;
	}
.notyf_bl {
	font-size: 14px;
	}

.quick_search_list{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
	}
.quick_search_b{
	padding: 0 10px 10px 10px;
	box-sizing: border-box;
	}
.quick_search_b_text{
	width: 28%;
	}
.quick_search_b_inp{
	width: 72%;
	}
.quick_search_b_sel{
	width: 28%;
	}
.quick_search_b_sub{
	width: 16%;
	}
.main_top_shop_bc {
	max-width: 170px;
	}
.main_shop_info {
	justify-content: center;
	text-align: center;
	}
.main_shop_course{
	width: 100%;
	}
.main_shop_b {
	width: 50%;
}
.main_shop_b:nth-child(2n) .main_shop_bc {
	border-right: none;
}

.f_nav ul{
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: flex-start;
	}
.f_nav li{
	display: block;
	padding: 0 20px 10px 0;
	}
.f_nav li:last-child{
	padding: 0 0 10px 0;
	}
.container {
	padding: 10px;
	}

/* F.A.Q. */
.container_list{
	display: block;
	}
.container_list .main_list_nav_pr li {
	display: block;
	margin: 0 10px 10px 0;
	}
.container_list .main_list_nav_pr li:last-child {
	margin: 0 10px 10px 0;
	}
.main_list_nav_pr li {
	display: block;
	margin: 0 10px 10px 0;
	}
.main_list_nav_pr li:last-child {
	margin: 0 10px 10px 0;
	}
.main_list_nav_pr li a {
    display: block;
    width: 140px;
	}
/* END F.A.Q. */


/* Guides */

.guides_list{
	display: block;
	}
.guides_l{
	flex: 0 0 auto;
	margin: 0 0 30px 0;
	}
.guides_r{
	width: auto;
	padding: 15px 10px;
	}
.nav_guides > ul > li {
	margin: 0 0 15px 0;
	}
.nav_guides > ul > li > ul {
	padding: 5px 0 0 0;
	}
/* END Guides */

.currency_rates_list{
	grid-template-columns: repeat(1, 1fr);
	justify-content: space-between;
}

.currency_rates_b {
	display: flex;
	width: 100%;
	max-width: 200px;
	justify-content: space-between;
	box-sizing: border-box;
}

/* Categories */

.categories_page{
	display: block;
	}
.categories_page .categories_nav {
	display: none;
}
.categories_page_l{
	flex: 0 0 auto;
	margin: 0 0 30px 0;
	}
.categories_page_r{
	width: auto;
	}
.categories_nav > ul > li {
	margin: 0 0 20px 0;
	}
.cat_prod{
	width: 32%;
	padding: 10px 0;
	}
.cat_prod:nth-child(2n+2){
	margin: 0 2% 20px 0;
	}
.cat_prod:nth-child(3n+3){
	margin: 0 0 20px 0;
	}
.products_block {
	padding: 10px;
	}
.products_block_slider {
	gap: 8px;
}

/* END Categories */


/* Product Page - About Vendor */
.vendor_pg_top_list {
	display: block;
	}
.vendor_pg_top_nav > ul > li {
	padding: 0 15px 0 0;
	}
.product_pg_l {
	flex: 0 0 300px;
    margin: 0 20px 20px 0;
	}
.product_pg_r_title {
	font-size: 22px;
	line-height: 24px;
	}
.product_pg_img_list div {
	width: 85px;
	}
.vendor_pg_top_nav > ul > li > a,
.vendor_pg_top_nav > ul > li .link-button {
	padding: 0 0 15px 0;
	}
.vendor_pg_top_list_white {
	margin: -40px 0 0 0;
	padding: 0 10px;
	}
.vendor_pg_pgp{
	padding: 0 20% 0 0;
	}
/* END Product Page - About Vendor */


/* Create Listing - Digital\Physical Product */
.prod_info_file_inp {
	width: 150px;
	}
/* END Create Listing - Digital\Physical Product */

}
/* === blackops-style320.css === */
@media screen and (max-width: 759px) {
.wrap {
	width: 100%;
	min-width: 300px;
	}
body {
	font-size: 14px;
	}
.h_info{
	justify-content: flex-start;
	padding: 20px 0 15px 0;
}
.h_list{
	align-items: flex-start;
	}
.logo{
	width: 170px;
	order: 1;
	min-width: 100px;
	padding: 2px 0 0 0;
	}
.logo span{
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	}
.h_search{
	order: 3;
	width: 100%;
	padding: 10px 0 0 0;
	}
.h_right{
	order: 2;
	flex-grow: 1;
	width: 100%;
	}

.main_nav_list{
	flex-wrap: wrap;
	justify-content: space-between;
	padding: 0 0 0 0;
	}
.main_nav_cat{
	order: -1;
	}
.main_nav_cat__currency{
	display: none;
}
.main_nav_course{
	order: 3;
	justify-content: flex-start;
	}
.adapt_menu_but{
	display: block;
	order: 2;
	}
.nav_main{
	position: fixed;
	z-index: 88;
	top: 0;
	background-color: rgba(0, 0, 0, 0.9);
	left: -75dvw;
	transition: all 0.25s;
	order: 4;
	width: 75dvw;
	white-space: nowrap;
	padding: 0;
	height: 100dvh;
	overflow: hidden;
	}
input.adapt_menu_inp:checked ~ .nav_main{
	left: 0;
	}
.nav_main > div{
	background-color: rgba(64, 63, 63, 0.85);
}
.nav_main > ul{
	display: block;
	margin-top: 20px;
	}

.nav_main > ul > li{
	display: block;
	padding: 0 0 2px 0;
	position: relative;
	}
.nav_main > ul > li > a{
	height: auto;
	padding: 10px 25px;
	font-size: 18px;
	}
.nav_main > ul > li > a.active,
.nav_main > ul > li > ul > li > a.active {
	background: none;
	text-decoration: underline;
}
.nav_main > ul > li.nav_drop > a{
	background-image: none;
	padding: 0 30px 0 20px;
}
.nav_main > ul > li.nav_drop > a{
	padding: 10px 35px 10px 25px;
	}

.nav_main > ul > li > ul{
	display: block;
	position: static;
	transform: none;
	width: auto;
	background: none;
	box-shadow: none;
	padding-left: 15px;
	padding-top: 0;
	padding-bottom: 10px;
	}
.nav_main > ul > li > ul > li > a {
	padding: 2px 0;
}
.nav_main > ul > li:hover > ul{
	display: block;
	}

.quick_search_b_text{
	width: 100%;
	text-align: center;
	}
.quick_search_b_inp{
	width: 100%;
	}
.quick_search_b_sel{
	width: 50%;
	}
.quick_search_b_sub{
	width: 50%;
	}

.main_top_shop {
    margin: 0 auto 30px auto;
    padding: 15px 0 0 0;
	max-width: 320px;
	}
.main_top_shop_b{
	box-sizing: border-box;
	width: 100%;
	padding: 10px 10px;
	border-right: 0 solid #e1e1e1;
	border-bottom: 1px solid #e1e1e1;
	}
.main_top_shop_b:nth-child(4n+4){
	border-right: 0 solid #e1e1e1;
	}
.main_top_shop_b:nth-child(2n+2){
	border-right: 0 solid #e1e1e1;
	}
.main_top_shop_b:last-child {
	border-bottom: none;
}
.main_top_shop_bc{
	width: auto;
    max-width: 230px;
	margin: 0 auto;
	}
.main_top_shop_title {
	margin: 0 0 10px 0;
	font-size: 14px;
	}
.main_top_shop_sales {
	font-size: 14px;
	}
.main_shop {
	overflow: hidden;
	margin: 0 auto;
	max-width: 320px;
}
.main_shop_b {
	padding: 0;
	width: 100%;
	}

.main_shop_b .main_shop_bc {
	border-right: none;
	padding-top: 20px;
}
.main_top_shop_b {
	padding-top: 20px;
}
.main_shop_title {
	font-size: 14px;
	}
.main_shop_name {
	margin: 0 auto 10px auto;
	font-size: 14px;
	}
.main_shop_course {
	width: 100%;
	font-size: 14px;
	}
.main_shop_b .main_top_shop_title {
	padding: 0 10px;
	}

.main_list_top{
	display: block;
	margin: 0 0 5px 0;
	}
.main_list_nav ul{
	display: block;
	}
.main_list_nav li{
	display: block;
	margin: 0 0 7px 0;
	position: relative;
	}
.main_list_nav li:first-child{
	margin: 0 0 10px 0;
	}

/* Categories */
.categories_list{
	justify-content: center;
	gap: 20px;
	margin-bottom: 20px;
}

.cat_prod{
	width: 100%;
	max-width: 300px;
	margin: 0 !important;
	padding: 20px 10px 10px;
	}
.cat_prod:nth-child(3n+3){
	}
.cat_prod:nth-child(2n+2){
	}

.products_block{
	display: block;
	}
.products_block_img{
	flex: 0 0 auto;
	margin: 0 0 20px 0;
	text-align: center;
	}
.products_block_r{
	width: auto;
	}

/* END Categories */


/* Product Page - About Vendor */
.vendor_pg_top_list {
	display: block;
	}
.vendor_pg_top_nav {
	overflow: auto;
	scrollbar-width: none;
}
.vendor_pg_top_nav > ul {
	flex-wrap: nowrap;
	white-space: nowrap;
}
.vendor_pg_top_nav > ul > li {
	padding: 0 15px 0 0;
	}
.product_pg{
	display: block;
	margin: 0 0 40px 0;
	}
.product_pg_l{
	flex: 0 0 auto;
	max-width: 340px;
	margin: 0 auto 20px auto;
	}
.product_pg_r{
	width: 100%;
	margin: 0 0 20px 0;
	}
.product_pg_img_list {
	flex-wrap: nowrap;
}
.product_pg_img_list div {
	width: 31%;
	}
.vendor_pg_top_nav > ul > li {
	padding: 0 10px 15px 0;
	}
.vendor_pg_top_nav > ul > li .link-button,
.vendor_pg_top_nav > ul > li > a {
	padding: 0 0 5px 0;
	}

.product_pg_reviews_b{
	display: block;
	padding: 25px;
	border-bottom: 1px solid #e1e1e1;
	}
.product_pg_reviews_bl{
	float: left;
	width: 50px;
	margin: 0 10px 0 0;
	}
.product_pg_reviews_bc{
	width: auto;
	}
.product_pg_reviews_br{
	clear: both;
	text-align: left;
	padding: 10px 0 0 0;
	}
.product_pg_reviews_br .vendor_pg_rating {
	justify-content: flex-start;
	margin: 0 0 10px 0;
	}
.product_pg_reviews_name{
	margin: 0 0 10px 0;
	}
.product_pg_r_form_b {
    flex: 0 0 60px;
	margin: 0 10px 0 0;
	}
.product_pg_r_form_b input.line_f_inp {
	padding: 0 10px 0 10px;
	}

.vendor_pg_top_line_nav{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: flex-start;
	}
.vendor_pg_top_report{
	order: 2;
	width: 100%;
	padding: 0 0 10px 0;
	}
.vendor_pg_pgp{
	padding: 0 10px 0 0;
	}
.vendor_pg_top_cover {
	align-items: start;
	flex-direction: column;
	padding-top: 10px;
}
.vendor_pg_top_cover.vendor_pg_top_cover__noavatar > div {
	display: flex;
	flex-direction: column;
	justify-content: end;
}

/* END Product Page - About Vendor */


/* Create Listing - Digital\Physical Product */
.prod_info_list{
	display: block;
	}
.prod_info_l{
	margin: 0 0 20px 0;
	width: auto;
	}
.prod_info_r{
	margin: 0 0 20px 0;
	width: auto;
	}
.prod_info_buttons{
	display: block;
	}
.prod_info_captcha{
	display: flex;
	justify-content: flex-start;
	align-items: center;
	margin: 0 0 0 0;
	padding: 10px 0;
	}
/* END Create Listing - Digital\Physical Product */

.products_block_price{
	font-size: 12px;
}
.products_block_rating {
	font-size: 12px;
	padding: 9px 10px 8px 10px;
}
.tabs-responsive {
	position: relative;
	margin-left: -10px !important;
	padding-left: 10px !important;
	padding-right: 10px !important;
	width: 100%;
}
.f_nav {
	padding-bottom: 5px;
}
.f_nav ul{
	flex-direction: column;
}
footer {
	padding-top: 20px;
}
.h_name_label > a {
	pointer-events: none;
}
.h_name_label_tab > a {

}
input#h_name_label_tab {
	opacity: 0;
	position: absolute;
	width: 0;
	height: 0;
	left: 0;
	top: 0;
}
input#h_name_label_tab:checked ~ .h_name_block_down {
	display: block;
}
.main_products_all {
	margin-top: 30px;
}
.categories_filter{
	justify-content: flex-start;
	gap: 20px;
}
.categories_filter_sort {
	width: 100%;
}
.categories_filter_title {
	display: none;
}
.categories_overlay_menu {
	position: fixed;
	left: 0;
	top: 0;
	z-index: 99;
	background-color: rgba(0, 0, 0, 0.9);
	order: 4;
	width: 100dvw;
	white-space: nowrap;
	padding: 0;
	height: 100dvh;
	overflow: hidden;
	display: none;
}
#categories_overlay_menu_toggle {
	width: 0;
	height: 0;
	position: absolute;
	overflow: hidden;
}
input#categories_overlay_menu_toggle:checked ~ .categories_overlay_menu {
	display: block;
}
.categories_overlay_menu > div {
	font-size: 20px;
	color: #fff;
	font-weight: 600;
	width: 100%;
	text-align: left;
	padding: 25px 15px 25px 25px;
	box-sizing: border-box;
	display: flex;
	justify-content: space-between;
	align-items: center;
	background-color: rgba(86, 87, 86, 0.75);
}
.categories_overlay_menu > ul{
	display: block;
	margin-top: 20px;
}

.categories_overlay_menu > ul > li > a > .icon-arrow {
	width: 8px;
	height: 15px;
	background-size: contain;
}
.categories_overlay_menu > ul > li > a {
	height: auto;
	font-size: 18px;
	color: #fff;
	font-weight: 500;
	text-decoration: none;
	display: flex;
	justify-content: space-between;
	align-items: center;
	position: relative;
	width: 100%;
	padding: 15px 25px;
	box-sizing: border-box;
}
.categories_overlay_menu > ul > li:first-child > a {
	padding-top: 0;
}

}
/* === blackops.html inline <style> === */

        .main_nav_cat a[href="/dashboard"] {
            background-color: #5e6369;
        }

        .support-center-heading {
            padding-top: 60px;
            padding-bottom: 60px;
            background-image: url(#);
            background-position: center center;
            background-size: cover;
            background-repeat: no-repeat;
        }
        .support-center-heading .button {
            width: 285px;
            text-align: center;
        }
        .support-center-list {
            margin-top: 30px;
        }
        .support-center-list h3 {
            border-bottom: 2px solid rgba(var(--bs-light-rgb), var(--bs-border-opacity));
            padding: 15px 20px;
            margin-bottom: 0;
        }
        .support-center-list > ul {
            padding: 15px 20px;
            display: block;
        }
        .support-center-list > ul > li {
            display: flex;
            flex-wrap: wrap;
            align-items: center;
            gap: 20px;
            background-color: #F7F8F7;
            width: 100%;
            margin: 10px 0;
            padding: 10px 20px;
            box-sizing: border-box;
            border-radius: 4px;

            font-weight: 500;
        }
        .support-center-list > ul > li > a {
            flex: 1;
            text-align: right;
            white-space: nowrap;
        }
        .support-center-item-tag {
            background-color: #d6d6d6;
            border-radius: 8px;
            width: 63px;
            height: 28px;
            line-height: 1.8;
            text-align: center;
            text-transform: capitalize;
            display: flex;
            justify-content: center;
            align-items: center;
        }
        .support-center-item-tag--guide {
            color: #0087FF;
            background-color: rgba(63, 112, 172, 0.15);
        }
        .support-center-item-tag--rules {
            color: #BF2CF5;
            background-color: rgba(172, 63, 167, 0.15);
        }
        .support-center-item-tag--open {
            color: rgb(0, 180, 123);
            background-color: rgba(0, 180, 123, 0.1089);
        }
        .support-center-item-tag--closed {
            color: #FF0000;
            background-color: rgba(255, 0, 0, 0.15);
        }

            .currency_rates .currency-rates-switches.currency-rates-switches {
                display: none;
            }

                .currency_rates .currency_rates_list.currency_rates_list#XMRRateContent {
                    display: grid !important;
                }

                .currency_rates .currency_rates_list.currency_rates_list#BTCRateContent {
                    display: none !important;
                }



    .settings-tab-button {
        padding-left: 10px;
        padding-right: 10px;
    }
    

    .settings-dashboard-container {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }
    .settings-dashboard-container > div {
        width: calc(33% - 10px);
        box-sizing: border-box;
        padding: 30px;
        border-radius: 5px;
    }
    .settings-dashboard-container:not(.settings-dashboard-container--last) > div:nth-child(1),
    .settings-dashboard-container:not(.settings-dashboard-container--last) > div:nth-child(2) {
        width: calc(50% - 10px);
        margin-bottom: 20px;
    }
    .bg-gradient--violet {
        background-image: linear-gradient(to top, #c9d7e6, #f6f8fa);
    }
    .bg-gradient--blue {
        background-image: linear-gradient(to top, #d3ebff, #f6fafa);
    }
    .bg-gradient--high-rating {
        background-image: linear-gradient(to top, #caebef, #f6fafa);
    }
    .bg-gradient--middle-rating {
        background-image: linear-gradient(to top, #efddc9, #f9f7f5);
    }
    .bg-gradient--low-rating {
        background-image: linear-gradient(to top, #eec8c8, #faf6f6);
    }
    .sales-table {
        max-height: 300px;
        overflow: auto;
    }
    .sales-table thead {
        background: transparent;
    }
    .sales-table tbody tr:nth-child(2n-1) {
        background-color: #f7f8f8;
    }
    .sales-table.sales-table.sales-table tbody tr td {
        padding-top: 20px;
        padding-bottom: 20px;
    }

    @media (max-width: 759px) {
        .settings-dashboard-container.settings-dashboard-container.settings-dashboard-container > div {
            width: 100%;
            margin-bottom: 20px;
        }
    }
    

        #disableJSWarning p,
        #disableJSInstructions p {
            line-height: 1.5;
        }
        #disableJSInstructions p {
            margin-bottom: 10px;
        }
        #disableJSWarning {
            max-width: 320px;
        }
        #disableJSInstructions {
            max-width: 760px;
        }
        #disableJSInstructions p,
        #disableJSInstructions h6
        {
            text-align: left;
        }
        #disableJSInstructions .tag {
            display: inline-block;
        }
        #disableJSInstructions .tag--gray,
        #disableJSInstructions .tag--blue {
            color: white;
        }
        #disableJSInstructions .tag--gray {
            background-color: #58636d;
        }
        #disableJSInstructions .tag--blue {
            background-color: #173db4;
        }
    

        .currency_rates .currency_rates_list {
            display: none;
        }
        input[name="rateSwitch"] {
            opacity: 0;
            height: 0;
            width: 0;
            position: relative;
        }
        .currency_rates input#XMRRateSwitch:checked ~ #XMRRateContent {
            display: grid;
        }
        .currency_rates input#BTCRateSwitch:checked ~ #BTCRateContent {
            display: grid;
        }
        .currency_rates input ~ div label {
            cursor: pointer;
            font-weight: bold;
            border-radius: 15px;
            padding: 0 15px;
            height: 100%;
            line-height: 25px;
            color: #6c757d;
        }
        .currency_rates input#XMRRateSwitch:checked ~ div label[for="XMRRateSwitch"] {
            background: #1a1f23;
            color: var(--bs-white);
        }
        .currency_rates input#BTCRateSwitch:checked ~ div label[for="BTCRateSwitch"] {
            background: #1a1f23;
            color: var(--bs-white);
        }
        .currency_rates .currency-rates-switches {
            display: flex;
            align-items: center;
            background-color: #e7e7ec;
            border-radius: 15px;
            height: 24px;
        }
    


/* ================================================================
   BLACKOPS-SPECIFIC OVERRIDES (atop the base template)
   ================================================================ */

/* --- CSS custom properties (used by source CSS in unexpected places) -- */
:root {
    --bg: #ffffff !important;
    --fg: #1a1c23 !important;
    --fg-muted: #5d646c !important;
    --panel: #f6f7f8 !important;
    --panel-2: #eeeff1 !important;
    --border: #d7dadd !important;
    --primary: #1a1c23 !important;
    --accent: #00B47B !important;
    --ok: #00B47B !important;
    --warn: #ebcc66 !important;
    --err: #F91155 !important;
    --max-w: 1366px !important;
    --prose-w: 820px !important;
}

/* --- Logo / brand text in the .logo slot --- */
.logo { min-width: 0; flex: 0 0 auto; }
.logo a {
    display: inline-flex; align-items: center; gap: 6px;
    font-size: 21px; font-weight: 800; line-height: 1.0;
    letter-spacing: 0.07em; white-space: nowrap;
    text-transform: uppercase;
    text-decoration: none !important;
    background-image: none !important; padding-bottom: 0 !important;
}
.logo a:hover { opacity: 0.75; }
.logo a span { white-space: nowrap; }

/* --- Header row (.h_list) --- */
.h_list { gap: 12px; flex-wrap: nowrap; align-items: center; }
.h_search { flex: 1 1 300px; min-width: 240px; max-width: 660px; }
.h_search_list { width: 100%; }
.h_right { flex: 0 0 auto; min-width: 140px; max-width: 240px; }
.h_info {
    width: auto; min-width: 0;
    display: flex; align-items: center; gap: 8px; flex-wrap: nowrap;
}
.h_cart {
    display: inline-block; width: 10px; height: 10px;
    border-radius: 50%; background: #00B47B; flex-shrink: 0;
}
a.h_course {
    font-size: 11px; font-family: monospace;
    white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
    max-width: 110px;
    background-image: none !important; padding-bottom: 0 !important;
}

/* --- Search input inside the dark header --- */
body > header .search_inp {
    background: #1a1a1a !important; color: #e2e8f0 !important;
    border: 1px solid #2d3540 !important;
}
body > header .search_inp::placeholder { color: #989898 !important; }
body > header .search_sub {
    background: #00B47B !important; border: 0 !important;
    width: 32px; height: 32px;
    cursor: pointer; opacity: 0.9;
}
body > header .search_sub:hover { opacity: 1; }

/* --- Language switcher dropdown panel --- */
body > header .h_name_block_down {
    background: #1a1c23 !important;
    border: 1px solid #3a4250 !important;
    border-radius: 4px;
}
body > header .h_name_block_down a {
    color: #e2e8f0 !important;
}
body > header .h_name_block_down a:hover {
    color: #00B47B !important;
}

/* --- Desktop nav guard (suppress mobile drawer JS state on desktop) --- */
@media screen and (min-width: 760px) {
    .adapt_menu_inp, .adapt_menu_but { display: none !important; }
    .nav_main {
        position: static !important; left: auto !important;
        width: 100% !important; height: auto !important;
        background: none !important; overflow: visible !important;
    }
    .nav_main > ul {
        display: flex !important; flex-direction: row !important;
        flex-wrap: wrap !important; margin: 0 !important;
    }
    .nav_main > ul > li { display: block !important; }
    .nav_main > div { display: none !important; }
}

/* --- Wrap container --- */
.wrap { box-sizing: border-box; max-width: 1366px; padding: 0 16px; }
@media screen and (max-width: 1399px) { .wrap { width: 100%; } }

/* --- Mobile chrome reflow (≤600px portrait) --- */
@media screen and (max-width: 600px) {
    .h_list {
        flex-wrap: wrap !important;
        row-gap: 8px;
    }
    .h_search {
        order: 99;
        flex: 1 1 100%;
        max-width: 100%;
        min-width: 0;
    }
    .h_right {
        max-width: none;
        min-width: 0;
    }
    a.h_course { max-width: 90px; font-size: 10px; }
    .logo a span { font-size: 14px; }
    /* Compact tab-button row in the dashboard sidebar */
    .top-nav { gap: 6px !important; }
    .top-nav .button { font-size: 12px; padding: 6px 10px; }
}


/* ===== shared extended-components overlay (.ct-* + base HTML vocabulary) ===== */

/* =====================================================================
   EXTENDED COMPONENTS — base HTML + full .ct-* vocabulary
   ---------------------------------------------------------------------
   Generated by base.extended_components_css(). Theming via palette dict.
   Wrapped under `.ct-main` so it doesn't fight the source CSS for chrome.
   ===================================================================== */

/* ---- Base HTML element styling (scoped to .ct-main) ---- */
.ct-main {
    color: #1a1c23;
    font-family: Roboto, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif;
    line-height: 1.65;
}
.ct-main h1, .ct-main h2, .ct-main h3,
.ct-main h4, .ct-main h5, .ct-main h6 {
    color: #1a1c23;
    margin: 1.4em 0 0.5em;
    line-height: 1.25;
    font-weight: 700;
    text-wrap: balance;
}
.ct-main h1 { font-size: 1.65rem; }
.ct-main h2 {
    font-size: 1.35rem;
    padding-bottom: 8px;
    border-bottom: 1px solid #d7dadd;
    position: relative;
}
.ct-main h2::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -1px;
    width: 60px;
    height: 2px;
    background: #e53d3c;
}
.ct-main h3 { font-size: 1.1rem; color: #1a1c23; }
.ct-main h4 { font-size: 1rem; }
.ct-main h5 { font-size: 0.92rem; }
.ct-main h6 { font-size: 0.84rem; color: #5d646c; }
.ct-main p { margin: 0 0 0.9em; color: #1a1c23; text-wrap: pretty; }
.ct-main strong, .ct-main b { color: #1a1c23; font-weight: 700; }
.ct-main em, .ct-main i { font-style: italic; }
.ct-main mark {
    background: #ebcc66;
    color: #1a1c23;
    padding: 0 4px;
    border-radius: 3px;
}
.ct-main small { font-size: 0.85em; color: #5d646c; }
.ct-main sub, .ct-main sup { font-size: 0.75em; line-height: 0; }
.ct-main abbr[title] {
    text-decoration: underline dotted #5d646c;
    cursor: help;
}
.ct-main time {
    font-family: SFMono-Regular, Menlo, Monaco, Consolas, monospace;
    font-variant-numeric: tabular-nums;
    color: #5d646c;
}
.ct-main address {
    font-style: normal;
    color: #5d646c;
    margin: 0.5em 0;
}
.ct-main a {
    color: #e53d3c;
    text-decoration: none;
    text-underline-offset: 2px;
}
.ct-main a:hover {
    color: #e53d3c;
    text-decoration: underline;
}
.ct-main hr {
    border: 0;
    border-top: 1px solid #d7dadd;
    margin: 2em 0;
}

/* Lists */
.ct-main ul, .ct-main ol { margin: 0 0 1em 1.4em; padding: 0; }
.ct-main li { margin: 0.35em 0; }
.ct-main li::marker { color: #e53d3c; font-weight: 700; }
.ct-main ul ul, .ct-main ul ol,
.ct-main ol ul, .ct-main ol ol { margin: 0.3em 0 0.3em 1.2em; }
.ct-main dl { margin: 1em 0; }
.ct-main dt {
    font-weight: 700;
    color: #1a1c23;
    margin-top: 0.7em;
}
.ct-main dd {
    margin: 0.2em 0 0.6em 1.2em;
    color: #5d646c;
}

/* Quotes */
.ct-main blockquote {
    margin: 1.2em 0;
    padding: 12px 18px;
    border-left: 3px solid #e53d3c;
    background: #ffffff;
    color: #5d646c;
    border-radius: 0 0 0 0;
}
.ct-main blockquote p:last-child { margin-bottom: 0; }
.ct-main blockquote cite {
    display: block;
    font-style: italic;
    color: #5d646c;
    margin-top: 0.5em;
    font-size: 0.9em;
}
.ct-main blockquote cite::before { content: "— "; }
.ct-main q { font-style: italic; }
.ct-main q::before { content: "\201C"; }
.ct-main q::after { content: "\201D"; }

/* Code */
.ct-main code {
    background: #f6f7f8;
    color: #17191B;
    border: 1px solid #d7dadd;
    padding: 1px 6px;
    border-radius: 3px;
    font-size: 0.88em;
    font-family: SFMono-Regular, Menlo, Monaco, Consolas, monospace;
    word-break: break-word;
}
.ct-main pre {
    background: #17191B;
    color: #17191B;
    border: 1px solid #d7dadd;
    padding: 14px 18px;
    border-radius: 2px;
    overflow-x: auto;
    font-size: 0.85em;
    line-height: 1.55;
    margin: 1.2em 0;
    font-family: SFMono-Regular, Menlo, Monaco, Consolas, monospace;
}
.ct-main pre code {
    background: transparent;
    border: 0;
    color: inherit;
    padding: 0;
    font-size: 1em;
}
.ct-main kbd {
    background: #1a1c23;
    color: #ffffff;
    border-radius: 3px;
    padding: 2px 6px;
    font-family: SFMono-Regular, Menlo, Monaco, Consolas, monospace;
    font-size: 0.78em;
    font-weight: 700;
    box-shadow: 0 1px 0 #a0a4a8;
}
.ct-main samp {
    font-family: SFMono-Regular, Menlo, Monaco, Consolas, monospace;
    background: #ffffff;
    padding: 1px 4px;
    border-radius: 2px;
}

/* Tables */
.ct-main table {
    width: 100%;
    border-collapse: collapse;
    margin: 1.2em 0;
    background: #ffffff;
    border: 1px solid #d7dadd;
    border-radius: 2px;
    overflow: hidden;
    font-size: 0.95em;
}
.ct-main caption {
    caption-side: top;
    padding: 0.5em 0;
    color: #5d646c;
    font-style: italic;
    font-size: 0.9em;
}
.ct-main thead { background: #f6f7f8; }
.ct-main tbody tr:nth-child(even) { background: #f6f7f8; }
.ct-main th, .ct-main td {
    padding: 10px 14px;
    text-align: left;
    border-bottom: 1px solid #d7dadd;
    vertical-align: top;
    color: #1a1c23;
}
.ct-main th {
    font-weight: 700;
    color: #1a1c23;
    font-size: 0.78em;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    border-bottom: 2px solid #a0a4a8;
}
.ct-main tbody tr:last-child td { border-bottom: 0; }

/* Figures + media */
.ct-main figure { margin: 1.4em 0; text-align: center; }
.ct-main figure img {
    margin: 0 auto;
    max-width: 100%;
    height: auto;
    border: 1px solid #d7dadd;
    border-radius: 2px;
}
.ct-main figcaption {
    font-size: 0.85em;
    color: #5d646c;
    margin-top: 0.5em;
    font-style: italic;
}
.ct-main img { max-width: 100%; height: auto; }
.ct-main video, .ct-main audio, .ct-main iframe {
    max-width: 100%;
    border-radius: 2px;
}

/* Forms */
.ct-main form { margin: 1em 0; }
.ct-main fieldset {
    border: 1px solid #d7dadd;
    border-radius: 2px;
    padding: 14px 16px;
    margin: 1em 0;
}
.ct-main legend {
    padding: 0 8px;
    color: #1a1c23;
    font-weight: 700;
    font-size: 0.9em;
}
.ct-main label, .ct-main .form-label {
    display: block;
    color: #1a1c23;
    font-size: 0.85em;
    font-weight: 600;
    margin: 10px 0 5px;
}
.ct-main input[type="text"],
.ct-main input[type="search"],
.ct-main input[type="email"],
.ct-main input[type="url"],
.ct-main input[type="tel"],
.ct-main input[type="password"],
.ct-main input[type="number"],
.ct-main input[type="date"],
.ct-main input[type="time"],
.ct-main input[type="datetime-local"],
.ct-main textarea,
.ct-main select {
    background: #ffffff;
    border: 1px solid #d7dadd;
    border-radius: 0;
    color: #1a1c23;
    padding: 9px 12px;
    font-size: 0.9rem;
    width: 100%;
    max-width: 100%;
    font-family: inherit;
    box-sizing: border-box;
    transition: border-color 0.15s ease, box-shadow 0.15s ease;
}
.ct-main input:focus,
.ct-main textarea:focus,
.ct-main select:focus {
    outline: none;
    border-color: #e53d3c;
    box-shadow: 0 0 0 2px color-mix(in oklab, #e53d3c 25%, transparent);
}
.ct-main input::placeholder, .ct-main textarea::placeholder {
    color: #5d646c;
    opacity: 0.7;
}
.ct-main input[type="checkbox"],
.ct-main input[type="radio"] {
    accent-color: #e53d3c;
    width: auto;
    margin-right: 6px;
}
.ct-main input[type="file"] {
    background: transparent;
    padding: 6px 0;
}
.ct-main button,
.ct-main input[type="submit"],
.ct-main input[type="button"] {
    background: #e53d3c;
    color: #ffffff;
    border: 0;
    padding: 10px 18px;
    border-radius: 0;
    font-weight: 700;
    cursor: pointer;
    font-size: 0.9rem;
    font-family: inherit;
    transition: opacity 0.15s ease, transform 0.1s ease;
}
.ct-main button:hover,
.ct-main input[type="submit"]:hover {
    opacity: 0.9;
}
.ct-main button:active { transform: translateY(1px); }
.ct-main output {
    display: inline-block;
    padding: 4px 8px;
    background: #ffffff;
    border: 1px solid #d7dadd;
    border-radius: 3px;
    font-family: SFMono-Regular, Menlo, Monaco, Consolas, monospace;
}
.ct-main progress, .ct-main meter {
    width: 100%;
    height: 10px;
    border-radius: 5px;
}

/* Details / summary (bare — get FAQ-accordion treatment) */
.ct-main details {
    background: #ffffff;
    border: 1px solid #d7dadd;
    border-radius: 0;
    margin: 8px 0;
    overflow: hidden;
}
.ct-main details[open] { background: #f6f7f8; }
.ct-main details > summary {
    padding: 12px 16px;
    cursor: pointer;
    font-weight: 600;
    color: #1a1c23;
    list-style: none;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    user-select: none;
}
.ct-main details > summary::-webkit-details-marker { display: none; }
.ct-main details > summary::after {
    content: "+";
    color: #e53d3c;
    font-size: 1.2em;
    font-weight: 700;
    transition: transform 0.15s ease;
}
.ct-main details[open] > summary::after { content: "\2212"; }
.ct-main details > *:not(summary) { padding: 0 16px 12px; }


/* =====================================================================
   .ct-* EXTENDED COMPONENT VOCABULARY (full coverage)
   ===================================================================== */

/* ---- Skip-link + back-to-top (chrome-side, but defined here too) ---- */
.ct-skip-link {
    position: absolute;
    left: -9999px;
}
.ct-skip-link:focus {
    position: fixed;
    top: 8px; left: 8px;
    background: #e53d3c;
    color: #ffffff;
    padding: 8px 14px;
    border-radius: 0;
    z-index: 9999;
    text-decoration: none;
}
.ct-to-top {
    position: fixed;
    right: 18px; bottom: 18px;
    width: 40px; height: 40px;
    display: inline-block;
    line-height: 0;
    text-decoration: none;
    z-index: 100;
    /* The PNG carries its own rounded fill + drop-shadow so we don't
       need background/border-radius here — keeps Tor "safest" rendering
       identical to JS-enabled browsers (no webfont/SVG dependence). */
    transition: opacity 0.2s ease, transform 0.2s ease;
}
.ct-to-top img {
    display: block;
    width: 100%;
    height: 100%;
    border: 0;
    /* Fallback bg in case the per-site PNG hasn't been generated yet —
       still gives a visible button, just without the themed arrow. */
    background: transparent;
}
.ct-to-top:hover {
    opacity: 0.88;
    transform: translateY(-2px);
    text-decoration: none;
}
.ct-to-top:focus-visible {
    outline: 2px solid #e53d3c;
    outline-offset: 3px;
}

/* ---- Surface + card primitives ---- */
.ct-surface, .ct-card {
    background: #ffffff;
    border: 1px solid #d7dadd;
    border-radius: 2px;
    padding: 16px 18px;
    margin: 12px 0;
}
.ct-card--accent { border-left: 3px solid #e53d3c; }
.ct-card-title {
    color: #1a1c23;
    font-size: 1.05rem;
    font-weight: 700;
    margin: 0 0 8px;
}
.ct-prose { color: #1a1c23; line-height: 1.7; max-width: 72ch; }
.ct-prose p { margin: 0 0 1.05em; }
.ct-prose p:last-child { margin-bottom: 0; }

/* Modern section rhythm — slightly tighter top, more breathing room
   between blocks. Each H2 gets a subtle subhead style. Per-replica
   color identity preserved (only spacing + typography are uniform). */
.ct-section { margin: 2.2em 0 1.6em; scroll-margin-top: 80px; }
.ct-section:first-child { margin-top: 0.4em; }
.ct-section__title {
    color: #1a1c23;
    font-size: clamp(1.25rem, 2.2vw, 1.5rem);
    font-weight: 700;
    margin: 0 0 0.6em;
    line-height: 1.25;
    letter-spacing: -0.005em;
}
.ct-section__title--accent {
    position: relative;
    padding-left: 14px;
}
.ct-section__title--accent::before {
    content: "";
    position: absolute;
    left: 0; top: 4px; bottom: 4px;
    width: 4px;
    background: #e53d3c;
    border-radius: 2px;
}
.ct-section__lede {
    color: #5d646c;
    font-size: 1.02rem;
    margin: 0 0 1em;
    max-width: 70ch;
}
.ct-section__num {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 28px; height: 28px;
    border-radius: 50%;
    background: #e53d3c;
    color: #ffffff;
    font-weight: 700;
    font-size: 0.85rem;
    margin-right: 8px;
}

/* ---- Hero — modern card aesthetic. Subtle gradient overlay reads
   as "hero" via the tinted background + accent-tinted border alone.
   (Removed the full-height left-edge ::before rail — it bled past
   content on tall heros and looked like a stuck sidebar rather than
   an accent. The border + gradient give enough visual hierarchy.) */
.ct-hero {
    position: relative;
    background:
        linear-gradient(135deg,
            color-mix(in oklab, #e53d3c 4%, #f6f7f8),
            #f6f7f8 60%);
    border: 1px solid color-mix(in oklab, #e53d3c 12%, #d7dadd);
    border-radius: 4px;
    /* Generous padding so the title/lede/CTAs never kiss the border.
       Earlier 36/32 produced visible text-edge collisions on every
       replica. Use 48/44 desktop, 32/24 mobile. */
    padding: 48px 44px;
    margin: 0 0 1.8em;
    overflow: hidden;
    isolation: isolate;
}
@media (max-width: 760px) {
    .ct-hero { padding: 32px 24px; }
}
@media (max-width: 480px) {
    .ct-hero { padding: 24px 18px; }
}
.ct-hero h1, .ct-hero__title {
    font-size: clamp(1.4rem, 3vw, 2rem);
    margin: 0 0 0.4em;
    color: #1a1c23;
    line-height: 1.2;
    text-wrap: balance;
}
.ct-hero__eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: 0.74rem;
    text-transform: uppercase;
    letter-spacing: 0.12em;
    font-weight: 700;
    color: #e53d3c;
    margin: 0 0 12px;
    padding: 4px 12px;
    background: #ffffff;
    border: 1px solid #e53d3c;
    border-radius: 0;
}
.ct-hero__lede {
    font-size: 1.02rem;
    color: #5d646c;
    max-width: 60ch;
    margin: 0 0 16px;
    line-height: 1.6;
}
.ct-hero__actions {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin: 0 0 8px;
}
.ct-hero__cta {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: #e53d3c;
    color: #ffffff;
    padding: 10px 18px;
    border-radius: 2px;
    font-weight: 700;
    text-decoration: none;
}
.ct-hero__cta:hover {
    opacity: 0.9;
    color: #ffffff;
    text-decoration: none;
}
.ct-hero__grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 24px;
    align-items: center;
}
@media (min-width: 900px) {
    .ct-hero--split .ct-hero__grid { grid-template-columns: 1.4fr 1fr; }
}
.ct-hero__aside {
    background: #ffffff;
    border: 1px solid #d7dadd;
    border-radius: 2px;
    padding: 16px 18px;
    /* Hero aside content (rate tables, status pills) sometimes computes
       a min-content wider than the grid track and pushes the aside out
       beyond the page container's right edge on desktop. Hard-cap it. */
    max-width: 100%;
    min-width: 0;
    box-sizing: border-box;
    overflow: hidden;
}
.ct-hero__aside > * { max-width: 100%; min-width: 0; }

/* ---- Feature card — gentle elevation + hover lift. The shadow
   uses the page bg as its base so it works on light AND dark themes
   without manual tuning per replica. */
.ct-feature-card {
    background: #ffffff;
    border: 1px solid #d7dadd;
    border-radius: 2px;
    padding: 18px 20px;
    margin: 10px 0;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04),
                0 1px 6px rgba(0, 0, 0, 0.025);
    transition: transform 0.15s ease, box-shadow 0.15s ease,
                border-color 0.15s ease;
}
.ct-feature-card:hover {
    transform: translateY(-1px);
    border-color: color-mix(in oklab, #e53d3c 35%, #d7dadd);
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.06),
                0 4px 14px rgba(0, 0, 0, 0.05);
}
.ct-feature-card__icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 36px; height: 36px;
    border-radius: 8px;
    background: #e53d3c;
    color: #ffffff;
    margin-bottom: 10px;
}
.ct-feature-card__title {
    color: #1a1c23;
    font-size: 1.05rem;
    font-weight: 700;
    margin: 0 0 6px;
}
.ct-feature-card__text {
    color: #5d646c;
    margin: 0;
    font-size: 0.95em;
}

/* ---- Callout ---- */
.ct-callout {
    background: #ffffff;
    border: 1px solid #d7dadd;
    border-left: 4px solid #e53d3c;
    border-radius: 0;
    padding: 14px 18px;
    margin: 16px 0;
    display: flex;
    gap: 14px;
}
.ct-callout__mark {
    display: inline-flex;
    align-items: flex-start;
    justify-content: center;
    width: 24px; height: 24px;
    color: #e53d3c;
    flex-shrink: 0;
    margin-top: 2px;
}
.ct-callout__mark .ct-icon { width: 20px; height: 20px; }
.ct-callout__title {
    color: #1a1c23;
    font-size: 0.9rem;
    font-weight: 700;
    margin: 0 0 6px;
    text-transform: uppercase;
    letter-spacing: 0.04em;
}
.ct-callout__text {
    color: #1a1c23;
    margin: 0;
    font-size: 0.95em;
}
.ct-callout--warn   { border-left-color: #ebcc66; }
.ct-callout--warn .ct-callout__mark    { color: #ebcc66; }
.ct-callout--danger { border-left-color: #e53d3c; }
.ct-callout--danger .ct-callout__mark  { color: #e53d3c; }
.ct-callout--success { border-left-color: #00B47B; }
.ct-callout--success .ct-callout__mark { color: #00B47B; }
.ct-callout--info   { border-left-color: #06b6d4; }
.ct-callout--info .ct-callout__mark    { color: #06b6d4; }

/* ---- Alert (compact callout) ---- */
.ct-alert {
    padding: 10px 14px;
    border-radius: 0;
    background: #ffffff;
    border: 1px solid #d7dadd;
    color: #1a1c23;
    margin: 10px 0;
    font-size: 0.92em;
}

/* ---- Pill + Tag + Status dot ---- */
.ct-pill, .ct-tag {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    padding: 3px 10px;
    border-radius: 999px;
    background: #ffffff;
    color: #1a1c23;
    border: 1px solid #d7dadd;
    font-size: 0.78em;
    font-weight: 600;
    line-height: 1.4;
}
.ct-tag { background: #f6f7f8; }
.ct-status-dot {
    display: inline-block;
    width: 8px; height: 8px;
    border-radius: 50%;
    background: #5d646c;
    margin-right: 6px;
    vertical-align: middle;
    flex-shrink: 0;
}
.ct-status-dot.is-online  { background: #00B47B; }
.ct-status-dot.is-offline { background: #e53d3c; }
.ct-status-dot.is-degraded{ background: #ebcc66; }

/* ---- Stat ---- */
.ct-stat {
    background: #ffffff;
    border: 1px solid #d7dadd;
    border-radius: 2px;
    padding: 14px 16px;
    text-align: left;
    margin: 8px 0;
}
.ct-stat__label {
    color: #5d646c;
    font-size: 0.78em;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    font-weight: 700;
    margin: 0 0 6px;
}
.ct-stat__value {
    color: #1a1c23;
    font-size: 1.6rem;
    font-weight: 800;
    line-height: 1.1;
    font-variant-numeric: tabular-nums;
    font-family: SFMono-Regular, Menlo, Monaco, Consolas, monospace;
}
.ct-stat__delta {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    font-size: 0.85em;
    color: #00B47B;
    margin-left: 6px;
}
.ct-stat__delta.is-down { color: #e53d3c; }
.ct-stat__hint {
    color: #5d646c;
    font-size: 0.82em;
    margin-top: 4px;
}
.ct-stat--hero .ct-stat__value { font-size: 2.2rem; }

/* ---- Meta strip ---- */
.ct-meta-strip {
    display: flex;
    flex-wrap: wrap;
    gap: 6px 16px;
    padding: 10px 14px;
    border-radius: 0;
    background: #ffffff;
    border: 1px solid #d7dadd;
    color: #5d646c;
    font-size: 0.85em;
    margin: 12px 0;
    align-items: center;
}
.ct-meta-strip__item {
    display: inline-flex;
    align-items: center;
    gap: 6px;
}

/* ---- Pull-quote ---- */
.ct-pull-quote {
    border-left: 4px solid #e53d3c;
    background: #f6f7f8;
    color: #1a1c23;
    padding: 18px 22px;
    margin: 1.6em 0;
    border-radius: 0 2px 2px 0;
    font-size: 1.1rem;
    font-style: italic;
    line-height: 1.5;
}
.ct-pull-quote::before {
    content: "\201C";
    color: #e53d3c;
    font-size: 2em;
    line-height: 0.8;
    margin-right: 6px;
    vertical-align: -0.3em;
    font-style: normal;
}
.ct-pull-quote cite {
    display: block;
    color: #5d646c;
    font-style: normal;
    font-size: 0.85em;
    margin-top: 8px;
}
.ct-pull-quote cite::before { content: "\2014 "; }

/* ---- CTA bar ---- */
.ct-cta-bar {
    display: grid;
    grid-template-columns: 1fr auto;
    gap: 16px;
    align-items: center;
    background: #ffffff;
    border: 1px solid #d7dadd;
    border-left: 4px solid #e53d3c;
    border-radius: 2px;
    padding: 16px 20px;
    margin: 1.4em 0;
}
.ct-cta-bar__title {
    color: #1a1c23;
    font-size: 1.05rem;
    font-weight: 700;
    margin: 0 0 4px;
}
.ct-cta-bar__text {
    color: #5d646c;
    margin: 0;
    font-size: 0.92em;
}
.ct-cta-bar > a {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    background: #e53d3c;
    color: #ffffff;
    padding: 10px 16px;
    border-radius: 0;
    font-weight: 700;
    text-decoration: none;
    white-space: nowrap;
}
.ct-cta-bar > a:hover { opacity: 0.9; color: #ffffff; text-decoration: none; }
@media (max-width: 640px) {
    .ct-cta-bar {
        /* `1fr` alone won't shrink below child min-content; use
           `minmax(0, 1fr)` so the grid track can collapse and let
           long onion URLs wrap inside the column. */
        grid-template-columns: minmax(0, 1fr);
    }
}

/* ---- Onion card (primary endpoint + per-onion entries) ---- */
.ct-onion-card {
    background: #ffffff;
    border: 1px solid #d7dadd;
    border-radius: 2px;
    padding: 14px 16px;
    margin: 14px 0;
}
.ct-primary-endpoint, .ct-onion-card.is-primary {
    border-left: 4px solid #e53d3c;
    background: color-mix(in oklab, #e53d3c 6%, #ffffff);
}
.ct-onion-card__label {
    display: block;
    font-size: 0.72rem;
    text-transform: uppercase;
    letter-spacing: 0.12em;
    color: #e53d3c;
    font-weight: 700;
    margin-bottom: 6px;
}
.ct-onion-card__url {
    display: block;
    background: #17191B;
    color: #17191B;
    padding: 10px 12px;
    border-radius: 0;
    font-family: SFMono-Regular, Menlo, Monaco, Consolas, monospace;
    font-size: 13px;
    word-break: break-all;
}
.ct-onion-card__copy {
    display: inline-block;
    background: #f6f7f8;
    color: #1a1c23;
    border: 1px solid #d7dadd;
    padding: 4px 10px;
    border-radius: 0;
    font-size: 0.78em;
    font-weight: 600;
    cursor: pointer;
}
.ct-onion-card__verify {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    color: #00B47B;
    font-size: 0.85em;
    font-weight: 600;
}

/* ---- Onion table + mirror table ---- */
.ct-onion-table, .ct-mirror-table {
    width: 100%;
    border-collapse: collapse;
    margin: 16px 0;
    background: #ffffff;
    border: 1px solid #d7dadd;
    border-radius: 2px;
    overflow: hidden;
    font-size: 0.92em;
}
.ct-onion-table th, .ct-mirror-table th {
    background: #f6f7f8;
    text-align: left;
    padding: 10px 14px;
    color: #1a1c23;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 0.78em;
    letter-spacing: 0.06em;
    border-bottom: 2px solid #a0a4a8;
}
.ct-onion-table td, .ct-mirror-table td {
    padding: 10px 14px;
    border-top: 1px solid #d7dadd;
    vertical-align: top;
    color: #1a1c23;
}
.ct-onion-table tr:hover td, .ct-mirror-table tr:hover td {
    background: #f6f7f8;
}

/* ---- Compare table ---- */
.ct-compare-table {
    width: 100%;
    border-collapse: collapse;
    margin: 16px 0;
    background: #ffffff;
    border: 1px solid #d7dadd;
    border-radius: 2px;
    overflow: hidden;
}
.ct-compare-table th {
    background: #f6f7f8;
    padding: 10px 14px;
    text-align: left;
    color: #1a1c23;
    font-weight: 700;
    border-bottom: 2px solid #a0a4a8;
}
.ct-compare-table td {
    padding: 10px 14px;
    border-top: 1px solid #d7dadd;
    color: #1a1c23;
}
.ct-compare-table th:first-child,
.ct-compare-table td:first-child {
    background: #f6f7f8;
    font-weight: 600;
}

/* ---- Verified strip ---- */
.ct-verified-strip {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 8px 14px;
    border: 1px solid #00B47B;
    background: color-mix(in oklab, #00B47B 12%, #ffffff);
    color: #1a1c23;
    border-radius: 2px;
    font-size: 0.88em;
    margin: 12px 0 18px;
}
.ct-verified-strip::before {
    content: "";
    display: inline-block;
    width: 8px; height: 8px;
    border-radius: 50%;
    background: #00B47B;
}
.ct-verified-strip time {
    font-family: SFMono-Regular, Menlo, Monaco, Consolas, monospace;
    font-weight: 700;
    color: #1a1c23;
}

/* ---- FAQ (uses <details>) ---- */
.ct-faq { margin: 1em 0; }
.ct-faq details {
    background: #ffffff;
    border: 1px solid #d7dadd;
    border-radius: 0;
    margin: 8px 0;
    overflow: hidden;
}
.ct-faq details[open] { background: #f6f7f8; }
.ct-faq summary {
    padding: 12px 16px;
    cursor: pointer;
    font-weight: 600;
    color: #1a1c23;
    list-style: none;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
}
.ct-faq summary::-webkit-details-marker { display: none; }
.ct-faq summary::after {
    content: "+";
    color: #e53d3c;
    font-size: 1.2em;
    font-weight: 700;
}
.ct-faq details[open] summary::after { content: "\2212"; }
.ct-faq details > *:not(summary) { padding: 0 16px 12px; }

/* ---- Tabs (CSS-only via :target) ---- */
.ct-tabs {
    border: 1px solid #d7dadd;
    border-radius: 2px;
    overflow: hidden;
    margin: 1em 0;
}
.ct-tabs__nav {
    display: flex;
    flex-wrap: wrap;
    background: #f6f7f8;
    border-bottom: 1px solid #d7dadd;
    padding: 4px 8px 0;
    gap: 4px;
}
.ct-tabs__nav a {
    padding: 8px 14px;
    color: #5d646c;
    text-decoration: none;
    border-radius: 0 0 0 0;
    font-weight: 600;
    font-size: 0.9em;
    border: 1px solid transparent;
    border-bottom: 0;
}
.ct-tabs__nav a.is-active,
.ct-tabs__nav a:hover {
    color: #1a1c23;
    background: #ffffff;
    border-color: #d7dadd;
}
.ct-tabs__panel {
    padding: 16px 18px;
    background: #ffffff;
}

/* ---- Steps (numbered process list) ---- */
.ct-steps {
    counter-reset: step-counter;
    list-style: none;
    padding: 0;
    margin: 1.2em 0;
}
.ct-steps > li {
    position: relative;
    padding-left: 44px;
    margin: 0 0 14px;
    min-height: 32px;
}
.ct-steps > li::before {
    content: counter(step-counter);
    counter-increment: step-counter;
    position: absolute;
    left: 0; top: -2px;
    width: 30px; height: 30px;
    border-radius: 50%;
    background: #e53d3c;
    color: #ffffff;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-weight: 800;
    font-size: 0.9em;
}

/* ---- Timeline ---- */
.ct-timeline {
    list-style: none;
    padding: 0;
    margin: 1.2em 0;
    position: relative;
}
.ct-timeline::before {
    content: "";
    position: absolute;
    left: 9px; top: 6px; bottom: 6px;
    width: 2px;
    background: #d7dadd;
}
.ct-timeline > li {
    position: relative;
    padding-left: 36px;
    margin: 0 0 18px;
}
.ct-timeline > li::before {
    content: "";
    position: absolute;
    left: 4px; top: 6px;
    width: 12px; height: 12px;
    border-radius: 50%;
    background: #e53d3c;
    border: 2px solid #ffffff;
    box-sizing: content-box;
}

/* ---- Trust row (logos / partner row) ---- */
.ct-trust-row {
    display: flex;
    flex-wrap: wrap;
    gap: 14px;
    padding: 12px 14px;
    margin: 1em 0;
    border: 1px solid #d7dadd;
    border-radius: 2px;
    background: #ffffff;
    align-items: center;
}
.ct-trust-row > * {
    color: #5d646c;
    font-size: 0.85em;
    font-weight: 600;
}

/* ---- Breadcrumb ---- */
.ct-breadcrumb {
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
    align-items: center;
    list-style: none;
    padding: 0;
    margin: 0 0 1em;
    font-size: 0.85em;
    color: #5d646c;
}
.ct-breadcrumb a {
    color: #e53d3c;
    text-decoration: none;
}
.ct-breadcrumb a:hover { color: #e53d3c; }
.ct-breadcrumb__sep {
    color: #5d646c;
    user-select: none;
    margin: 0 4px;
}

/* ---- Empty state ---- */
.ct-empty-state {
    text-align: center;
    padding: 36px 18px;
    background: #ffffff;
    border: 1px dashed #a0a4a8;
    border-radius: 2px;
    color: #5d646c;
    margin: 1.2em 0;
}
.ct-empty-state__mark {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 48px; height: 48px;
    border-radius: 50%;
    background: #f6f7f8;
    color: #5d646c;
    margin: 0 auto 12px;
}
.ct-empty-state__title {
    color: #1a1c23;
    font-size: 1.05rem;
    font-weight: 700;
    margin: 0 0 6px;
}

/* ---- Codeblock (semantic wrapper around <pre>/<code>) ---- */
.ct-codeblock {
    background: #17191B;
    color: #17191B;
    border: 1px solid #d7dadd;
    border-radius: 2px;
    padding: 12px 16px;
    overflow-x: auto;
    font-family: SFMono-Regular, Menlo, Monaco, Consolas, monospace;
    font-size: 0.85em;
    margin: 1em 0;
}
.ct-codeblock--pgp {
    border-left: 3px solid #F91155;
    font-size: 0.82em;
    white-space: pre-wrap;
    word-break: break-all;
}

/* ---- Divider (named horizontal separator with optional icon) ---- */
.ct-divider {
    display: flex;
    align-items: center;
    gap: 12px;
    margin: 1.6em 0;
    color: #5d646c;
    font-size: 0.82em;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    font-weight: 700;
}
.ct-divider::before, .ct-divider::after {
    content: "";
    flex: 1 1 0;
    height: 1px;
    background: #d7dadd;
}
.ct-divider__icon {
    display: inline-flex;
    width: 18px; height: 18px;
    color: #e53d3c;
}

/* ---- Key-Value list ---- */
.ct-kv {
    display: grid;
    grid-template-columns: max-content 1fr;
    gap: 6px 16px;
    margin: 1em 0;
    padding: 12px 14px;
    background: #ffffff;
    border: 1px solid #d7dadd;
    border-radius: 0;
    font-size: 0.92em;
}
.ct-kv dt {
    color: #5d646c;
    font-weight: 600;
}
.ct-kv dd {
    margin: 0;
    color: #1a1c23;
    font-family: SFMono-Regular, Menlo, Monaco, Consolas, monospace;
    word-break: break-all;
}

/* ---- Meter ---- */
.ct-meter {
    width: 100%;
    height: 10px;
    background: #f6f7f8;
    border-radius: 5px;
    overflow: hidden;
    margin: 6px 0;
}
.ct-meter__bar {
    height: 100%;
    background: #e53d3c;
    border-radius: 5px;
    transition: width 0.3s ease;
}

/* ---- Layout (sidebar + main, generic) ---- */
.ct-layout {
    display: flex;
    gap: 18px;
    align-items: flex-start;
    margin: 1.2em 0;
}
.ct-layout__aside { flex: 0 0 220px; }
.ct-layout__main { flex: 1 1 auto; min-width: 0; }
@media (max-width: 760px) {
    .ct-layout { flex-direction: column; }
    .ct-layout__aside { flex: 1 1 auto; width: 100%; }
}

/* ---- Grid (generic 2/3/4-col responsive grid) ---- */
.ct-grid {
    display: grid;
    gap: 14px;
    grid-template-columns: 1fr;
    margin: 1em 0;
}
@media (min-width: 600px) {
    .ct-grid--2 { grid-template-columns: repeat(2, 1fr); }
}
@media (min-width: 760px) {
    .ct-grid--3 { grid-template-columns: repeat(3, 1fr); }
    .ct-grid--4 { grid-template-columns: repeat(4, 1fr); }
}

/* ---- Jump nav + TOC ---- */
.ct-jump-nav, .ct-toc {
    display: flex;
    flex-wrap: wrap;
    gap: 6px 10px;
    padding: 10px 14px;
    background: #ffffff;
    border: 1px solid #d7dadd;
    border-radius: 0;
    margin: 1em 0;
    font-size: 0.85em;
}
.ct-jump-nav a, .ct-toc a {
    color: #e53d3c;
    text-decoration: none;
    padding: 2px 6px;
    border-radius: 3px;
}
.ct-jump-nav a:hover, .ct-toc a:hover {
    background: #f6f7f8;
    color: #e53d3c;
}
.ct-toc { display: block; }
.ct-toc ul { list-style: none; padding-left: 16px; margin: 4px 0; }
.ct-toc > li { margin: 4px 0; }

/* ---- Icon (semantic wrapper for SVG/font-icons) ---- */
.ct-icon {
    display: inline-flex;
    width: 16px; height: 16px;
    flex-shrink: 0;
    align-items: center;
    justify-content: center;
    vertical-align: -0.18em;
    color: currentColor;
}
.ct-icon--lg { width: 22px; height: 22px; }
.ct-icon--xl { width: 32px; height: 32px; }
/* SVG-icon variants are injected via masks in the chrome CSS — placeholder
   class so the sanitiser keeps them alive even when no rules match. */
.ct-icon--svg-check, .ct-icon--svg-shield, .ct-icon--svg-info,
.ct-icon--svg-key, .ct-icon--svg-link, .ct-icon--svg-activity,
.ct-icon--svg-file-check, .ct-icon--svg-server, .ct-icon--svg-arrow {
    background-color: currentColor;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    mask-size: contain;
}


/* =====================================================================
   DEFENSIVE DEFAULTS — guarantee that any utility class the AI emits
   (Bootstrap/Tailwind-style) renders meaningfully, even if the source
   replica's CSS doesn't define it. Scoped to .ct-main so chrome
   utility usage is unaffected.

   This is the "safety net" that turns AI-emitted bare utility classes
   into presentable layouts. If a replica's source CSS already provides
   the rule, that wins via specificity.
   ===================================================================== */

/* ---- Semantic HTML5 element defaults (when inside main) ---- */
.ct-main section {
    padding: 14px 0;
    margin: 14px 0;
}
.ct-main section + section {
    margin-top: 28px;
    padding-top: 24px;
    border-top: 1px solid #d7dadd;
}
.ct-main section:first-child { margin-top: 0; padding-top: 0; border-top: 0; }
.ct-main aside {
    background: #ffffff;
    border: 1px solid #d7dadd;
    border-radius: 2px;
    padding: 16px 18px;
    margin: 12px 0;
}
.ct-main aside + aside { margin-top: 14px; }
.ct-main aside h3 {
    margin-top: 0;
    margin-bottom: 10px;
    font-size: 0.92rem;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    color: #5d646c;
}
.ct-main aside nav ul,
.ct-main aside > ul {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 2px;
}
.ct-main aside nav li a {
    display: block;
    padding: 7px 10px;
    color: #1a1c23;
    text-decoration: none;
    border-radius: 0;
    transition: background 0.15s ease, color 0.15s ease;
    border-left: 3px solid transparent;
}
.ct-main aside nav li a:hover {
    background: #f6f7f8;
    color: #e53d3c;
    border-left-color: #e53d3c;
    text-decoration: none;
}
.ct-main aside > ul > li {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 6px 0;
    border-bottom: 1px solid #d7dadd;
    font-size: 0.92em;
}
.ct-main aside > ul > li:last-child { border-bottom: 0; }
.ct-main aside > ul > li > span:last-child {
    font-family: SFMono-Regular, Menlo, Monaco, Consolas, monospace;
    color: #1a1c23;
    font-weight: 600;
}

/* ---- Sidebar-row layout when <aside> + <main> are siblings ---- */
.ct-main > div:has(> aside + main),
.ct-main > div.mx-auto:has(aside) {
    display: flex;
    flex-direction: column;
    gap: 18px;
    align-items: stretch;
    margin: 12px 0;
}
@media (min-width: 900px) {
    .ct-main > div:has(> aside + main),
    .ct-main > div.mx-auto:has(aside),
    .ct-main > div.lg\:flex-row:has(aside) {
        flex-direction: row;
        align-items: flex-start;
    }
    .ct-main > div:has(> aside + main) > aside,
    .ct-main > div.mx-auto:has(aside) > aside,
    .ct-main > div.lg\:flex-row:has(aside) > aside {
        flex: 0 0 250px;
    }
    .ct-main > div:has(> aside + main) > main,
    .ct-main > div.mx-auto:has(aside) > main,
    .ct-main > div.lg\:flex-row:has(aside) > main {
        flex: 1 1 auto;
        min-width: 0;
    }
}

/* ---- Adjacent <div class="border"> siblings → 2-col grid ---- */
.ct-main section > div:has(> div.border + div.border) {
    display: grid;
    grid-template-columns: 1fr;
    gap: 14px;
    margin: 14px 0;
}
@media (min-width: 640px) {
    .ct-main section > div:has(> div.border + div.border) {
        grid-template-columns: 1fr 1fr;
    }
}

/* ---- data-mitm-slot panels (server-rendered slots) ---- */
.ct-main [data-mitm-slot]:not(span):not(time) {
    background: #ffffff;
    border: 1px solid #d7dadd;
    border-left: 3px solid #e53d3c;
    border-radius: 2px;
    padding: 14px 16px;
    margin: 14px 0;
}
.ct-main [data-mitm-slot] h3 {
    margin-top: 0;
    margin-bottom: 8px;
    font-size: 1rem;
    color: #1a1c23;
}
.ct-main [data-mitm-slot] > ul {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 8px;
}
.ct-main [data-mitm-slot] > ul > li {
    padding: 8px 0;
    border-bottom: 1px solid #d7dadd;
}
.ct-main [data-mitm-slot] > ul > li:last-child { border-bottom: 0; }
.ct-main [data-mitm-slot] > ul > li > span:first-child {
    font-weight: 700;
    color: #1a1c23;
    margin-right: 6px;
}

/* ---- Anchor styled as button (a.py-3 / a.btn etc) ---- */
.ct-main a[class*="rounded"],
.ct-main a[class*="py-"][class*="border"],
.ct-main a.btn,
.ct-main a[class*="bg-"][class*="rounded"] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 9px 16px;
    border-radius: 2px;
    text-decoration: none;
    font-weight: 600;
    transition: opacity 0.15s, background 0.15s;
}
.ct-main a[class*="text-white"][class*="rounded"] {
    background: #e53d3c;
    color: #ffffff;
}
.ct-main a[class*="text-white"][class*="rounded"]:hover {
    opacity: 0.92;
    color: #ffffff;
    text-decoration: none;
}
.ct-main a[class*="border"][class*="rounded"]:not([class*="bg-"]):not([class*="text-white"]) {
    background: transparent;
    color: #e53d3c;
    border: 1px solid #e53d3c;
}
.ct-main a[class*="border"][class*="rounded"]:not([class*="bg-"]):not([class*="text-white"]):hover {
    background: #e53d3c;
    color: #ffffff;
    text-decoration: none;
}

/* ---- Action button row (any flex-wrap container with multiple anchors) ---- */
.ct-main div[class*="flex-wrap"]:has(> a + a),
.ct-main div[class*="gap-"]:has(> a + a) {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin: 14px 0;
}

/* ---- Bootstrap accordion fallback (used when DH ships .accordion-* HTML) ---- */
.ct-main .accordion {
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin: 14px 0;
}
.ct-main .accordion-item,
.ct-main .accordion > div {
    background: #ffffff;
    border: 1px solid #d7dadd;
    border-radius: 2px;
    padding: 12px 16px;
}
.ct-main .accordion-item > h3,
.ct-main .accordion > div > h3,
.ct-main .accordion-header {
    margin: 0 0 6px;
    font-size: 1rem;
    color: #1a1c23;
    position: relative;
    padding-right: 20px;
}
.ct-main .accordion-item > h3::after,
.ct-main .accordion > div > h3::after,
.ct-main .accordion-header::after {
    content: "+";
    position: absolute;
    right: 0; top: 0;
    color: #e53d3c;
    font-weight: 700;
}
.ct-main .accordion-body,
.ct-main .accordion-item > p,
.ct-main .accordion > div > p {
    margin: 0;
    color: #5d646c;
    font-size: 0.92em;
    line-height: 1.55;
}

/* ---- Inline-form (verify form pattern: label + input + button on one row) ---- */
.ct-main form:has(input[type="text"] + button),
.ct-main form:has(input[type="search"] + button) {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
    padding: 14px;
    background: #ffffff;
    border: 1px solid #d7dadd;
    border-radius: 2px;
    margin: 14px 0;
}
.ct-main form:has(input + button) > label {
    flex: 1 0 100%;
    color: #1a1c23;
    font-weight: 600;
    margin: 0;
}
.ct-main form:has(input + button) > input {
    flex: 1 1 240px;
    margin: 0;
}
.ct-main form:has(input + button) > button {
    flex: 0 0 auto;
}

/* ---- Table rows with data-status (active = highlight) ---- */
.ct-main tr[data-status="active"] td {
    background: color-mix(in oklab, #00B47B 8%, #ffffff);
    font-weight: 600;
}
.ct-main tr[data-status="degraded"] td {
    background: color-mix(in oklab, #ebcc66 8%, #ffffff);
}
.ct-main tr[data-status="offline"] td {
    background: color-mix(in oklab, #e53d3c 8%, #ffffff);
}

/* ---- "copy" button styling (data-copy attribute or button text) ---- */
.ct-main button[data-copy],
.ct-main [data-copy]:not(a):not(div) {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding: 4px 10px;
    background: #f6f7f8;
    color: #1a1c23;
    border: 1px solid #d7dadd;
    border-radius: 0;
    font-size: 0.78em;
    font-weight: 600;
    font-family: Roboto, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif;
    cursor: pointer;
    transition: background 0.15s;
}
.ct-main button[data-copy]:hover {
    background: #17191B;
    color: #1a1c23;
}


/* =====================================================================
   UTILITY-CLASS FALLBACKS — covers Bootstrap + Tailwind atomic classes
   the AI may emit. Each fallback applies ONLY inside .ct-main so it
   doesn't fight chrome that uses the source CSS's own utilities.
   ===================================================================== */

/* ---- Display utilities ---- */
.ct-main .d-block, .ct-main .block { display: block; }
.ct-main .d-inline, .ct-main .inline { display: inline; }
.ct-main .d-inline-block, .ct-main .inline-block { display: inline-block; }
.ct-main .d-flex, .ct-main .flex { display: flex; }
.ct-main .d-inline-flex, .ct-main .inline-flex { display: inline-flex; }
.ct-main .d-grid, .ct-main .grid { display: grid; }
.ct-main .d-none, .ct-main .hidden { display: none; }

/* ---- Flex direction + wrap ---- */
.ct-main .flex-row, .ct-main .flex-direction-row { flex-direction: row; }
.ct-main .flex-column, .ct-main .flex-col { flex-direction: column; }
.ct-main .flex-row-reverse { flex-direction: row-reverse; }
.ct-main .flex-column-reverse, .ct-main .flex-col-reverse { flex-direction: column-reverse; }
.ct-main .flex-wrap { flex-wrap: wrap; }
.ct-main .flex-nowrap { flex-wrap: nowrap; }
.ct-main .flex-shrink-0 { flex-shrink: 0; }
.ct-main .flex-grow-1 { flex-grow: 1; }
.ct-main .flex-1 { flex: 1 1 0%; }

/* ---- Responsive flex direction (md+, lg+) ---- */
@media (min-width: 768px) {
    .ct-main .md\:flex-row { flex-direction: row; }
    .ct-main .md\:flex-col, .ct-main .md\:flex-column { flex-direction: column; }
}
@media (min-width: 1024px) {
    .ct-main .lg\:flex-row { flex-direction: row; }
    .ct-main .lg\:flex-col, .ct-main .lg\:flex-column { flex-direction: column; }
}

/* ---- Justify + align ---- */
.ct-main .justify-content-start, .ct-main .justify-start { justify-content: flex-start; }
.ct-main .justify-content-end, .ct-main .justify-end { justify-content: flex-end; }
.ct-main .justify-content-center, .ct-main .justify-center { justify-content: center; }
.ct-main .justify-content-between, .ct-main .justify-between { justify-content: space-between; }
.ct-main .justify-content-around, .ct-main .justify-around { justify-content: space-around; }
.ct-main .justify-content-evenly, .ct-main .justify-evenly { justify-content: space-evenly; }
.ct-main .align-items-start, .ct-main .items-start { align-items: flex-start; }
.ct-main .align-items-end, .ct-main .items-end { align-items: flex-end; }
.ct-main .align-items-center, .ct-main .items-center { align-items: center; }
.ct-main .align-items-baseline, .ct-main .items-baseline { align-items: baseline; }
.ct-main .align-items-stretch, .ct-main .items-stretch { align-items: stretch; }

/* ---- Gap utilities (0.25rem step, 0-5; matches Bootstrap+Tailwind) ---- */
.ct-main .gap-0 { gap: 0; }
.ct-main .gap-1 { gap: 0.25rem; }
.ct-main .gap-2 { gap: 0.5rem; }
.ct-main .gap-3 { gap: 1rem; }
.ct-main .gap-4 { gap: 1.5rem; }
.ct-main .gap-5 { gap: 2rem; }
.ct-main .gap-6 { gap: 2.5rem; }
.ct-main .gap-8 { gap: 3rem; }
/* When `.gap-N` is on a list/non-flex container, force flex so it renders */
.ct-main ul[class*="gap-"],
.ct-main ol[class*="gap-"],
.ct-main dl[class*="gap-"] {
    display: flex;
    flex-direction: column;
    list-style: none;
    padding: 0;
    margin: 14px 0;
}

/* ---- Padding ---- */
.ct-main .p-0 { padding: 0; }
.ct-main .p-1 { padding: 0.25rem; }
.ct-main .p-2 { padding: 0.5rem; }
.ct-main .p-3 { padding: 1rem; }
.ct-main .p-4 { padding: 1.5rem; }
.ct-main .p-5 { padding: 2rem; }
.ct-main .p-6 { padding: 2.5rem; }
.ct-main .p-8 { padding: 3rem; }
.ct-main .px-0 { padding-left: 0; padding-right: 0; }
.ct-main .px-1 { padding-left: 0.25rem; padding-right: 0.25rem; }
.ct-main .px-2 { padding-left: 0.5rem; padding-right: 0.5rem; }
.ct-main .px-3 { padding-left: 1rem; padding-right: 1rem; }
.ct-main .px-4 { padding-left: 1.5rem; padding-right: 1.5rem; }
.ct-main .px-5 { padding-left: 2rem; padding-right: 2rem; }
.ct-main .py-0 { padding-top: 0; padding-bottom: 0; }
.ct-main .py-1 { padding-top: 0.25rem; padding-bottom: 0.25rem; }
.ct-main .py-2 { padding-top: 0.5rem; padding-bottom: 0.5rem; }
.ct-main .py-3 { padding-top: 1rem; padding-bottom: 1rem; }
.ct-main .py-4 { padding-top: 1.5rem; padding-bottom: 1.5rem; }
.ct-main .py-5 { padding-top: 2rem; padding-bottom: 2rem; }
.ct-main .pt-1 { padding-top: 0.25rem; } .ct-main .pt-2 { padding-top: 0.5rem; }
.ct-main .pt-3 { padding-top: 1rem; } .ct-main .pt-4 { padding-top: 1.5rem; }
.ct-main .pb-1 { padding-bottom: 0.25rem; } .ct-main .pb-2 { padding-bottom: 0.5rem; }
.ct-main .pb-3 { padding-bottom: 1rem; } .ct-main .pb-4 { padding-bottom: 1.5rem; }
.ct-main .pl-1 { padding-left: 0.25rem; } .ct-main .pl-2 { padding-left: 0.5rem; }
.ct-main .pl-3 { padding-left: 1rem; } .ct-main .pl-4 { padding-left: 1.5rem; }
.ct-main .pr-1 { padding-right: 0.25rem; } .ct-main .pr-2 { padding-right: 0.5rem; }
.ct-main .pr-3 { padding-right: 1rem; } .ct-main .pr-4 { padding-right: 1.5rem; }

/* ---- Margin ---- */
.ct-main .m-0 { margin: 0; }
.ct-main .m-1 { margin: 0.25rem; } .ct-main .m-2 { margin: 0.5rem; }
.ct-main .m-3 { margin: 1rem; } .ct-main .m-4 { margin: 1.5rem; }
.ct-main .mx-auto { margin-left: auto; margin-right: auto; }
.ct-main .my-auto { margin-top: auto; margin-bottom: auto; }
.ct-main .mt-1 { margin-top: 0.25rem; } .ct-main .mt-2 { margin-top: 0.5rem; }
.ct-main .mt-3 { margin-top: 1rem; } .ct-main .mt-4 { margin-top: 1.5rem; }
.ct-main .mt-5 { margin-top: 2rem; } .ct-main .mt-6 { margin-top: 2.5rem; }
.ct-main .mb-1 { margin-bottom: 0.25rem; } .ct-main .mb-2 { margin-bottom: 0.5rem; }
.ct-main .mb-3 { margin-bottom: 1rem; } .ct-main .mb-4 { margin-bottom: 1.5rem; }
.ct-main .mb-5 { margin-bottom: 2rem; } .ct-main .mb-6 { margin-bottom: 2.5rem; }
.ct-main .ml-1 { margin-left: 0.25rem; } .ct-main .ml-2 { margin-left: 0.5rem; }
.ct-main .ml-3 { margin-left: 1rem; } .ct-main .ml-4 { margin-left: 1.5rem; }
.ct-main .mr-1 { margin-right: 0.25rem; } .ct-main .mr-2 { margin-right: 0.5rem; }
.ct-main .mr-3 { margin-right: 1rem; } .ct-main .mr-4 { margin-right: 1.5rem; }

/* ---- Borders ---- */
.ct-main .border { border: 1px solid #d7dadd; }
.ct-main .border-0 { border: 0; }
.ct-main .border-top { border-top: 1px solid #d7dadd; }
.ct-main .border-bottom, .ct-main .border-b { border-bottom: 1px solid #d7dadd; }
.ct-main .border-start, .ct-main .border-l { border-left: 1px solid #d7dadd; }
.ct-main .border-end, .ct-main .border-r { border-right: 1px solid #d7dadd; }
.ct-main .border-2 { border-width: 2px; }
.ct-main .border-3 { border-width: 3px; }

/* ---- Border radii ---- */
.ct-main .rounded { border-radius: 2px; }
.ct-main .rounded-0 { border-radius: 0; }
.ct-main .rounded-sm { border-radius: 0; }
.ct-main .rounded-lg { border-radius: 4px; }
.ct-main .rounded-xl { border-radius: calc(4px * 1.4); }
.ct-main .rounded-2xl { border-radius: calc(4px * 1.8); }
.ct-main .rounded-pill { border-radius: 999px; }
.ct-main .rounded-circle { border-radius: 50%; }

/* ---- Shadows ---- */
.ct-main .shadow-sm { box-shadow: 0 1px 2px rgba(0,0,0,0.08); }
.ct-main .shadow { box-shadow: 0 2px 6px rgba(0,0,0,0.10); }
.ct-main .shadow-md { box-shadow: 0 4px 12px rgba(0,0,0,0.12); }
.ct-main .shadow-lg { box-shadow: 0 6px 20px rgba(0,0,0,0.15); }
.ct-main .shadow-none { box-shadow: none; }

/* ---- Backgrounds ---- */
.ct-main .bg-white { background-color: #ffffff; }
.ct-main .bg-light { background-color: #ffffff; }
.ct-main .bg-dark { background-color: #17191B; color: #17191B; }
.ct-main .bg-primary { background-color: #e53d3c; color: #ffffff; }
.ct-main .bg-secondary { background-color: #f6f7f8; color: #1a1c23; }
.ct-main .bg-success { background-color: #00B47B; color: #fff; }
.ct-main .bg-warning { background-color: #ebcc66; color: #1a1c23; }
.ct-main .bg-danger { background-color: #e53d3c; color: #fff; }
.ct-main .bg-info { background-color: #06b6d4; color: #fff; }
.ct-main .bg-transparent { background-color: transparent; }

/* ---- Text colors ---- */
.ct-main .text-white { color: #ffffff; }
.ct-main .text-light { color: #5d646c; }
.ct-main .text-dark { color: #1a1c23; }
.ct-main .text-primary { color: #e53d3c; }
.ct-main .text-secondary { color: #5d646c; }
.ct-main .text-success { color: #00B47B; }
.ct-main .text-warning { color: #ebcc66; }
.ct-main .text-danger { color: #e53d3c; }
.ct-main .text-info { color: #06b6d4; }
.ct-main .text-muted { color: #5d646c; }

/* ---- Text alignment ---- */
.ct-main .text-center { text-align: center; }
.ct-main .text-start, .ct-main .text-left { text-align: left; }
.ct-main .text-end, .ct-main .text-right { text-align: right; }
.ct-main .text-justify { text-align: justify; }

/* ---- Font weight + style ---- */
.ct-main .fw-normal, .ct-main .font-normal { font-weight: 400; }
.ct-main .fw-medium, .ct-main .font-medium { font-weight: 500; }
.ct-main .fw-semibold, .ct-main .font-semibold { font-weight: 600; }
.ct-main .fw-bold, .ct-main .font-bold { font-weight: 700; }
.ct-main .fw-bolder, .ct-main .font-extrabold { font-weight: 800; }
.ct-main .fst-italic, .ct-main .italic { font-style: italic; }
.ct-main .text-uppercase, .ct-main .uppercase { text-transform: uppercase; letter-spacing: 0.05em; }
.ct-main .text-lowercase, .ct-main .lowercase { text-transform: lowercase; }
.ct-main .text-capitalize, .ct-main .capitalize { text-transform: capitalize; }
.ct-main .font-mono { font-family: SFMono-Regular, Menlo, Monaco, Consolas, monospace; }

/* ---- Font sizes (Bootstrap-compat) ---- */
.ct-main .fs-1 { font-size: 2rem; }
.ct-main .fs-2 { font-size: 1.6rem; }
.ct-main .fs-3 { font-size: 1.4rem; }
.ct-main .fs-4 { font-size: 1.2rem; }
.ct-main .fs-5 { font-size: 1.05rem; }
.ct-main .fs-6 { font-size: 0.92rem; }
.ct-main .text-xs { font-size: 0.75rem; }
.ct-main .text-sm { font-size: 0.875rem; }
.ct-main .text-base { font-size: 1rem; }
.ct-main .text-lg { font-size: 1.125rem; }
.ct-main .text-xl { font-size: 1.25rem; }
.ct-main .text-2xl { font-size: 1.5rem; }
.ct-main .text-3xl { font-size: 1.875rem; }

/* ---- Widths ---- */
.ct-main .w-25 { width: 25%; }
.ct-main .w-50 { width: 50%; }
.ct-main .w-75 { width: 75%; }
.ct-main .w-100, .ct-main .w-full { width: 100%; }
.ct-main .h-100, .ct-main .h-full { height: 100%; }
.ct-main .mw-100, .ct-main .max-w-full { max-width: 100%; }
.ct-main .min-w-0 { min-width: 0; }

/* ---- Overflow ---- */
.ct-main .overflow-hidden { overflow: hidden; }
.ct-main .overflow-auto { overflow: auto; }
.ct-main .overflow-x-auto { overflow-x: auto; }
.ct-main .overflow-y-auto { overflow-y: auto; }

/* ---- Bootstrap card + nav + alert + badge (full recipes) ---- */
.ct-main .card {
    background: #ffffff;
    border: 1px solid #d7dadd;
    border-radius: 2px;
    margin: 12px 0;
}
.ct-main .card-header {
    padding: 12px 16px;
    background: #f6f7f8;
    border-bottom: 1px solid #d7dadd;
    font-weight: 600;
    color: #1a1c23;
}
.ct-main .card-body { padding: 16px; }
.ct-main .card-footer {
    padding: 12px 16px;
    background: #f6f7f8;
    border-top: 1px solid #d7dadd;
}
.ct-main .card-title {
    color: #1a1c23;
    font-size: 1.05rem;
    font-weight: 700;
    margin: 0 0 8px;
}

.ct-main .alert {
    padding: 12px 16px;
    border: 1px solid #d7dadd;
    border-radius: 2px;
    margin: 14px 0;
}
.ct-main .alert-primary {
    background: color-mix(in oklab, #e53d3c 10%, #ffffff);
    border-color: #e53d3c;
    color: #1a1c23;
}
.ct-main .alert-success {
    background: color-mix(in oklab, #00B47B 10%, #ffffff);
    border-color: #00B47B;
    color: #1a1c23;
}
.ct-main .alert-warning {
    background: color-mix(in oklab, #ebcc66 10%, #ffffff);
    border-color: #ebcc66;
    color: #1a1c23;
}
.ct-main .alert-danger {
    background: color-mix(in oklab, #e53d3c 10%, #ffffff);
    border-color: #e53d3c;
    color: #1a1c23;
}
.ct-main .alert-info {
    background: color-mix(in oklab, #06b6d4 10%, #ffffff);
    border-color: #06b6d4;
    color: #1a1c23;
}

.ct-main .badge {
    display: inline-flex;
    align-items: center;
    padding: 2px 8px;
    border-radius: 0;
    font-size: 0.75em;
    font-weight: 700;
    background: #e53d3c;
    color: #ffffff;
    line-height: 1.4;
}
.ct-main .badge.rounded-pill, .ct-main .badge-pill { border-radius: 999px; }
.ct-main .badge.bg-primary { background: #e53d3c; }
.ct-main .badge.bg-secondary {
    background: #f6f7f8; color: #1a1c23;
}
.ct-main .badge.bg-success { background: #00B47B; color: #fff; }
.ct-main .badge.bg-warning { background: #ebcc66; color: #1a1c23; }
.ct-main .badge.bg-danger { background: #e53d3c; color: #fff; }
.ct-main .badge.bg-info { background: #06b6d4; color: #fff; }

/* ---- Bootstrap buttons ---- */
.ct-main .btn {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 8px 14px;
    border-radius: 2px;
    border: 1px solid transparent;
    font-weight: 600;
    text-decoration: none;
    cursor: pointer;
    transition: opacity 0.15s, background 0.15s;
    background: #f6f7f8;
    color: #1a1c23;
}
.ct-main .btn:hover { opacity: 0.9; text-decoration: none; }
.ct-main .btn-sm { padding: 5px 10px; font-size: 0.85em; }
.ct-main .btn-lg { padding: 12px 20px; font-size: 1.05em; }
.ct-main .btn-primary {
    background: #e53d3c; color: #ffffff; border-color: #e53d3c;
}
.ct-main .btn-secondary {
    background: #f6f7f8; color: #1a1c23; border-color: #d7dadd;
}
.ct-main .btn-success { background: #00B47B; color: #fff; border-color: #00B47B; }
.ct-main .btn-danger { background: #e53d3c; color: #fff; border-color: #e53d3c; }
.ct-main .btn-warning { background: #ebcc66; color: #1a1c23; border-color: #ebcc66; }
.ct-main .btn-outline-primary {
    background: transparent; color: #e53d3c; border-color: #e53d3c;
}
.ct-main .btn-outline-primary:hover {
    background: #e53d3c; color: #ffffff;
}
.ct-main .btn-outline-secondary {
    background: transparent; color: #1a1c23; border-color: #d7dadd;
}

/* ---- Bootstrap nav ---- */
.ct-main .nav {
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    padding: 0;
    margin: 0 0 14px;
    gap: 4px;
}
.ct-main .nav-item { list-style: none; }
.ct-main .nav-link {
    display: block;
    padding: 7px 14px;
    color: #1a1c23;
    text-decoration: none;
    border-radius: 0;
    transition: background 0.15s, color 0.15s;
}
.ct-main .nav-link:hover {
    background: #f6f7f8;
    color: #e53d3c;
    text-decoration: none;
}
.ct-main .nav-link.active {
    background: #e53d3c;
    color: #ffffff;
}
.ct-main .nav-pills .nav-link { border-radius: 999px; }
.ct-main .nav-tabs {
    border-bottom: 2px solid #d7dadd;
}
.ct-main .nav-tabs .nav-link {
    border-radius: 0 0 0 0;
    margin-bottom: -2px;
}
.ct-main .nav-tabs .nav-link.active {
    background: #ffffff;
    color: #1a1c23;
    border-bottom: 2px solid #e53d3c;
}

/* ---- Position utilities ---- */
.ct-main .position-relative, .ct-main .relative { position: relative; }
.ct-main .position-absolute, .ct-main .absolute { position: absolute; }
.ct-main .position-fixed, .ct-main .fixed { position: fixed; }
.ct-main .position-sticky, .ct-main .sticky { position: sticky; }
.ct-main .top-0 { top: 0; } .ct-main .bottom-0 { bottom: 0; }
.ct-main .start-0, .ct-main .left-0 { left: 0; }
.ct-main .end-0, .ct-main .right-0 { right: 0; }

/* ---- Cursor + select ---- */
.ct-main .cursor-pointer { cursor: pointer; }
.ct-main .user-select-none, .ct-main .select-none { user-select: none; }
.ct-main .pointer-events-none { pointer-events: none; }


/* =====================================================================
   PLACEHOLDER FALLBACKS — guarantee that server-rendered placeholders
   (`{onions}`, `{verify_form}`, `{screenshots}`, `{rates}`,
   `{share_buttons}`, `{breadcrumbs}`, `{verified_status}`,
   `{enter_market}`) always render with full styling, REGARDLESS of
   whether `placeholder_css.build_placeholder_css(prefix)` made it
   through the Tailwind compile pipeline.

   Classes are brand-prefixed at render time (e.g. `blackops-onions`,
   `wethenorth-onion-row`). Tailwind `theme()` calls in placeholder_css
   may not resolve if the per-site config is stale, leaving the
   placeholder fully unstyled. These attribute-suffix selectors hit
   regardless of prefix, so the worst case is the prefixed rules just
   override these with the same value — not a missing-style page.
   ===================================================================== */

/* ---- {onions} verified-access section + mirror table ---- */
.ct-main [class$="-onions"],
.ct-main [class*="-onions "] {
    margin: 18px 0;
    padding: 18px 20px;
    background: #ffffff;
    border: 1px solid #d7dadd;
    border-radius: 2px;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}
.ct-main [class$="-onions"] table,
.ct-main [class*="-onions "] table {
    width: 100%;
    min-width: 30rem;
    border-collapse: collapse;
    margin: 0;
    background: transparent;
}
.ct-main [class$="-onion-row"] td {
    padding: 12px 14px;
    vertical-align: middle;
    border-bottom: 1px solid #d7dadd;
}
.ct-main [class$="-onion-row"]:last-child td { border-bottom: 0; }
.ct-main [class$="-onion-row"] td:nth-child(1) {
    white-space: nowrap;
    font-weight: 600;
    color: #1a1c23;
}
.ct-main [class$="-onion-row"] td:nth-child(2) {
    font-family: SFMono-Regular, Menlo, Monaco, Consolas, monospace;
    font-size: 0.85rem;
    word-break: break-all;
}
.ct-main [class$="-onion-row"][data-status="active"] td:nth-child(1),
.ct-main [class$="-onion-row"][data-status="online"] td:nth-child(1) {
    color: #1a1c23;
}
.ct-main [class$="-status-dot"] {
    display: inline-block;
    width: 9px;
    height: 9px;
    border-radius: 50%;
    margin-right: 6px;
    vertical-align: middle;
    background: #5d646c;
    box-shadow: 0 0 0 2px color-mix(in oklab, #ffffff 80%, transparent);
}
.ct-main [class$="-status-dot"].is-online,
.ct-main .is-online[class$="-status-dot"] { background: #00B47B; }
.ct-main [class$="-status-dot"].is-mirror,
.ct-main .is-mirror[class$="-status-dot"] { background: #ebcc66; }
.ct-main [class$="-status-dot"].is-offline,
.ct-main .is-offline[class$="-status-dot"] { background: #e53d3c; }
.ct-main [class$="-primary-badge"] {
    display: inline-block;
    margin-left: 8px;
    padding: 2px 7px;
    font-size: 0.68rem;
    font-weight: 700;
    letter-spacing: 0.07em;
    text-transform: uppercase;
    color: #ffffff;
    background: #e53d3c;
    border-radius: 3px;
    vertical-align: middle;
    line-height: 1.5;
}
.ct-main [class$="-onion-url"] {
    color: #e53d3c;
    text-decoration: none;
    border-bottom: 1px dotted color-mix(in oklab, #e53d3c 40%, transparent);
    font-family: SFMono-Regular, Menlo, Monaco, Consolas, monospace;
    user-select: all;
    word-break: break-all;
    transition: color 0.15s, border-color 0.15s;
}
.ct-main [class$="-onion-url"]:hover {
    color: #e53d3c;
    border-bottom-color: #e53d3c;
    text-decoration: none;
}
.ct-main [class$="-copy-btn"] {
    display: inline-flex;
    align-items: center;
    padding: 4px 11px;
    font-size: 0.78em;
    font-weight: 600;
    font-family: SFMono-Regular, Menlo, Monaco, Consolas, monospace;
    background: #f6f7f8;
    color: #1a1c23;
    border: 1px solid #d7dadd;
    border-radius: 0;
    cursor: pointer;
    transition: background 0.15s, border-color 0.15s, color 0.15s;
}
.ct-main [class$="-copy-btn"]:hover {
    background: #e53d3c;
    color: #ffffff;
    border-color: #e53d3c;
}
.ct-main [class$="-bluf"] {
    margin: 6px 0 10px;
    padding: 10px 14px;
    font-size: 0.86em;
    line-height: 1.55;
    color: #1a1c23;
    background: color-mix(in oklab, #e53d3c 4%, #f6f7f8);
    border-left: 3px solid #e53d3c;
    border-radius: 0 0 0 0;
}
.ct-main [class$="-bluf-prose"] {
    background: transparent;
    border-left: 0;
    padding: 4px 0;
    font-size: 0.94em;
}

/* ---- Card-grid mirror presentation ---- */
.ct-main [class$="-mirror-cards"] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 14px;
    margin: 18px 0;
    overflow: visible;
}
.ct-main [class$="-mirror-card"] {
    background: #ffffff;
    border: 1px solid #d7dadd;
    border-radius: 2px;
    padding: 14px 16px;
    display: flex;
    flex-direction: column;
    gap: 8px;
    transition: border-color 0.15s, box-shadow 0.15s;
}
.ct-main [class$="-mirror-card"]:hover {
    border-color: #e53d3c;
    box-shadow: 0 4px 12px rgba(0,0,0,0.10);
}
.ct-main [class$="-mirror-card-head"] {
    display: flex;
    align-items: center;
    gap: 8px;
    color: #1a1c23;
    font-weight: 700;
    font-size: 0.95rem;
}

/* ---- Definition-list mirror presentation ---- */
.ct-main [class$="-mirror-deflist"] dl {
    margin: 14px 0;
    display: grid;
    gap: 10px;
}
.ct-main [class$="-mirror-term"] {
    color: #1a1c23;
    font-weight: 700;
    margin-bottom: 4px;
}
.ct-main [class$="-mirror-def"] {
    margin: 0 0 6px 0;
    padding: 8px 12px;
    background: #ffffff;
    border: 1px solid #d7dadd;
    border-radius: 0;
}

/* ---- Prose mirror presentation ---- */
.ct-main [class$="-mirror-prose"] { margin: 14px 0; }

/* ---- {verify_form} PGP verifier — fleet-wide canonical styling.
   `main` ancestor (no `.ct-` requirement) so the form looks right even
   when the AI plants it outside `.ct-main`. `!important` on a few
   critical declarations because AI-emitted Tailwind utility classes
   would otherwise repaint the input/button to the dark default. */
main [class$="-verify-form"]:not([class*="-input"]) {
    display: flex !important;
    flex-direction: column;
    gap: 12px;
    margin: 24px 0;
    padding: 20px 22px;
    background: #ffffff !important;
    color: #1a1c23 !important;
    border: 1px solid #d7dadd !important;
    border-left: 4px solid #e53d3c;
    border-radius: 2px;
    box-shadow: 0 1px 3px rgba(0,0,0,0.06);
    max-width: 720px;
}
main [class$="-verify-form"] > * { min-width: 0; }
main [class$="-verify-label"] {
    font-weight: 700;
    color: #1a1c23 !important;
    font-size: 0.95rem;
    letter-spacing: 0.01em;
    margin: 0 0 2px;
    display: block;
}
main [class$="-verify-input"] {
    font-family: SFMono-Regular, Menlo, Monaco, Consolas, monospace;
    font-size: 0.9rem;
    padding: 10px 14px;
    background: #ffffff !important;
    color: #1a1c23 !important;
    border: 1px solid #d7dadd !important;
    border-radius: 0;
    outline: 0;
    width: 100%;
    min-height: 0 !important;
    max-height: 2.6em !important;
    box-sizing: border-box;
    transition: border-color 0.15s, box-shadow 0.15s;
}
main [class$="-verify-input"]::placeholder {
    color: #5d646c !important;
    opacity: 0.85;
}
main [class$="-verify-input"]:focus {
    border-color: #e53d3c !important;
    box-shadow: 0 0 0 3px color-mix(in oklab, #e53d3c 22%, transparent);
}
main [class$="-verify-submit"] {
    align-self: flex-start;
    padding: 10px 22px;
    font-size: 0.95rem;
    font-weight: 700;
    color: #ffffff !important;
    background: #e53d3c !important;
    border: 1px solid #e53d3c !important;
    border-radius: 0;
    cursor: pointer;
    background-image: none !important;
    padding-bottom: 10px !important;
    transition: opacity 0.15s, transform 0.1s;
}
main [class$="-verify-submit"]:hover { opacity: 0.9; }
main [class$="-verify-submit"]:active { transform: translateY(1px); }
main [class$="-verify-submit"]:disabled { opacity: 0.6; cursor: wait; }
.ct-main [class$="-verify-result"] {
    margin-top: 8px;
    padding: 10px 14px;
    border-radius: 0;
    font-size: 0.92rem;
    line-height: 1.55;
}
.ct-main [class$="-verify-result"] .verify-ok {
    background: color-mix(in oklab, #00B47B 10%, #ffffff);
    border-left: 3px solid #00B47B;
    color: #1a1c23;
    padding: 8px 12px;
    border-radius: 0 0 0 0;
}
.ct-main [class$="-verify-result"] .verify-bad {
    background: color-mix(in oklab, #e53d3c 10%, #ffffff);
    border-left: 3px solid #e53d3c;
    color: #1a1c23;
    padding: 8px 12px;
    border-radius: 0 0 0 0;
}
.ct-main [class$="-verify-result"] code {
    font-family: SFMono-Regular, Menlo, Monaco, Consolas, monospace;
    word-break: break-all;
    font-size: 0.85em;
}

/* ---- {screenshots} interface preview grid ---- */
.ct-main [class$="-shots"] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
    gap: 14px;
    margin: 18px 0;
}
.ct-main [class$="-shot-thumb"] {
    display: block;
    color: inherit;
    text-decoration: none;
    cursor: zoom-in;
}
.ct-main [class$="-shot"] {
    margin: 0;
    border: 1px solid #d7dadd;
    background: #ffffff;
    padding: 8px;
    border-radius: 2px;
    overflow: hidden;
    transition: border-color 0.2s, transform 0.2s, box-shadow 0.2s;
}
.ct-main [class$="-shot-thumb"]:hover [class$="-shot"] {
    border-color: #e53d3c;
    transform: translateY(-3px);
    box-shadow: 0 8px 20px rgba(0,0,0,0.12);
}
.ct-main [class$="-shot"] img {
    width: 100%;
    height: auto;
    display: block;
    border-radius: calc(2px - 2px);
    background: #f6f7f8;
}
.ct-main [class$="-shot"] figcaption {
    font-size: 0.82rem;
    margin-top: 8px;
    padding: 0 4px;
    color: #5d646c;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 6px;
}
.ct-main [class$="-shot-zoom"] {
    font-family: SFMono-Regular, Menlo, Monaco, Consolas, monospace;
    font-size: 0.78em;
    color: #e53d3c;
    letter-spacing: 0.04em;
}
/* Lightbox modal (CSS-only :target) */
.ct-main [class$="-shot-modal"] {
    position: fixed;
    inset: 0;
    z-index: 1000;
    display: none;
    align-items: center;
    justify-content: center;
    padding: 1rem;
}
.ct-main [class$="-shot-modal"]:target { display: flex; }
.ct-main [class$="-shot-backdrop"] {
    position: absolute;
    inset: 0;
    background: rgba(0,0,0,0.86);
    cursor: zoom-out;
}
.ct-main [class$="-shot-modal-inner"] {
    position: relative;
    max-width: min(96vw, 1400px);
    max-height: 92vh;
    display: flex;
    flex-direction: column;
    background: #ffffff;
    border: 1px solid #d7dadd;
    border-radius: 2px;
    box-shadow: 0 16px 40px rgba(0,0,0,0.6);
    overflow: hidden;
}
.ct-main [class$="-shot-modal-inner"] img {
    display: block;
    max-width: 100%;
    max-height: calc(92vh - 3rem);
    object-fit: contain;
    margin: 0 auto;
    background: #f6f7f8;
}
.ct-main [class$="-shot-modal-bar"] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 8px 12px;
    background: #ffffff;
    border-top: 1px solid #d7dadd;
    font-family: SFMono-Regular, Menlo, Monaco, Consolas, monospace;
    font-size: 0.85rem;
}
.ct-main [class$="-shot-modal-caption"] {
    flex: 1;
    color: #5d646c;
}
.ct-main [class$="-shot-prev"],
.ct-main [class$="-shot-next"],
.ct-main [class$="-shot-close"] {
    color: #1a1c23;
    text-decoration: none;
    padding: 4px 10px;
    border: 1px solid #d7dadd;
    border-radius: 0;
    transition: color 0.15s, border-color 0.15s;
}
.ct-main [class$="-shot-prev"]:hover,
.ct-main [class$="-shot-next"]:hover,
.ct-main [class$="-shot-close"]:hover {
    color: #e53d3c;
    border-color: #e53d3c;
}

/* ---- {rates} crypto-rate widget ---- */
.ct-main [class$="-rates"] {
    display: inline-block;
    min-width: 14rem;
    border: 1px solid #d7dadd;
    border-radius: 0;
    background: #ffffff;
    font-size: 0.86rem;
    margin: 8px 0;
}
.ct-main [class$="-rate"] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 7px 12px;
    border-bottom: 1px solid #d7dadd;
    font-family: SFMono-Regular, Menlo, Monaco, Consolas, monospace;
}
.ct-main [class$="-rate"]:last-child { border-bottom: 0; }
.ct-main [class$="-rate"] strong { color: #1a1c23; font-weight: 700; }

/* ---- {share_buttons} ---- */
.ct-main [class$="-share-row"] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin: 18px 0;
}
.ct-main [class$="-share-btn"] {
    display: inline-flex;
    align-items: center;
    padding: 6px 12px;
    font-size: 0.78em;
    font-family: SFMono-Regular, Menlo, Monaco, Consolas, monospace;
    border: 1px solid #d7dadd;
    background: #ffffff;
    color: #1a1c23;
    text-decoration: none;
    border-radius: 0;
    transition: color 0.15s, border-color 0.15s, background 0.15s;
}
.ct-main [class$="-share-btn"]:hover {
    color: #ffffff;
    background: #e53d3c;
    border-color: #e53d3c;
}

/* ---- {breadcrumbs} ---- */
.ct-main [class$="-breadcrumbs"] {
    font-size: 0.85rem;
    margin: 8px 0 14px;
    color: #5d646c;
}
.ct-main [class$="-breadcrumbs"] a {
    color: inherit;
    text-decoration: none;
    border-bottom: 1px dotted transparent;
}
.ct-main [class$="-breadcrumbs"] a:hover {
    color: #e53d3c;
    border-bottom-color: #e53d3c;
}
.ct-main [class$="-breadcrumbs"] .sep {
    margin: 0 6px;
    color: #5d646c;
}

/* ---- {verified_status} live status pill ---- */
.ct-main [class$="-verified-status"] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 4px 11px;
    margin: 6px 0;
    font-family: SFMono-Regular, Menlo, Monaco, Consolas, monospace;
    font-size: 0.78rem;
    letter-spacing: 0.03em;
    color: #5d646c;
    background: #ffffff;
    border: 1px solid #d7dadd;
    border-radius: 12px;
    white-space: nowrap;
}
.ct-main [class$="-verified-status"]::before {
    content: "●";
    color: #00B47B;
    font-size: 0.7rem;
    animation: ct-status-pulse 2s ease-in-out infinite;
}
.ct-main [class$="-verified-status"] time { color: #1a1c23; }
.ct-main [class$="-verified-state"] {
    color: #00B47B;
    font-weight: 700;
}
.ct-main [class$="-verified-state"][data-state="DEGRADED"],
.ct-main [class$="-verified-state"][data-state="CHECKING"] {
    color: #ebcc66;
}
.ct-main [class$="-verified-state"][data-state="OFFLINE"] {
    color: #e53d3c;
}
@keyframes ct-status-pulse {
    0%, 100% { opacity: 1; }
    50%      { opacity: 0.35; }
}

/* ---- {enter_market} CTA ---- */
.ct-main [class$="-enter-market"] {
    display: inline-flex;
    align-items: center;
    padding: 9px 18px;
    font-weight: 700;
    font-size: 0.92rem;
    letter-spacing: 0.02em;
    background: #e53d3c;
    color: #ffffff;
    border: 1px solid #e53d3c;
    border-radius: 2px;
    text-decoration: none;
    transition: opacity 0.15s, transform 0.1s;
}
.ct-main [class$="-enter-market"]::before {
    content: "→";
    margin-right: 8px;
    font-weight: 800;
}
.ct-main [class$="-enter-market"]:hover {
    opacity: 0.92;
    transform: translateY(-1px);
}
.ct-main [class$="-enter-market"]:active { transform: translateY(0); }

/* ---- Replica chrome eyebrow (slim brand-breadcrumb between chrome
   and AI body — used in place of a duplicate page-title heading) ---- */
[class$="-eyebrow"] {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 0.74rem;
    font-weight: 600;
    color: #5d646c;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    margin: 0 0 14px;
    padding: 6px 0;
    line-height: 1.4;
}
[class$="-eyebrow"] strong,
[class$="-eyebrow"] .page,
[class$="-eyebrow"] .text-dark,
[class$="-eyebrow"] .text-gray-200,
[class$="-eyebrow"] .text-gray-300,
[class$="-eyebrow"] .text-slate-200 {
    color: #1a1c23;
    font-weight: 700;
}
[class$="-eyebrow"] .brand,
[class$="-eyebrow"] > span:first-child:not(.page) {
    color: #e53d3c;
    font-weight: 700;
}

/* ---- {disclaimer} ---- */
.ct-main [class$="-disclaimer"] {
    margin: 20px 0;
    padding: 12px 16px;
    border-top: 1px solid #d7dadd;
    font-size: 0.82rem;
    line-height: 1.55;
    color: #5d646c;
}
.ct-main [class$="-disclaimer"] strong { color: #1a1c23; }
.ct-main [class$="-disclaimer"] em {
    color: #e53d3c;
    font-style: normal;
}

/* =====================================================================
   ATTRIBUTE-BASED FALLBACKS — placeholder-emitted markup that lost
   its class= attributes to the sanitizer in earlier builds. These
   target data-* attrs that survive sanitization, so the verified-
   access cards, copy buttons, mirror grids and screenshot galleries
   render with full styling even when the legacy classes are gone.
   ===================================================================== */

/* Verified-access cards: container holding multiple
   <article data-mirror-idx="N"> children. Grid them out and style
   each as a proper card. Works for ANY parent of mirror articles. */
.ct-main *:has(> article[data-mirror-idx]),
.ct-main *:has(> * > article[data-mirror-idx]) {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 16px;
    margin: 16px 0;
}
.ct-main article[data-mirror-idx] {
    background: #ffffff;
    border: 1px solid #d7dadd;
    border-radius: 2px;
    padding: 16px 18px;
    display: flex;
    flex-direction: column;
    gap: 10px;
    box-shadow: 0 1px 3px rgba(0,0,0,0.04);
    transition: border-color 160ms ease, transform 160ms ease;
}
.ct-main article[data-mirror-idx]:hover {
    border-color: #e53d3c;
    transform: translateY(-1px);
}
.ct-main article[data-mirror-idx] > a {
    display: block;
    background: #17191B;
    color: #17191B;
    font-family: SFMono-Regular, Menlo, Monaco, Consolas, monospace;
    font-size: 0.85rem;
    line-height: 1.45;
    padding: 10px 12px;
    border-radius: 0;
    border: 1px solid #d7dadd;
    word-break: break-all;
    overflow-wrap: anywhere;
    text-decoration: none;
    font-weight: 500;
}
.ct-main article[data-mirror-idx] > a:hover {
    border-color: #e53d3c;
    color: #e53d3c;
}
.ct-main article[data-mirror-idx] > p {
    margin: 0;
    font-size: 0.86rem;
    line-height: 1.55;
    color: #5d646c;
}
.ct-main article[data-mirror-idx] > button[data-copy] {
    align-self: flex-start;
    background: transparent;
    color: #1a1c23;
    border: 1px solid #d7dadd;
    padding: 4px 12px;
    border-radius: 0;
    font-size: 0.78rem;
    font-weight: 600;
    cursor: pointer;
    font-family: inherit;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    transition: all 140ms ease;
}
.ct-main article[data-mirror-idx] > button[data-copy]:hover {
    border-color: #e53d3c;
    color: #e53d3c;
}

/* Highlight the primary mirror (idx=N where label/title contains "main"
   or where the AI's paragraph mentions "(primary)" / "primary endpoint"). */
.ct-main article[data-mirror-idx="0"] {
    border-color: #e53d3c;
    border-left-width: 3px;
}

/* Interface preview gallery — figure+img+figcaption sequences inside
   AI-emitted screenshot containers. The AI emits multiple <figure>
   children inside an outer div with no class; we detect via :has(). */
.ct-main *:has(> a > figure):not(html):not(body),
.ct-main *:has(> figure > img) {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 14px;
    margin: 16px 0;
}
.ct-main figure:has(> img) {
    margin: 0;
    background: #ffffff;
    border: 1px solid #d7dadd;
    border-radius: 2px;
    overflow: hidden;
    box-shadow: 0 1px 3px rgba(0,0,0,0.04);
    transition: transform 160ms ease, box-shadow 160ms ease;
}
.ct-main figure:has(> img):hover {
    transform: translateY(-2px);
    box-shadow: 0 6px 18px rgba(0,0,0,0.10);
}
.ct-main figure > img {
    display: block;
    width: 100%;
    height: auto;
    aspect-ratio: 16/10;
    object-fit: cover;
}
.ct-main figure > figcaption {
    padding: 8px 12px;
    font-size: 0.78rem;
    font-weight: 600;
    color: #5d646c;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    border-top: 1px solid #d7dadd;
    background: #f6f7f8;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.ct-main figure > figcaption span[aria-hidden] {
    color: #e53d3c;
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 0.06em;
}

/* Click-to-zoom modal — the AI emits role="dialog" containers with
   :target activation. Style consistently across all replicas. */
.ct-main [role="dialog"] {
    display: none;
    position: fixed;
    inset: 0;
    background: rgba(15,20,25,0.86);
    z-index: 1000;
    padding: 20px;
    overflow-y: auto;
}
.ct-main [role="dialog"]:target {
    display: flex;
    align-items: center;
    justify-content: center;
}
.ct-main [role="dialog"] > div {
    position: relative;
    max-width: min(1100px, 95vw);
    background: #ffffff;
    border-radius: 4px;
    overflow: hidden;
    box-shadow: 0 12px 40px rgba(0,0,0,0.6);
}
.ct-main [role="dialog"] > div > img {
    display: block;
    width: 100%;
    height: auto;
    max-height: 80vh;
    object-fit: contain;
    background: #17191B;
}
.ct-main [role="dialog"] > div > div:last-child {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px 16px;
    background: #f6f7f8;
    border-top: 1px solid #d7dadd;
    font-size: 0.84rem;
}
.ct-main [role="dialog"] > div > div:last-child a {
    color: #e53d3c;
    text-decoration: none;
    padding: 4px 10px;
    border-radius: 0;
    border: 1px solid #d7dadd;
    font-weight: 600;
}
.ct-main [role="dialog"] > div > div:last-child a:hover {
    background: #ffffff;
    border-color: #e53d3c;
}

/* Verifier widget — the AI emits <section id="verifier"> with a
   container and a checklist. Style the inner card. */
.ct-main section[id*="verif"],
.ct-main section[id*="signat"] {
    margin: 32px 0;
}
.ct-main section[id*="verif"] > div,
.ct-main section[id*="signat"] > div {
    background: #ffffff;
    border: 1px solid #d7dadd;
    border-left: 3px solid #e53d3c;
    border-radius: 2px;
    padding: 24px 26px;
    box-shadow: 0 1px 4px rgba(0,0,0,0.04);
}
.ct-main section[id*="verif"] > div > div > h2,
.ct-main section[id*="signat"] > div > div > h2 {
    margin-top: 0;
    margin-bottom: 12px;
    font-size: 1.25rem;
    color: #1a1c23;
}
.ct-main section[id*="verif"] ul,
.ct-main section[id*="signat"] ul {
    list-style: none;
    padding: 0;
    margin: 16px 0 0;
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.ct-main section[id*="verif"] li,
.ct-main section[id*="signat"] li {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    padding: 10px 14px;
    background: #f6f7f8;
    border-radius: 0;
    border: 1px solid #d7dadd;
    font-size: 0.9rem;
    line-height: 1.5;
}
.ct-main .text-success,
.ct-main [class*="text-success"] {
    color: #16a34a;
    font-weight: 700;
}
.ct-main .text-danger,
.ct-main [class*="text-danger"] {
    color: #dc2626;
    font-weight: 700;
}

/* Verify FORM (when AI actually emits a form with input) — separate
   from the read-only verifier widget above. */
.ct-main form[action*="verify"],
.ct-main form:has(textarea[name*="onion"]),
.ct-main form:has(input[name*="onion"]) {
    background: #ffffff;
    border: 1px solid #d7dadd;
    border-radius: 2px;
    padding: 22px 24px;
    margin: 20px 0;
    display: grid;
    gap: 14px;
}
.ct-main form[action*="verify"] textarea,
.ct-main form[action*="verify"] input[type="text"],
.ct-main form[action*="verify"] input[type="url"] {
    width: 100%;
    padding: 12px 14px;
    border: 1px solid #d7dadd;
    border-radius: 0;
    font-family: SFMono-Regular, Menlo, Monaco, Consolas, monospace;
    font-size: 0.88rem;
    background: #17191B;
    color: #17191B;
    box-sizing: border-box;
    min-height: 100px;
    resize: vertical;
}
.ct-main form[action*="verify"] button,
.ct-main form[action*="verify"] input[type="submit"] {
    background: #e53d3c;
    color: #fff;
    border: none;
    padding: 10px 22px;
    border-radius: 0;
    font-weight: 700;
    font-size: 0.9rem;
    cursor: pointer;
    justify-self: start;
    letter-spacing: 0.04em;
}
.ct-main form[action*="verify"] button:hover {
    filter: brightness(1.05);
}

/* Primary access strip — the AI emits <div class="p-4 border flex flex-wrap gap-4">
   with "Primary Routing Node:" label + .onion url. Frame as a strip.
   CRITICAL: when we put a dark `surface_deep` background on a `<p>`, the
   prose color MUST flip to a light inverse — otherwise every paragraph
   containing an inline onion link renders as dark-on-dark (invisible
   text outside the link). */
.ct-main p:has(> a[href*=".onion"]) {
    background: #17191B;
    color: #ffffff;
    border: 1px solid #d7dadd;
    border-radius: 0;
    padding: 10px 14px;
    font-family: SFMono-Regular, Menlo, Monaco, Consolas, monospace;
    font-size: 0.85rem;
    margin: 12px 0;
    overflow-wrap: anywhere;
}
.ct-main p:has(> a[href*=".onion"]) a,
.ct-main p:has(> a[href*=".onion"]) [class*="-onion-inline"],
.ct-main p:has(> a[href*=".onion"]) [class*="-onion-url"] {
    color: #e53d3c;
}
.ct-main p:has(> a[href*=".onion"]) strong,
.ct-main p:has(> a[href*=".onion"]) b,
.ct-main p:has(> a[href*=".onion"]) em,
.ct-main p:has(> a[href*=".onion"]) code {
    color: #ffffff;
}

/* Hero-CTA defensive default — every replica framework ships a
   `.<prefix>-main a { color: ... }` rule with specificity (0,1,1)
   that overrides the (0,1,0) `.ct-hero__cta { color }` from this
   bundle. When the link color happens to equal `primary` (the CTA's
   background), the CTA reads as primary-on-primary (invisible text).
   Use a higher-specificity (0,2,1) `.ct-main a.ct-hero__cta` selector
   so the CTA's primary_text color always wins, fleet-wide. */
.ct-main a.ct-hero__cta,
.ct-main a.ct-hero__cta:hover,
.ct-main a.ct-hero__cta:focus,
.ct-main a.ct-hero__cta:active,
.ct-main a.ct-hero__cta:visited,
.ct-main .ct-cta-bar > a,
.ct-main .ct-cta-bar > a:hover,
.ct-main .ct-cta-bar > a:focus,
.ct-main .ct-cta-bar > a:active,
.ct-main .ct-cta-bar > a:visited {
    color: #ffffff !important;
}
.ct-main a.ct-hero__cta--ghost,
.ct-main a.ct-hero__cta--ghost:hover,
.ct-main a.ct-hero__cta--ghost:focus {
    background: transparent !important;
    color: #e53d3c !important;
    border: 1px solid #e53d3c;
}

/* =====================================================================
   MOBILE RESPONSIVE OVERRIDES
   --------------------------------------------------------------------
   Below ~600px (mobile portrait) reflow the AI-content widgets that
   are otherwise built for desktop. These hit every replica via
   prefix-agnostic [class$="..."] selectors.
   ===================================================================== */
@media (max-width: 600px) {
  /* Verified-access table: collapse to stacked rows so the URL column
     does not require horizontal scrolling. */
  .ct-main [class$="-onions"],
  .ct-main [class*="-onions "] {
    padding: 12px 12px;
    overflow-x: visible;
  }
  .ct-main [class$="-onions"] table,
  .ct-main [class*="-onions "] table {
    min-width: 0;
    display: block;
  }
  .ct-main [class$="-onions"] tbody,
  .ct-main [class*="-onions "] tbody { display: block; }
  .ct-main [class$="-onion-row"],
  .ct-main [class$="-onion-bluf"] {
    display: block;
    width: 100%;
  }
  .ct-main [class$="-onion-row"] td {
    display: block;
    width: 100%;
    padding: 6px 0;
    border-bottom: 0;
  }
  .ct-main [class$="-onion-row"] td:nth-child(1) {
    padding-top: 10px;
    white-space: normal;
  }
  .ct-main [class$="-onion-row"] td:nth-child(2) {
    padding-left: 14px;
    border-left: 2px solid #d7dadd;
  }
  .ct-main [class$="-onion-row"] td:nth-child(3) {
    padding-bottom: 10px;
    text-align: left;
  }
  .ct-main [class$="-onion-bluf"] td {
    padding: 4px 0 12px;
    border-bottom: 1px solid #d7dadd;
  }
  .ct-main [class$="-onion-row"]:last-of-type td { border-bottom: 0; }

  /* Force onion URLs to break inside the word — long .onion strings
     would otherwise blow out the column on a 375px viewport. */
  .ct-main [class$="-onion-url"] {
    overflow-wrap: anywhere;
    word-break: break-all;
    display: inline-block;
    max-width: 100%;
    font-size: 0.82em;
    line-height: 1.45;
  }

  /* Mirror-card grid → single column (auto-fit already does this at
     280px min, but force it for safety on devices that round oddly). */
  .ct-main [class$="-mirror-cards"] {
    grid-template-columns: 1fr;
    gap: 12px;
  }
  .ct-main [class$="-mirror-card"] { padding: 12px 14px; }

  /* Verify form: shrink padding so it fits a 375px viewport without
     hugging the page edge. */
  .ct-main [class$="-verify-form"] {
    padding: 14px 14px;
  }
  .ct-main [class$="-verify-input"] {
    min-height: 110px;
    font-size: 0.86em;
  }

  /* Shot grid: stack screenshots vertically below 600px. */
  .ct-main [class$="-shots"] {
    grid-template-columns: 1fr;
    gap: 10px;
  }

  /* Eyebrow / breadcrumbs may wrap onto a second line on narrow
     viewports — allow it and lighten letter-spacing. */
  [class$="-eyebrow"],
  .ct-main [class$="-breadcrumbs"] {
    flex-wrap: wrap;
    letter-spacing: 0.04em;
    font-size: 0.7rem;
  }

  /* Stat strips collapse to vertical stack. */
  .ct-main [class$="-rates"] {
    grid-template-columns: 1fr;
    gap: 6px;
  }

  /* Section headings: reduce h2/h3 size so they fit the column. */
  .ct-main h2 { font-size: 1.35rem; line-height: 1.25; }
  .ct-main h3 { font-size: 1.1rem; line-height: 1.3; }

  /* Back-to-top PNG: shrink slightly + clear the right gutter. */
  .ct-to-top {
    width: 36px;
    height: 36px;
    right: 12px;
    bottom: 12px;
  }
  .ct-to-top img { width: 36px; height: 36px; }

  /* === Universal content overflow defense ===
     Long .onion URLs in plain <a>, <code>, <pre> or any .ct-* element
     would otherwise stretch parent containers past viewport. Force
     word-breaking everywhere inside the main content area. */
  .ct-main a,
  .ct-main code,
  .ct-main pre,
  .ct-main kbd,
  .ct-main samp,
  .ct-main [class*="onion"],
  .ct-main [class*="-url"] {
    overflow-wrap: anywhere !important;
    word-break: break-word !important;
    max-width: 100%;
  }
  .ct-main pre {
    overflow-x: auto;
    white-space: pre-wrap;
  }

  /* .ct-onion-card variants: AI emits these as content cards holding
     a long .onion URL. Force the <code> child to wrap. */
  .ct-main .ct-onion-card,
  .ct-main .ct-primary-endpoint {
    max-width: 100%;
    min-width: 0;
  }
  .ct-main .ct-onion-card__url {
    overflow-wrap: anywhere !important;
    word-break: break-all !important;
    max-width: 100%;
    box-sizing: border-box;
  }

  /* Hero copy / verified strip / actions — make them shrink to fit.
     Some replica chromes use a non-`.ct-main` wrapper (e.g. prime emits
     `<main class="prime-main-col">` outside `.ct-main`); broaden the
     scope to ANY ancestor that ends in `-main-col` or `-main` so the
     rule lands regardless of the chrome's wrapper class. */
  .ct-hero,
  .ct-hero__main,
  .ct-hero__content,
  .ct-hero__lede,
  .ct-hero__actions,
  .ct-hero__aside,
  .ct-hero__grid,
  .ct-hero__title,
  .ct-verified-strip,
  .ct-onion-card,
  .ct-primary-endpoint,
  .ct-cta-bar,
  .ct-cta-bar__title,
  .ct-cta-bar__text {
    max-width: 100%;
    min-width: 0;
    box-sizing: border-box;
  }
  /* Inline onion URLs inside flowing copy don't break on character;
     force them to break-anywhere so a 56-char onion address fits a
     375px viewport. */
  [class*="-onion-inline"],
  [class*="-onion-url"] {
    overflow-wrap: anywhere !important;
    word-break: break-all !important;
    max-width: 100% !important;
    width: auto !important;
    display: inline !important;
  }
  /* CTA bar columns sometimes compute their grid track to max-content
     because a child onion URL has no break opportunity; force the
     title/text columns to 100% of their (now wrap-shrunk) grid track. */
  .ct-cta-bar__title,
  .ct-cta-bar__text {
    width: 100% !important;
    max-width: 100% !important;
  }
  .ct-hero__actions { flex-wrap: wrap; gap: 8px; }
  /* Long .onion / hash strings inside hero title or verified-status
     pills don't break on character without an explicit hint. */
  .ct-hero__title,
  [class$="-verified-status"],
  [class$="-verified-status"] strong,
  [class$="-verified-status"] time {
    overflow-wrap: anywhere;
    word-break: break-word;
  }
  /* The verified-status pill defaults to `white-space: nowrap` for the
     desktop one-liner aesthetic; on mobile that overflows the viewport.
     Allow it to wrap and re-flow flexibly. */
  [class$="-verified-status"] {
    white-space: normal !important;
    flex-wrap: wrap !important;
    max-width: 100% !important;
  }

  /* TorZon dashboard column — `.torzon-main-col` is flex:1 1 auto with
     min-width:0, but children with min-content larger than viewport
     can still stretch it. Belt-and-suspenders cap. */
  .torzon-main-col,
  .torzon-side,
  .torzon-main-col .block,
  .torzon-stats,
  .torzon-stats .stat,
  .torzon-stats .stat-val,
  .torzon-stats .stat-label {
    max-width: 100%;
    min-width: 0;
    box-sizing: border-box;
  }
  .torzon-row { overflow-x: hidden; }
  .torzon-main-col {
    overflow-x: hidden;
    word-wrap: break-word;
  }

  /* Markdown content paragraphs / list items — break long URLs inline. */
  .ct-main p,
  .ct-main li,
  .ct-main td,
  .ct-main dd {
    overflow-wrap: anywhere;
    word-break: break-word;
  }

  /* Images cannot exceed their container — AI commonly emits banners
     with natural-width attributes that blow past 375px. */
  .ct-main img,
  .ct-main video,
  .ct-main iframe,
  .ct-main svg,
  .ct-main canvas,
  .ct-main picture {
    max-width: 100%;
    height: auto;
  }

  /* Final defense — clip horizontal overflow at the page level so AI
     content that escapes its container doesn't trigger viewport scroll.
     Content inside still wraps via the rules above; this just prevents
     the page from horizontally scrolling. */
  html, body, .ct-page {
    overflow-x: hidden;
    max-width: 100vw;
  }
  .ct-main {
    max-width: 100vw;
    box-sizing: border-box;
  }

  /* `.ct-stat__value` and `.ct-stat__label` inside `.ct-stats` — the AI
     wraps them in containers that don't always force single-column on
     mobile. Cap them to 100% so the value/label spans don't push out. */
  .ct-main .ct-stat,
  .ct-main .ct-stat__value,
  .ct-main .ct-stat__label,
  .ct-main .ct-stats,
  .ct-main .ct-stats > * {
    max-width: 100%;
    min-width: 0;
    box-sizing: border-box;
  }
}


/* ===== blackops.framework.css overlay (replica-specific tweaks) ===== */
/* =====================================================================
   BLACKOPS REPLICA FRAMEWORK OVERLAY
   ---------------------------------------------------------------------
   Appended AFTER real BlackOps CSS (bootstrap-utilities + fonts + ui +
   style + responsive breakpoints descending) AND after the
   BlackOps-specific overrides in blackops.py, AND after
   base.extended_components_css(_PALETTE). Provides:
     01  Sidebar tab buttons (lifted from real inline styles)
     02  Settings dashboard container + gradient cards
     03  Per-market placeholder widgets (banner / mirror-card / onion-row
         / verify-form / enter-market / rates / share / screenshots /
         status-dot / verified-status / breadcrumbs / bluf / logo /
         direct-access-point) — the full set of `blackops-*` class
         selectors emitted by ai_html/placeholders.py, themed in
         BlackOps's dark-slate + green palette.
     04  Main content area (.blackops-main inside the .border rounded-2
         panel)
     05  Currency rates / Directory Status strip
     06  Responsive polish (375 / 540 / 640 / 768 / 880 / 992)
     07  Footer + back-to-top
     08  Topic-prefix safety + chrome utility classes (blackops-eyebrow,
         f_nav_* cells)
     09  CSS-only language-switcher dropdown
     10  Scrollable content panes (mirrors real BlackOps Account-Settings)
     11  CSS-only hamburger pattern (mobile drawer fallback)
     12  Back-to-top scroll arrow polish

   `.ct-*` components are styled by base.extended_components_css() with
   the BlackOps _PALETTE — this file does NOT re-style `.ct-*`. It
   contributes chrome polish + the `blackops-*` per-market widget
   vocabulary.

   Color palette (BlackOps):
     Page bg          #ffffff
     Header bg        #17191B (dark slate)
     Panel bg         #ffffff with light #d7dadd / #e1e1e1 border
     Body text        #1a1c23 (heading) / #5d646c (muted)
     Primary accent   #e53d3c (green — wallet, active, hover)
     Active red       #F91155 (alerts)
     Warning          #ebcc66
   ===================================================================== */


/* =====================================================================
   01 — Sidebar tab buttons (lifted from real inline styles)
   ===================================================================== */

.top-nav {
    padding: 0;
    margin: 0;
    list-style: none;
}
.top-nav > li,
.top-nav > div {
    list-style: none;
}
.settings-tab-button {
    display: block;
    padding: 10px 16px;
    text-align: center;
    background: #f6f7f8;
    color: #1a1c23;
    border: 1px solid #d7dadd;
    border-radius: 8px;
    font-size: 14px;
    font-weight: 600;
    text-decoration: none;
    transition: background 0.15s ease, color 0.15s ease,
                border-color 0.15s ease;
    white-space: nowrap;
}
.settings-tab-button:hover {
    background: #e53d3c;
    color: #fff;
    border-color: #e53d3c;
    text-decoration: none;
}
.settings-tab-button.active {
    background: #1a1c23;
    color: #fff;
    border-color: #1a1c23;
}


/* =====================================================================
   02 — Settings dashboard container + gradient cards
   ===================================================================== */

.settings-dashboard-container {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 14px;
}
.settings-dashboard-container > div {
    flex: 1 1 calc(33.333% - 14px);
    min-width: 220px;
    box-sizing: border-box;
    padding: 24px;
    border-radius: 8px;
}

.bg-gradient--violet      { background: linear-gradient(to top, #c9d7e6, #f6f8fa); }
.bg-gradient--blue        { background: linear-gradient(to top, #d3ebff, #f6fafa); }
.bg-gradient--high-rating { background: linear-gradient(to top, #caebef, #f6fafa); }
.bg-gradient--middle-rating { background: linear-gradient(to top, #efddc9, #f9f7f5); }
.bg-gradient--low-rating  { background: linear-gradient(to top, #eec8c8, #faf6f6); }

.bg-gradient--violet h3,
.bg-gradient--blue h3,
.bg-gradient--high-rating h3,
.bg-gradient--middle-rating h3,
.bg-gradient--low-rating h3 {
    color: #1a1c23;
    font-weight: 700;
}


/* =====================================================================
   03 — Per-market placeholder widgets
   ---------------------------------------------------------------------
   Server-rendered by modules/ai_html/placeholders.py — every `{{onions}}`
   / `{{banner}}` / `{{verify_form}}` / `{{rates}}` / `{{share_buttons}}`
   / `{{enter_market}}` / `{{breadcrumbs}}` / `{{verified-status}}` /
   `{{screenshots}}` substitution emits HTML with class names prefixed
   by the topic slug (`blackops-`). Without these rules the widgets
   render as unstyled `<div>` / `<span>` / `<form>` cruft. Each selector
   pair uses the explicit `.blackops-foo` form (so the sanitizer's
   class-vocab extractor sees it) AND an attribute-substring form (so
   future prefix changes don't strand styling).
   ===================================================================== */

/* ---- {{banner}} : full-width topic banner image ----------------- */
.blackops-banner,
img[class$="-banner"]:not([class*="-icon"]) {
    width: 100%;
    height: auto;
    max-height: 280px;
    object-fit: cover;
    object-position: center;
    border-radius: 8px;
    border: 1px solid #d7dadd;
    margin: 0 0 24px;
    box-shadow: 0 1px 3px rgba(23,25,27,0.08);
    background: #f6f7f8;
    display: block;
}

/* ---- {{logo}} : small inline logo ------------------------------- */
.blackops-logo,
img[class$="-logo"]:not([class*="-big"]) {
    display: inline-block;
    max-width: 100%;
    height: auto;
    vertical-align: middle;
}

/* ---- {{breadcrumbs}} : page-context strip ----------------------- */
.blackops-breadcrumbs,
[class$="-breadcrumbs"]:not([class*="-card"]) {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 6px;
    margin: 0 0 16px;
    color: #5d646c;
    font-size: 13px;
    line-height: 1.4;
}
.blackops-breadcrumbs a,
[class$="-breadcrumbs"] a {
    color: #e53d3c;
    text-decoration: none;
}
.blackops-breadcrumbs a:hover,
[class$="-breadcrumbs"] a:hover { text-decoration: underline; }
.blackops-breadcrumbs .sep,
[class$="-breadcrumbs"] .sep {
    color: #a0a4a8;
    margin: 0 2px;
}

/* ---- {{onions}} wrapper variants -------------------------------- */
.blackops-onions,
[class$="-onions"] {
    position: relative;
    margin: 18px 0 26px;
    border-radius: 8px;
}
.blackops-onions-empty,
[class$="-onions-empty"] {
    padding: 18px 16px;
    background: #f6f7f8;
    border: 1px dashed #e53d3c;
    border-radius: 8px;
    color: #5d646c;
    text-align: center;
    font-size: 14px;
}

/* ---- {{onions}} : mirror-card layout (default mode) ------------- */
.blackops-mirror-card,
[class$="-mirror-card"]:not([class*="-cards"]):not([class*="-head"]) {
    background: #fff;
    border: 1px solid #d7dadd;
    border-radius: 8px;
    padding: 14px 16px;
    margin: 0 0 12px;
    box-shadow: 0 1px 2px rgba(23,25,27,0.04);
    transition: border-color 0.15s ease, box-shadow 0.15s ease;
}
.blackops-mirror-card:hover,
[class$="-mirror-card"]:not([class*="-cards"]):not([class*="-head"]):hover {
    border-color: #e53d3c;
    box-shadow: 0 1px 4px rgba(0,180,123,0.14);
}
.blackops-mirror-card-head,
[class$="-mirror-card-head"] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
    margin: 0 0 8px;
    padding-bottom: 8px;
    border-bottom: 1px solid #e1e1e1;
}
.blackops-mirror-card-head .label,
[class$="-mirror-card-head"] .label {
    font-weight: 700;
    color: #1a1c23;
    font-size: 13px;
    text-transform: uppercase;
    letter-spacing: 0.05em;
}
.blackops-mirror-cards,
[class$="-mirror-cards"] { display: block; }

/* ---- {{onions}} : prose mode ----------------------------------- */
.blackops-mirror-prose,
[class$="-mirror-prose"] {
    background: #f6f7f8;
    border-left: 3px solid #e53d3c;
    padding: 12px 16px;
    border-radius: 0 6px 6px 0;
    margin: 0 0 12px;
}

/* ---- {{onions}} : deflist mode --------------------------------- */
.blackops-mirror-deflist,
[class$="-mirror-deflist"] {
    background: #fff;
    border: 1px solid #d7dadd;
    border-radius: 8px;
    padding: 12px 16px;
}
.blackops-mirror-term,
dt[class$="-mirror-term"] {
    font-weight: 700;
    color: #1a1c23;
    font-size: 13px;
    margin: 0;
    padding: 6px 0 2px;
    border-top: 1px solid #e1e1e1;
}
.blackops-mirror-deflist dt:first-child,
.blackops-mirror-deflist dt.blackops-mirror-term:first-of-type {
    border-top: 0; padding-top: 0;
}
.blackops-mirror-def,
dd[class$="-mirror-def"] {
    margin: 0 0 8px;
    padding: 0 0 2px;
    color: #5d646c;
    font-size: 14px;
}

/* ---- {{onions}} : table-row mode ------------------------------- */
.blackops-onion-row,
tr[class$="-onion-row"] td,
[class$="-onion-row"] {
    background: #fff;
    vertical-align: top;
}
.blackops-onion-row td,
tr[class$="-onion-row"] td {
    padding: 10px 14px;
    border-bottom: 1px solid #e1e1e1;
}
.blackops-onion-row .label,
[class$="-onion-row"] .label {
    font-weight: 700;
    color: #5d646c;
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: 0.06em;
}

/* ---- onion URL / inline reference ------------------------------ */
.blackops-onion-url,
.blackops-onion-inline,
[class$="-onion-url"],
[class*="-onion-inline"] {
    color: #e53d3c;
    font-family: SFMono-Regular, Menlo, Monaco, Consolas, monospace;
    font-size: 0.94em;
    overflow-wrap: anywhere;
    word-break: normal;
}
.blackops-onion-inline { font-weight: 600; }

/* ---- bottom-line up-front banner (BLUF) -----------------------
   placeholders.py emits BOTH a <tr class="-onion-bluf"> wrapping a
   <p class="-bluf">. The <tr> is a table-row continuation (style the
   <td> inside, NOT a card) — visible card is the inner <p>. Mirrors
   the catharsis pattern; without this split both elements get
   card-shaped and produce a nested-card visual.
*/
.blackops-bluf,
[class$="-bluf"]:not([class*="-prose"]):not([class*="-onion-bluf"]):not(tr) {
    background: #f6f7f8;
    border: 1px solid #d7dadd;
    border-left: 4px solid #e53d3c;
    border-radius: 0 6px 6px 0;
    padding: 12px 16px;
    margin: 0 0 14px;
    color: #1a1c23;
    font-size: 14px;
    line-height: 1.5;
}
.blackops-bluf-prose,
[class$="-bluf-prose"] {
    background: transparent;
    border: 0;
    border-left: 3px solid #e53d3c;
    padding: 4px 12px;
    color: #5d646c;
    font-style: italic;
}
/* Table-row BLUF continuation — style the <td> only. */
tr.blackops-onion-bluf,
tr[class$="-onion-bluf"] {
    background: transparent;
    border: 0;
}
tr.blackops-onion-bluf td,
tr[class$="-onion-bluf"] td {
    background: transparent;
    border: 0;
    padding: 4px 0 12px;
}
tr.blackops-onion-bluf td > p.blackops-bluf:only-child,
tr[class$="-onion-bluf"] td > p[class$="-bluf"]:only-child {
    margin: 0;
}

/* ---- primary-mirror badge ------------------------------------- */
.blackops-primary-badge,
[class*="-primary-badge"] {
    display: inline-block;
    margin-left: 8px;
    padding: 2px 8px;
    background: #e53d3c;
    color: #ffffff;
    border: 1px solid #009969;
    border-radius: 9999px;
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    vertical-align: middle;
}

/* ---- copy-to-clipboard button --------------------------------- */
.blackops-copy-btn,
[class$="-copy-btn"] {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding: 4px 10px;
    background: #fff;
    color: #1a1c23;
    border: 1px solid #a0a4a8;
    border-radius: 4px;
    font-size: 12px;
    font-weight: 600;
    cursor: pointer;
    transition: background 0.12s ease, color 0.12s ease,
                border-color 0.12s ease;
    text-decoration: none;
    line-height: 1.3;
}
.blackops-copy-btn:hover,
[class$="-copy-btn"]:hover {
    background: #e53d3c;
    color: #fff;
    border-color: #e53d3c;
}

/* ---- status dot (live / warn / err / down / offline) ---------- */
.blackops-status-dot,
[class$="-status-dot"] {
    display: inline-block;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #a0a4a8;
    margin-right: 6px;
    vertical-align: middle;
}
.blackops-status-dot--live,
[class$="-status-dot"][class*="--live"],
[class$="-status-dot"][class*="--ok"] {
    background: #e53d3c;
    box-shadow: 0 0 0 3px rgba(0,180,123,0.22);
}
.blackops-status-dot--warn,
[class$="-status-dot"][class*="--warn"] {
    background: #ebcc66;
    box-shadow: 0 0 0 3px rgba(235,204,102,0.22);
}
.blackops-status-dot--err,
.blackops-status-dot--down,
.blackops-status-dot--offline,
[class$="-status-dot"][class*="--err"],
[class$="-status-dot"][class*="--down"],
[class$="-status-dot"][class*="--offline"] {
    background: #F91155;
    box-shadow: 0 0 0 3px rgba(249,17,85,0.22);
}

/* ---- {{verified-status}} pill --------------------------------- */
.blackops-verified-status,
[class$="-verified-status"]:not([class*="-state"]),
[data-mitm-slot="verified-status"] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 5px 12px;
    background: #e6f7f0;
    border: 1px solid #e53d3c;
    border-radius: 9999px;
    color: #00553a;
    font-size: 13px;
    font-weight: 500;
}
.blackops-verified-status::before,
[class$="-verified-status"]:not([class*="-state"])::before {
    content: "";
    display: inline-block;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #e53d3c;
    box-shadow: 0 0 0 3px rgba(0,180,123,0.22);
}
.blackops-verified-status time,
[class$="-verified-status"] time {
    font-family: SFMono-Regular, Menlo, Monaco, Consolas, monospace;
    color: #1a1c23;
    font-weight: 600;
}
.blackops-verified-state,
[class$="-verified-state"] {
    color: #e53d3c;
    font-weight: 700;
    letter-spacing: 0.04em;
}

/* ---- {{rates}} : crypto-rate grid ----------------------------- */
.blackops-rates,
[class$="-rates"] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 10px;
    margin: 14px 0;
}
.blackops-rate,
[class$="-rate"],
[class$="-rates"] > div {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    padding: 10px 14px;
    background: #fff;
    border: 1px solid #d7dadd;
    border-radius: 6px;
    font-size: 13px;
    transition: border-color 0.15s ease;
}
.blackops-rate:hover,
[class$="-rate"]:hover,
[class$="-rates"] > div:hover { border-color: #e53d3c; }
.blackops-rate > span:first-child,
[class$="-rate"] > span:first-child,
[class$="-rates"] > div > span:first-child {
    font-weight: 700;
    color: #1a1c23;
    letter-spacing: 0.04em;
    font-size: 11px;
    text-transform: uppercase;
}
.blackops-rate > span:last-child,
[class$="-rate"] > span:last-child,
[class$="-rates"] > div > span:last-child {
    font-family: SFMono-Regular, Menlo, Monaco, Consolas, monospace;
    color: #e53d3c;
    font-size: 13px;
    font-weight: 600;
    font-feature-settings: "tnum","zero";
    font-variant-numeric: tabular-nums;
}
/* per-currency tint */
.blackops-price-btc, [class*="-price-btc"] { color: #f7931a !important; }
.blackops-price-xmr, [class*="-price-xmr"] { color: #ff6600 !important; }
.blackops-price-eth, [class*="-price-eth"] { color: #627eea !important; }
.blackops-price-ltc, [class*="-price-ltc"] { color: #345d9d !important; }

/* ---- {{share_buttons}} ---------------------------------------- */
.blackops-share-row,
[class$="-share-row"] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin: 18px 0;
    padding: 12px 14px;
    background: #f6f7f8;
    border: 1px solid #d7dadd;
    border-radius: 8px;
    align-items: center;
}
.blackops-share-row::before,
[class$="-share-row"]::before {
    content: "Share:";
    font-size: 11px;
    font-weight: 600;
    color: #5d646c;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    margin-right: 4px;
}
.blackops-share-btn,
[class$="-share-btn"] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 5px 12px;
    background: #fff;
    color: #1a1c23 !important;
    border: 1px solid #d7dadd;
    border-radius: 4px;
    font-size: 12.5px;
    text-decoration: none !important;
    transition: background 0.12s ease, border-color 0.12s ease,
                color 0.12s ease;
}
.blackops-share-btn:hover,
[class$="-share-btn"]:hover {
    background: #e53d3c;
    border-color: #e53d3c;
    color: #fff !important;
}

/* ---- {{verify_form}} : PGP signature verifier ---------------- */
.blackops-verify-form,
[class$="-verify-form"]:not([class*="-input"]):not([class*="-label"]):not([class*="-submit"]):not([class*="-result"]) {
    background: linear-gradient(180deg, #fff 0%, #f6f7f8 100%);
    border: 1px solid #d7dadd;
    border-radius: 10px;
    padding: 22px;
    margin: 24px 0;
    position: relative;
    box-shadow: 0 1px 3px rgba(23,25,27,0.05);
    overflow: hidden;
}
.blackops-verify-form::after,
[class$="-verify-form"]:not([class*="-input"]):not([class*="-label"]):not([class*="-submit"]):not([class*="-result"])::after {
    content: "PGP";
    position: absolute;
    top: 10px;
    right: 12px;
    font-family: SFMono-Regular, Menlo, Monaco, Consolas, monospace;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 0.12em;
    color: #ffffff;
    background: #1a1c23;
    border: 1px solid #1a1c23;
    border-radius: 3px;
    padding: 2px 7px;
}
.blackops-verify-label,
[class*="-verify-label"] {
    display: block;
    font-size: 13px;
    font-weight: 600;
    color: #1a1c23;
    margin: 0 0 6px;
}
/* Verify input — defensive specificity. Real BlackOps ships Bootstrap's
   `.form-control` which can stretch inputs to fill flex parents. The
   `!important` flags below win the cascade so the input always renders
   as a single normal-height text field. */
.blackops-verify-input,
.ct-main .blackops-verify-input,
.ct-main [class*="-verify-input"]:not(textarea) {
    display: block;
    width: 100%;
    height: auto !important;
    min-height: 0 !important;
    max-height: 2.6em !important;
    line-height: 1.4 !important;
    padding: 10px 12px !important;
    background: #ffffff !important;
    color: #1a1c23 !important;
    border: 1px solid #d7dadd !important;
    border-radius: 4px !important;
    font-family: SFMono-Regular, Menlo, Monaco, Consolas, monospace !important;
    font-size: 13px !important;
    box-sizing: border-box;
    margin: 0 0 12px;
    flex: 0 0 auto;
    transition: border-color 0.15s ease, box-shadow 0.15s ease;
}
.blackops-verify-input:focus,
.ct-main [class*="-verify-input"]:focus {
    outline: none;
    border-color: #e53d3c !important;
    box-shadow: 0 0 0 0.18rem rgba(0,180,123,0.18);
}
.blackops-verify-submit,
[class*="-verify-submit"] {
    background: #e53d3c;
    color: #fff;
    border: 0;
    padding: 8px 20px;
    border-radius: 9999px;
    font-weight: 600;
    font-size: 14px;
    cursor: pointer;
    transition: background 0.15s ease;
}
.blackops-verify-submit:hover,
[class*="-verify-submit"]:hover {
    background: #1a1c23;
    color: #fff;
}
.blackops-verify-result,
[class*="-verify-result"] {
    margin: 12px 0 0;
    padding: 11px 13px;
    border-radius: 4px;
    background: #f6f7f8;
    border: 1px solid #d7dadd;
    color: #1a1c23;
    font-size: 13px;
    font-family: SFMono-Regular, Menlo, Monaco, Consolas, monospace;
    min-height: 1.5em;
}
.verify-ok { color: #e53d3c; font-weight: 600; }
.verify-bad { color: #F91155; font-weight: 600; }

/* ---- {{enter_market}} : pill-shaped CTA ---------------------- */
.blackops-enter-market,
[class$="-enter-market"] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: #e53d3c;
    color: #fff !important;
    padding: 9px 18px;
    border-radius: 9999px;
    font-weight: 700;
    font-size: 13px;
    line-height: 1.4;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    text-decoration: none !important;
    border: 0;
    box-shadow: 0 1px 3px rgba(23,25,27,0.18);
    transition: background 0.15s ease, transform 0.12s ease,
                box-shadow 0.15s ease, color 0.15s ease;
    white-space: nowrap;
}
.blackops-enter-market:hover,
[class$="-enter-market"]:hover {
    background: #1a1c23;
    color: #fff !important;
    transform: translateY(-1px);
    box-shadow: 0 2px 6px rgba(23,25,27,0.28);
}

/* ---- {{direct_access_point}} alias of .ct-onion-card --------- */
.blackops-direct-access-point,
[class$="-direct-access-point"] {
    display: block;
    background: #f6f7f8;
    border: 1px solid #d7dadd;
    border-left: 4px solid #e53d3c;
    border-radius: 0 8px 8px 0;
    padding: 16px 18px;
    margin: 18px 0;
    text-decoration: none !important;
    color: #1a1c23 !important;
    transition: background 0.15s ease, border-color 0.15s ease;
}
.blackops-direct-access-point:hover,
[class$="-direct-access-point"]:hover {
    background: #eeeff1;
    border-left-color: #1a1c23;
}

/* ---- {{screenshots}} : zoomable thumbnail grid --------------- */
.blackops-shots,
[class$="-shots"]:not([class*="-shot-"]) {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: 12px;
    margin: 18px 0 22px;
}
.blackops-shot,
[class$="-shot"]:not([class*="-thumb"]):not([class*="-modal"]):not([class*="-backdrop"]):not([class*="-close"]):not([class*="-zoom"]):not([class*="-prev"]):not([class*="-next"]):not([class*="-bar"]):not([class*="-caption"]):not([class*="-inner"]) {
    position: relative;
    margin: 0;
    background: #f6f7f8;
    border: 1px solid #d7dadd;
    border-radius: 8px;
    overflow: hidden;
}
.blackops-shot-thumb,
[class$="-shot-thumb"] {
    display: block;
    width: 100%;
    aspect-ratio: 16 / 10;
    object-fit: cover;
    background: #f6f7f8;
    cursor: zoom-in;
    transition: opacity 0.15s ease, transform 0.2s ease;
}
.blackops-shot-thumb:hover,
[class$="-shot-thumb"]:hover { opacity: 0.92; transform: scale(1.02); }

/* CSS-only zoom modal — placeholder emits an `<input type=checkbox>`
   with id `blackops-shot-zoom-N`, a clickable `<label class=
   "blackops-shot-thumb">` that toggles it, and a sibling
   `.blackops-shot-modal` that flips visible when checked. */
.blackops-shot-zoom,
input[class$="-shot-zoom"] { display: none; }
.blackops-shot-modal,
[class$="-shot-modal"]:not([class*="-bar"]):not([class*="-caption"]):not([class*="-inner"]) {
    display: none;
    position: fixed;
    inset: 0;
    z-index: 9000;
    background: rgba(23,25,27,0.88);
    align-items: center;
    justify-content: center;
    padding: 24px;
}
.blackops-shot-zoom:checked ~ .blackops-shot-modal,
input[class$="-shot-zoom"]:checked ~ [class$="-shot-modal"]:not([class*="-bar"]):not([class*="-caption"]):not([class*="-inner"]) {
    display: flex;
}
.blackops-shot-modal-inner,
[class$="-shot-modal-inner"] {
    background: #fff;
    border-radius: 8px;
    max-width: 96vw;
    max-height: 90vh;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    box-shadow: 0 12px 32px rgba(0,0,0,0.5);
}
.blackops-shot-modal-bar,
[class$="-shot-modal-bar"] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 8px 14px;
    background: #f6f7f8;
    border-bottom: 1px solid #d7dadd;
    font-size: 13px;
    color: #1a1c23;
}
.blackops-shot-modal-caption,
[class$="-shot-modal-caption"] {
    padding: 8px 14px;
    color: #5d646c;
    font-size: 13px;
    line-height: 1.4;
    background: #fff;
    border-top: 1px solid #e1e1e1;
}
.blackops-shot-modal img,
[class$="-shot-modal"] img {
    display: block;
    max-width: 100%;
    max-height: 75vh;
    object-fit: contain;
    margin: 0 auto;
}
.blackops-shot-backdrop,
[class$="-shot-backdrop"] {
    position: absolute;
    inset: 0;
    cursor: zoom-out;
    background: transparent;
}
.blackops-shot-close,
[class$="-shot-close"] {
    background: transparent;
    border: 0;
    color: #1a1c23;
    font-size: 18px;
    line-height: 1;
    cursor: zoom-out;
    padding: 0 6px;
    text-decoration: none;
}
.blackops-shot-close:hover,
[class$="-shot-close"]:hover { color: #e53d3c; }
.blackops-shot-prev,
.blackops-shot-next,
[class$="-shot-prev"],
[class$="-shot-next"] {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background: rgba(255,255,255,0.9);
    border: 1px solid #d7dadd;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #1a1c23;
    text-decoration: none;
    cursor: pointer;
    font-size: 18px;
    z-index: 2;
}
.blackops-shot-prev, [class$="-shot-prev"] { left: 16px; }
.blackops-shot-next, [class$="-shot-next"] { right: 16px; }
.blackops-shot-prev:hover, .blackops-shot-next:hover,
[class$="-shot-prev"]:hover, [class$="-shot-next"]:hover {
    background: #fff;
    color: #e53d3c;
}


/* =====================================================================
   04 — Main content area (.blackops-main inside .border rounded-2 panel)
   ===================================================================== */

.blackops-main {
    color: #1a1c23;
    font-size: 15px;
    line-height: 1.6;
}
.blackops-main h1,
.blackops-main h2,
.blackops-main h3,
.blackops-main h4 {
    color: #1a1c23;
    margin: 1.4em 0 0.6em;
    line-height: 1.25;
    font-weight: 700;
}
.blackops-main h1 { font-size: 22px; }
.blackops-main h2 {
    font-size: 19px;
    padding-bottom: 8px;
    border-bottom: 1px solid #e1e1e1;
    position: relative;
}
.blackops-main h2::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -1px;
    width: 60px;
    height: 2px;
    background: #e53d3c;
}
.blackops-main h3 { font-size: 16px; }
.blackops-main p {
    margin: 0 0 1em;
    color: #5d646c;
}
.blackops-main p strong,
.blackops-main li strong {
    color: #1a1c23;
    font-weight: 700;
}
.blackops-main a {
    color: #e53d3c;
    text-decoration: none;
}
.blackops-main a:hover {
    color: #1a1c23;
    text-decoration: underline;
}
/* The shared .ct-hero__cta defines a green-background button with white
   text. The above `.blackops-main a` rule has higher specificity than
   `.ct-hero__cta` (0,1,1 vs 0,1,0) and would otherwise leak the green
   link color into the button label, making it green-on-green invisible.
   Re-state the CTA color at matching specificity to win the cascade. */
.blackops-main a.ct-hero__cta { color: #ffffff; }
.blackops-main a.ct-hero__cta:hover { color: #ffffff; }
.blackops-main a.ct-hero__cta--ghost { color: #1a1c23; }
.blackops-main a.ct-hero__cta--ghost:hover { color: #1a1c23; }
.blackops-main ul,
.blackops-main ol {
    margin: 0 0 1em 1.25em;
    padding: 0;
    color: #5d646c;
}
.blackops-main li {
    margin: 0.4em 0;
}
.blackops-main li::marker {
    color: #e53d3c;
}
.blackops-main blockquote {
    margin: 1.2em 0;
    padding: 12px 18px;
    border-left: 3px solid #e53d3c;
    background: #f6f7f8;
    color: #5d646c;
    border-radius: 0 4px 4px 0;
}
.blackops-main code {
    background: #f6f7f8;
    border: 1px solid #d7dadd;
    padding: 1px 6px;
    border-radius: 3px;
    font-size: 0.88em;
    color: #1a1c23;
    font-family: SFMono-Regular, Menlo, Monaco, Consolas, monospace;
}
.blackops-main pre {
    background: #17191B;
    color: #f6f7f8;
    padding: 14px 18px;
    border-radius: 5px;
    overflow-x: auto;
    font-size: 0.85em;
    line-height: 1.5;
    margin: 1.2em 0;
    font-family: SFMono-Regular, Menlo, Monaco, Consolas, monospace;
}
.blackops-main pre code {
    background: transparent;
    border: 0;
    color: inherit;
    padding: 0;
}
.blackops-main table {
    width: 100%;
    border-collapse: collapse;
    margin: 1.2em 0;
    background: #fff;
    border: 1px solid #d7dadd;
    border-radius: 4px;
    overflow: hidden;
}
.blackops-main thead { background: #f6f7f8; }
.blackops-main th,
.blackops-main td {
    padding: 10px 14px;
    text-align: left;
    border-bottom: 1px solid #e1e1e1;
}
.blackops-main th {
    font-weight: 700;
    color: #1a1c23;
    font-size: 13px;
    text-transform: uppercase;
    letter-spacing: 0.04em;
}


/* =====================================================================
   05 — Currency rates strip (used as our Directory Status block)
   ===================================================================== */

.currency_rates {
    background: #f6f7f8;
    border-top: 1px solid #e1e1e1;
    border-bottom: 1px solid #e1e1e1;
    padding: 22px 0;
    margin: 28px 0 0;
}
.currency_rates_title {
    font-size: 18px;
    font-weight: 700;
    color: #1a1c23;
    letter-spacing: 0.02em;
}
.currency_rates .text-muted {
    color: #5d646c !important;
}
.currency_rates time {
    font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
    font-weight: 700;
}


/* =====================================================================
   06 — Responsive polish (375 / 540 / 640 / 768 / 880 / 992 px)
   Real BlackOps's responsive sheets (style1100/style980/style760/
   style320) do the chrome reflow; this layer adds the explicit
   640 / 880 breakpoints (matching the catharsis design contract)
   for the placeholder widgets + dashboard panel reflow.
   ===================================================================== */

/* Tablet — <992 */
@media (max-width: 992px) {
    .blackops-main h1 { font-size: 20px; }
    .blackops-main h2 { font-size: 18px; }
    .settings-dashboard-container > div { flex: 1 1 calc(50% - 14px); }
    /* Dashboard sidebar drops below main col below md */
    .d-flex.gap-3.flex-column.flex-md-row > .top-nav {
        margin-bottom: 0;
    }
}

/* Dashboard mobile reflow — below Bootstrap's md breakpoint the
   `.d-flex.gap-3.flex-column.flex-md-row` dashboard row stacks as a
   column (sidebar tab-strip on top, main content below). Two bugs to
   neutralize here:
     1. `flex-grow-1` on the main column + its inner panel — in a
        flex-COLUMN container `flex-grow` distributes free HEIGHT, not
        width. Because real BlackOps's `#content { flex: 1 0 auto }`
        stretches the content area to fill the viewport, the grown
        main column balloons vertically and leaves a giant empty gap
        below the actual content. Reset grow to 0 so the column and
        panel size to their content on mobile (on desktop flex-md-row
        keeps grow working for WIDTH, which is correct).
     2. The main column also carries `.wrap`, whose real-CSS width
        rules (760px / min-width) can fight the chrome. Force it to a
        clean full-width block. The sidebar's inline `min-width: 200px`
        is likewise pointless once stacked — drop it so the horizontal
        tab strip sizes naturally. */
@media (max-width: 767.98px) {
    .d-flex.gap-3.flex-column.flex-md-row > .top-nav {
        min-width: 0 !important;
        width: 100% !important;
        flex: 0 0 auto !important;
    }
    .d-flex.gap-3.flex-column.flex-md-row > .d-flex.flex-column.wrap {
        flex: 0 0 auto !important;
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
    }
    .d-flex.gap-3.flex-column.flex-md-row
        > .d-flex.flex-column.wrap > .border.rounded-2 {
        flex: 0 0 auto !important;
    }
}

/* Tablet portrait — 880 polish */
@media (max-width: 880px) {
    .blackops-mirror-card { padding: 12px 14px; }
    .blackops-rates { grid-template-columns: repeat(2, 1fr); }
    .blackops-shots { grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); }
    .blackops-eyebrow { font-size: 11.5px; }
}

/* Bootstrap md — 768 */
@media (max-width: 768px) {
    .border.rounded-2.border-light.p-4 {
        padding: 16px !important;
    }
    .currency_rates { padding: 16px 0; }
    .currency_rates_title { font-size: 16px; }
    .top-nav { margin-bottom: 16px; }
    .settings-tab-button { padding: 8px 14px; font-size: 13px; }
    .blackops-verify-form { padding: 16px; }
    .settings-dashboard-container > div { flex: 1 1 100%; }
}

/* Phone landscape — 640 */
@media (max-width: 640px) {
    .blackops-rates { grid-template-columns: 1fr; }
    .blackops-share-row { flex-direction: row; flex-wrap: wrap; }
    .blackops-onions {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }
    .blackops-shots { grid-template-columns: 1fr; }
    .blackops-enter-market {
        padding: 8px 14px;
        font-size: 12px;
    }
    .blackops-verify-form { padding: 14px; margin: 18px 0; }
}

/* Phone — 540 */
@media (max-width: 540px) {
    .blackops-main {
        font-size: 14px;
        line-height: 1.55;
    }
    .blackops-main h1 { font-size: 17px; }
    .blackops-main h2 { font-size: 15px; padding-bottom: 5px; }
    .blackops-main h3 { font-size: 14px; }
    .blackops-main pre { font-size: 11px; padding: 10px 12px; }
    .blackops-main table { font-size: 11px; }
    /* Hide the Enter Market CTA in tight chrome; the main body
       still embeds {{enter_market}} so the affordance survives. */
    .h_info .blackops-enter-market {
        padding: 7px 12px;
        font-size: 11px;
    }
}

/* Phone portrait — tightest */
@media (max-width: 375px) {
    .blackops-main h1 { font-size: 15px; }
    .blackops-main h2 { font-size: 14px; }
    .blackops-mirror-card { padding: 10px 12px; }
    .blackops-verify-form { padding: 12px; }
    .settings-tab-button { padding: 7px 10px; font-size: 12px; }
    /* Hide the chrome Enter Market CTA on very narrow screens —
       the inline {{enter_market}} button inside body content covers
       this affordance and the chrome row is too tight here. */
    .h_info .blackops-enter-market { display: none; }
}


/* =====================================================================
   07 — Footer + back-to-top
   ===================================================================== */

footer .f_nav {
    margin: 0 0 12px;
}
footer .f_nav ul {
    display: flex;
    flex-wrap: wrap;
    gap: 8px 18px;
    padding: 0;
    margin: 0;
    list-style: none;
    justify-content: center;
}
footer .f_nav li { list-style: none; }
footer .f_nav a {
    color: #5d646c;
    text-decoration: none;
    font-size: 13px;
    transition: color 0.12s ease;
}
footer .f_nav a:hover {
    color: #e53d3c;
    text-decoration: underline;
}
.copy {
    text-align: center;
    color: #5d646c;
    font-size: 12px;
    padding: 12px 0 24px;
}


/* =====================================================================
   08 — Chrome utility classes + topic-prefix safety
   ---------------------------------------------------------------------
   Eyebrow strip, f_nav slot polish, fallback for any stray .blackops-*
   class without an explicit rule above.
   ===================================================================== */

.blackops-eyebrow {
    font-size: 12.5px;
    color: #5d646c;
    line-height: 1.4;
}
.blackops-eyebrow .brand { font-weight: 700; color: #1a1c23; }
.blackops-eyebrow .page  { color: #1a1c23; font-weight: 600; }

/* Footer slot cells share a base style; per-slot accents below */
[class^="f_nav_"] { /* shared base */ }
.f_nav_market a { color: #e53d3c; }
.f_nav_market a:hover { color: #1a1c23; }
.f_nav_sn a:hover, .f_nav_support a:hover,
.f_nav_buy a:hover, .f_nav_sell a:hover,
.f_nav_faq a:hover, .f_nav_dread a:hover,
.f_nav_ref a:hover { color: #e53d3c; }

/* Topic-prefix safety net — any `blackops-*` class missed above
   inherits colour rather than visually dropping out. NOT a substitute
   for an explicit rule, but stops complete unstyledness if the
   placeholder set grows. */
[class^="blackops-"]:not(.blackops-onion-url):not(.blackops-onion-inline):not(.blackops-verify-input):not(.blackops-verified-state):not(.blackops-share-btn):not(.blackops-copy-btn):not(.blackops-enter-market):not(.blackops-primary-badge),
[class*=" blackops-"]:not(.blackops-onion-url):not(.blackops-onion-inline):not(.blackops-verify-input):not(.blackops-verified-state):not(.blackops-share-btn):not(.blackops-copy-btn):not(.blackops-enter-market):not(.blackops-primary-badge) {
    color: inherit;
}


/* =====================================================================
   09 — CSS-only language-switcher dropdown (real BlackOps pattern)
   ---------------------------------------------------------------------
   The header `<input type="checkbox" id="h_name_label_tab">` toggles
   the `.h_name_block_down` panel below the `LANG` label. Real BlackOps
   ships a JS handler; we replicate as a `:checked` sibling rule.
   ===================================================================== */

#h_name_label_tab { display: none; }
.h_name_block { position: relative; }
.h_name_block_down {
    display: none;
    position: absolute;
    right: 0;
    top: 100%;
    z-index: 50;
    min-width: 140px;
    padding: 4px 0;
}
.h_name_block_down ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
.h_name_block_down li a {
    display: block;
    padding: 6px 12px;
    font-size: 13px;
    text-decoration: none;
}
#h_name_label_tab:checked ~ .h_name_block_down,
.h_name_label:hover ~ .h_name_block_down,
.h_name_block:hover .h_name_block_down { display: block; }


/* =====================================================================
   10 — Scrollable content panes (mirrors real BlackOps's tab strip
   overflow + long-content lists)
   ===================================================================== */

.scroll-hidden {
    -ms-overflow-style: none;
    scrollbar-width: none;
}
.scroll-hidden::-webkit-scrollbar { display: none; }

.tabs-responsive {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}


/* =====================================================================
   11 — CSS-only hamburger pattern (mobile drawer fallback)
   ---------------------------------------------------------------------
   Real BlackOps's `.adapt_menu_inp` + `.adapt_menu_but` checkbox+label
   toggle the `.nav_main` drawer below the desktop breakpoint. The
   desktop guard in blackops.py's BLACKOPS_SPECIFIC_OVERRIDES forces
   the drawer back to a static row on ≥760px. Below that, we want a
   slide-down panel.
   ===================================================================== */

@media (max-width: 759px) {
    .nav_main {
        position: absolute;
        left: -100vw;
        width: 100%;
        background: #17191B;
        z-index: 80;
        transition: left 0.18s ease;
        overflow: hidden;
    }
    .adapt_menu_inp:checked ~ .nav_main {
        left: 0;
    }
    .nav_main > ul {
        flex-direction: column !important;
        padding: 0 16px 12px !important;
        margin: 0 !important;
        list-style: none;
    }
    .nav_main > ul > li > a {
        display: block;
        padding: 10px 0;
        border-bottom: 1px solid #2a2c30;
        color: #e2e8f0;
        text-decoration: none;
    }
    .nav_main > ul > li > a:hover { color: #e53d3c; }
    .adapt_menu_but { cursor: pointer; }
    .icon-close::before {
        content: "×";
        font-size: 22px;
        line-height: 1;
        color: #fff;
        cursor: pointer;
    }
}


/* =====================================================================
   12 — Back-to-top scroll arrow polish
   ===================================================================== */

.scroll-arrow,
a.back-to-top {
    position: fixed;
    right: 18px;
    bottom: 18px;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: #e53d3c;
    color: #fff;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    box-shadow: 0 2px 6px rgba(23,25,27,0.22);
    z-index: 100;
    transition: background 0.15s ease, transform 0.15s ease;
}
.scroll-arrow:hover,
a.back-to-top:hover {
    background: #1a1c23;
    color: #fff;
    transform: translateY(-2px);
}

/* =====================================================================
   13 — AI .ct-layout collision defense
   ---------------------------------------------------------------------
   When the AI emits its own `<div class="ct-layout"><aside...><main...></div>`
   inside the chrome's content area, base.extended_components_css ships
   `.ct-layout { display:flex; gap:18px }` which creates a 220px aside
   floating inside main. In blackops chrome, the chrome already owns
   page layout — flatten the inner layout so the aside renders as an
   inline info-strip above the main content. dh ships this same block.
   ===================================================================== */

.ct-main .ct-layout {
    display: block !important;
    flex-direction: initial;
    gap: 0;
    margin: 0;
}
.ct-main .ct-layout__aside {
    flex: 0 0 auto !important;
    width: auto !important;
    max-width: none !important;
    background: #f6f7f8;
    border: 1px solid #d7dadd;
    border-radius: 6px;
    padding: 14px 16px;
    margin: 0 0 18px;
}
.ct-main .ct-layout__aside .ct-jump-nav {
    display: flex;
    flex-wrap: wrap;
    gap: 8px 14px;
    margin: 0 0 10px;
}
.ct-main .ct-layout__aside .ct-jump-nav a {
    color: #e53d3c;
    text-decoration: none;
    font-size: 13.5px;
    font-weight: 600;
}
.ct-main .ct-layout__aside .ct-jump-nav a:hover { text-decoration: underline; }
.ct-main .ct-layout__main {
    display: block !important;
    width: auto !important;
    flex: 1 1 auto !important;
}

/* =====================================================================
   14 — Inline onion-link prose visibility
   ---------------------------------------------------------------------
   AI bodies often emit `<p>` containing an inline onion-URL link
   (`<a class="<prefix>-onion-inline <prefix>-onion-url">`). Base rules
   cascade the link's accent color onto the paragraph, making the
   surrounding prose invisible against the surface. This explicit
   :has() rule restores prose color on those paragraphs while keeping
   the link itself accent-colored. dh ships the same rule.
   ===================================================================== */

.ct-main p:has(> [class*="-onion-inline"]),
.ct-main p:has(> [class*="-onion-url"]) { color: #1a1c23; }
.ct-main li:has(> [class*="-onion-inline"]),
.ct-main li:has(> [class*="-onion-url"]) { color: #1a1c23; }

/* ====== BLACKOPS FOOTER (DH 4-column, red accent) ====== */
.blackops-footer {
    background: #0d0d0d;
    color: #ccc;
    border-top: 2px solid #e53d3c;
    padding: 28px 24px 16px;
    margin-top: 28px;
    font-size: 13px;
    line-height: 1.55;
}
.blackops-foot-brand {
    text-align: center;
    margin: 0 0 14px;
    color: #fff;
    font-size: 18px;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}
.blackops-foot-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 24px;
    max-width: 1180px;
    margin: 0 auto;
}
.blackops-foot-col h3 {
    color: #e53d3c;
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    font-weight: 700;
    margin: 0 0 10px;
    padding-bottom: 6px;
    border-bottom: 1px solid #333;
}
.blackops-foot-col a {
    color: #ccc;
    text-decoration: none;
    display: inline-block;
    padding: 2px 0;
}
.blackops-foot-col a:hover { color: #fff; text-decoration: underline; }
.blackops-foot-row { margin: 0 0 2px; }
.blackops-time {
    font-family: SFMono-Regular, Menlo, Monaco, Consolas, monospace;
    font-size: 13px;
    color: #fff;
    background: #1a1a1a;
    border: 1px solid #333;
    border-radius: 3px;
    padding: 5px 10px;
    display: inline-block;
}
.blackops-fx {
    font-family: SFMono-Regular, Menlo, Monaco, Consolas, monospace;
    font-size: 12px;
    color: #ccc;
    margin: 0 0 3px;
    background: transparent;
    border: none;
    padding: 0;
}
.blackops-foot-bottom {
    max-width: 1180px;
    margin: 18px auto 0;
    padding: 14px 0 0;
    border-top: 1px solid #333;
    text-align: center;
    color: #888;
    font-size: 11px;
}
.blackops-foot-bottom time { color: #fff; font-weight: 600; font-family: SFMono-Regular, Menlo, Monaco, Consolas, monospace; }
@media (max-width: 760px) {
    .blackops-foot-grid { grid-template-columns: repeat(2, 1fr); gap: 18px; }
}
@media (max-width: 420px) {
    .blackops-foot-grid { grid-template-columns: 1fr; }
    .blackops-footer { padding: 20px 14px 12px; }
}